/* cmsms stylesheet: g4y-soft modified: 19-01-26 14:54:37 */
/* =========================================================
   GEZOND4YOU – WARM SAGE (vriendelijk, vrouwelijk, natuurlijk)
   Doelgroep: vrouwen 35–65 | Rustig, professioneel, zacht
   ========================================================= */

:root{
  /* Merk / natuur */
  --g4y-sage:#9AA892;          /* zacht salie (hoofdkleur) */
  --g4y-sage-2:#8C9A84;        /* iets dieper salie (hover) */
  --g4y-moss:#566252;          /* mosgroen (tekst/CTA) -> NIET te hard */
  --g4y-moss-2:#475244;        /* hover donker mos */

  /* Warmte / vrouwelijk accent (subtiel) */
  --g4y-blush:#C7A09C;         /* warm roze-beige (kleine accenten) */

  /* Achtergronden */
  --g4y-linen:#FBF7F1;         /* warm linnen achtergrond */
  --g4y-sand:#F4EFE6;          /* zacht zand vlak */
  --g4y-card:#FFFFFF;          /* kaarten */
  --g4y-card-2:#F7F3EC;        /* net iets donkerder kaartvlak */
  --g4y-border:#E6E0D6;

  /* Tekst */
  --g4y-ink:#2F332F;
  --g4y-muted:#6C726C;

  /* UI */
  --g4y-radius:18px;
  --g4y-shadow:0 10px 26px rgba(0,0,0,.07);
  --g4y-shadow-sm:0 6px 16px rgba(0,0,0,.06);
}

/* ===== Basis ===== */
html,body{height:100%;}
*{box-sizing:border-box;}
body{
  background:var(--g4y-linen);
  color:var(--g4y-ink);
  line-height:1.65;
  overflow-x:hidden;
}
img,iframe,video{max-width:100% !important; height:auto !important;}
p,li,a{overflow-wrap:anywhere;}

/* Links (niet fel groen) */
a{color:var(--g4y-moss); text-decoration:none;}
a:hover{color:var(--g4y-moss-2); text-decoration:underline;}

/* Koppen: vriendelijk donkergroen (geen harde “knalgroen”) */
h1,h2,h3,h4,h5,h6,.eigentitel{
  color:var(--g4y-moss) !important;
  letter-spacing:.2px;
}

/* ===== Bovenbalk / logo (zacht salie i.p.v. hard) ===== */
.container-fluid.bg-dark{
  background:var(--g4y-sage) !important;
  border-bottom:2px solid rgba(255,255,255,.35) !important;
}
.container-fluid.bg-dark img{
  max-height:86px;
  height:auto;
}

/* ===== Menu (warm licht, rustig) ===== */
.navbar,
.navbar.navbar-light,
.navbar.navbar-expand-lg{
  background:var(--g4y-linen) !important;
  border-top:1px solid var(--g4y-border) !important;
  border-bottom:1px solid var(--g4y-border) !important;
  box-shadow:none !important;
}

.navbar .nav-link{
  color:var(--g4y-moss) !important;
  font-weight:650;
  padding-top:14px;
  padding-bottom:14px;
}
.navbar .nav-link:hover{
  color:var(--g4y-moss-2) !important;
}
.navbar .active > .nav-link,
.navbar .nav-item.active > a{
  color:var(--g4y-moss-2) !important;
  background:transparent !important;
  box-shadow:inset 0 -3px 0 rgba(154,168,146,.55) !important;
}

/* Dropdown: warm en zacht */
.dropdown-menu{
  background:var(--g4y-card) !important;
  border:1px solid var(--g4y-border) !important;
  border-radius:14px !important;
  box-shadow:var(--g4y-shadow-sm) !important;
}
.dropdown-item{
  color:var(--g4y-ink) !important;
}
.dropdown-item:hover{
  background:var(--g4y-card-2) !important;
}

/* ===== Content minder breed (rustiger, “niet te breed”) ===== */
.container.content{
  max-width:1020px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:16px;
  padding-right:16px;
}
@media (min-width:1400px){
  .container.content{max-width:960px !important;}
}

/* ===== Cards / vakken ===== */
.card,.panel,.well,.thumbnail,.list-group-item{
  background:var(--g4y-card);
  border:1px solid var(--g4y-border);
  border-radius:var(--g4y-radius);
  box-shadow:var(--g4y-shadow-sm);
}
.panel-heading{
  background:var(--g4y-card-2) !important;
  border-bottom:1px solid var(--g4y-border) !important;
}

/* ===== Knoppen: duidelijk maar zacht (geen groen-op-grijs) ===== */
.btn{
  border-radius:999px !important;
  font-weight:650;
  padding:10px 16px;
  transition:all .15s ease;
}

