/* Roadroller - cookie consent, form messages, mobile helpers */

/* Cookie banner */
#rr-cookie{
  position:fixed; left:0; right:0; bottom:0; z-index:99999;
  background:#0e4236; color:#fff;
  box-shadow:0 -4px 20px rgba(0,0,0,.18);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
#rr-cookie .rr-cookie-inner{
  max-width:1100px; margin:0 auto; padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
}
#rr-cookie p{ margin:0; font-size:14px; line-height:1.5; flex:1; min-width:240px; }
#rr-cookie a{ color:#00c699; text-decoration:underline; }
#rr-cookie .rr-cookie-btns{ display:flex; gap:10px; flex-wrap:wrap; }
#rr-cookie button{
  font:inherit; font-weight:600; border:0; border-radius:8px; padding:10px 18px; cursor:pointer;
}
#rr-cookie #rr-cookie-essential{ background:transparent; color:#fff; border:1px solid rgba(255,255,255,.5); }
#rr-cookie #rr-cookie-essential:hover{ background:rgba(255,255,255,.12); }
#rr-cookie #rr-cookie-all{ background:#00c699; color:#fff; }
#rr-cookie #rr-cookie-all:hover{ background:#00b389; }

/* Map placeholder (pre-consent) */
.rr-map-placeholder{
  background:#eef2f1; border:1px dashed #00c699; border-radius:8px;
  min-height:200px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px; padding:24px; text-align:center; color:#0e4236;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.rr-map-placeholder p{ margin:0; font-size:14px; }
.rr-map-placeholder .rr-map-load{
  background:#00c699; color:#fff; border:0; border-radius:8px; padding:10px 18px; font-weight:600; cursor:pointer;
}
.rr-map-placeholder .rr-map-load:hover{ background:#0e4236; }

/* Geïnjecteerde menu-knop (inner pages zonder werkende trigger) */
#rr-menu-btn{
  position:fixed; top:22px; right:24px; z-index:99998;
  display:inline-flex; align-items:center; gap:8px;
  background:#00c699; color:#fff; border:0; border-radius:999px;
  padding:10px 18px; font-size:15px; font-weight:700; cursor:pointer;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
}
#rr-menu-btn:hover{ background:#0e4236; }
#rr-menu-btn .rr-menu-bars{ position:relative; width:18px; height:2px; background:#fff; box-shadow:0 -6px 0 #fff, 0 6px 0 #fff; }
@media (max-width:782px){ #rr-menu-btn{ top:14px; right:14px; padding:8px 14px; font-size:14px; } }

/* Navigatie-overlay (eigen menu, vervangt de kapotte Elementor-popup) */
#rr-nav{
  position:fixed; inset:0; z-index:100000;
  background:rgba(14,66,54,.98);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:10px; opacity:0; visibility:hidden; transition:opacity .25s ease;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
#rr-nav.open{ opacity:1; visibility:visible; }
#rr-nav .rr-nav-close{
  position:absolute; top:18px; right:24px; background:none; border:0; color:#fff;
  font-size:44px; line-height:1; cursor:pointer; padding:4px 12px;
}
#rr-nav .rr-nav-close:hover{ color:#00c699; }
#rr-nav .rr-nav-links{ display:flex; flex-direction:column; align-items:center; gap:6px; }
#rr-nav .rr-nav-links a{
  color:#fff; text-decoration:none; font-size:30px; font-weight:700; letter-spacing:.5px;
  padding:8px 16px; transition:color .15s ease;
}
#rr-nav .rr-nav-links a:hover{ color:#00c699; }
#rr-nav .rr-nav-contact{
  margin-top:28px; display:flex; flex-direction:column; align-items:center; gap:6px;
}
#rr-nav .rr-nav-contact a{ color:#00c699; text-decoration:none; font-size:16px; font-weight:600; }
#rr-nav .rr-nav-contact a:hover{ text-decoration:underline; }
#rr-nav .rr-nav-lang{
  margin-top:10px; border:1px solid rgba(255,255,255,.4); border-radius:999px;
  padding:6px 18px; color:#fff !important; font-weight:700; letter-spacing:1px;
}
#rr-nav .rr-nav-lang:hover{ background:#00c699; border-color:#00c699; text-decoration:none !important; }
@media (max-width:600px){
  #rr-nav .rr-nav-links a{ font-size:24px; }
}

/* Form messages */
.rr-form-msg{
  padding:14px 18px; border-radius:8px; margin:0 0 18px; font-size:15px; font-weight:500;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.rr-form-success{ background:#e6f8f2; color:#0e4236; border:1px solid #00c699; }
.rr-form-error{ background:#fde8e8; color:#b91c1c; border:1px solid #f1c4c4; }