/* primaire CTA: mosgroen (zachter dan “hard donkergroen”) */
.btn-gezond,
.btn-primary,
.btn-success{
  background:var(--g4y-moss) !important;
  border-color:var(--g4y-moss) !important;
  color:var(--g4y-linen) !important;
}
.btn-gezond:hover,
.btn-primary:hover,
.btn-success:hover{
  background:var(--g4y-moss-2) !important;
  border-color:var(--g4y-moss-2) !important;
}

/* secundair/outline: salie rand + mos tekst */
.btn-secondary,
.btn-outline-secondary,
.btn-default{
  background:transparent !important;
  border:2px solid rgba(154,168,146,.65) !important;
  color:var(--g4y-moss) !important;
}
.btn-secondary:hover,
.btn-outline-secondary:hover,
.btn-default:hover{
  background:rgba(154,168,146,.16) !important;
}

/* ===== Belangrijk: jouw “inline pill buttons” in content gelijk trekken ===== */
/* (dit pakt o.a. Lees meer / Bekijk lesrooster / Vrijblijvend kennismaken) */
a[style*="border-radius: 999px"],
a[style*="border-radius:999px"]{
  border:2px solid rgba(154,168,146,.65) !important;
  background:rgba(154,168,146,.14) !important;
  color:var(--g4y-moss-2) !important;
  text-decoration:none !important;
}
a[style*="border-radius: 999px"]:hover,
a[style*="border-radius:999px"]:hover{
  background:rgba(154,168,146,.22) !important;
}

/* Als het een “echte groene” CTA was (oude #226700), maak hem mosgroen */
a[style*="background-color: #226700"]{
  background:var(--g4y-moss) !important;
  border-color:var(--g4y-moss) !important;
  color:var(--g4y-linen) !important;
}
a[style*="border: 2px solid #226700"]{ border-color:var(--g4y-moss) !important; }
a[style*="color: #226700"]{ color:var(--g4y-moss-2) !important; }

/* ===== Footer: warm donker (niet hard zwart) ===== */
#footer, footer{
  background:var(--g4y-moss) !important;
  color:var(--g4y-linen) !important;
  border-top:2px solid rgba(255,255,255,.25) !important;
}
#footer .eigentitel, footer .eigentitel{
  color:rgba(255,255,255,.88) !important;
}
#footer a, footer a{
  color:rgba(255,255,255,.88) !important;
  text-decoration:none;
}
#footer a:hover, footer a:hover{
  color:#FFFFFF !important;
  text-decoration:underline;
}

/* Social buttons (rond, zacht) */
.g4y-social-btn{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:var(--g4y-linen) !important;
}
.g4y-social-btn:hover{
  background:rgba(255,255,255,.16) !important;
}

/* ===== Naar-boven knop ===== */
#back-to-top, .back-to-top{
  background:var(--g4y-sage-2) !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:var(--g4y-shadow-sm) !important;
}
#back-to-top:hover, .back-to-top:hover{
  background:var(--g4y-moss) !important;
}

/* ===== Cookie banner (mooie versie) ===== */
.g4y-cookie{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:9999;
  max-width:980px;
  margin:0 auto;
  background:var(--g4y-card);
  border:1px solid var(--g4y-border);
  border-radius:16px;
  box-shadow:var(--g4y-shadow);
}
.g4y-cookie__inner{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
}
.g4y-cookie__text{
  color:var(--g4y-ink);
  font-size:14px;
  line-height:1.35;
}
.g4y-cookie__link{
  color:var(--g4y-moss);
  font-weight:700;
  text-decoration:none;
  margin-left:6px;
}
.g4y-cookie__link:hover{ text-decoration:underline; }

.g4y-cookie__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.g4y-cookie__btn{
  appearance:none;
  border:2px solid var(--g4y-moss);
  background:var(--g4y-moss);
  color:var(--g4y-linen);
  padding:8px 12px;
  border-radius:999px;
  font-weight:700;
  cursor:pointer;
  font-size:14px;
}
.g4y-cookie__btn--ghost{
  background:transparent;
  color:var(--g4y-moss);
  border-color:rgba(154,168,146,.65);
}
.g4y-cookie__btn:hover{ filter:brightness(.98); }

@media (max-width:640px){
  .g4y-cookie__inner{ flex-direction:column; align-items:stretch; }
  .g4y-cookie__actions{ justify-content:flex-start; }
}

/* ruimte onderin zodat cookie banner niet over content valt */
body{ padding-bottom:90px; }
@media (max-width:640px){
  body{ padding-bottom:120px; }
}

/* Als er nog een “oude/lelijke” cookiebar van een plugin bestaat: verbergen */
#cookie-bar, .cookie-bar, .cookiebanner, .cookie-banner, .cc-window, .cc-banner, .cookieconsent{
  display:none !important;
}