/* === Opus Nobile - cookiebanner in huisstijl (groen #1D4534 / creme #F7F2E4) === */

/* 1. Zwevende "cookievoorkeuren"-knop linksonder verbergen */
.cky-btn-revisit-wrapper { display: none !important; }

/* 2. De banner zelf.
      Let op: de rand moet CREME zijn, niet groen. Met een groene rand op een
      groene vulling versmelt de banner met de groene secties van de site. */
.cky-consent-container .cky-consent-bar {
  background: #1D4534 !important;
  border: 1px solid rgba(247,242,228,.45) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.35) !important;
}
.cky-consent-container .cky-title,
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des * { color: #F7F2E4 !important; }
.cky-consent-container .cky-notice-des a { color: #F7F2E4 !important; text-decoration: underline !important; }

/* 3. Knoppen in de banner: creme vlak, omlijnd secundair */
.cky-consent-container .cky-btn-accept {
  background: #F7F2E4 !important; border: 1px solid #F7F2E4 !important; color: #1D4534 !important;
}
.cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-customize {
  background: transparent !important; border: 1px solid #F7F2E4 !important; color: #F7F2E4 !important;
}
.cky-consent-container .cky-btn:hover { opacity: .85 !important; }

/* 4. Voorkeurencentrum */
.cky-modal .cky-preference-center { background: #F7F2E4 !important; }
.cky-modal .cky-preference-title,
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-preference-content-wrapper *,
.cky-modal .cky-accordion-header-wrapper,
.cky-modal .cky-accordion-header-wrapper *,
.cky-modal .cky-audit-table,
.cky-modal .cky-audit-table * { color: #1D4534 !important; }
.cky-modal .cky-preference-header { border-bottom: 1px solid rgba(29,69,52,.18) !important; }
.cky-modal .cky-accordion { border-color: rgba(29,69,52,.18) !important; }
.cky-modal .cky-audit-table { background: rgba(29,69,52,.05) !important; }
.cky-modal .cky-show-desc-btn { color: #1D4534 !important; text-decoration: underline !important; }

/* 5. Knoppen in het voorkeurencentrum: groen vlak */
.cky-modal .cky-btn-accept {
  background: #1D4534 !important; border: 1px solid #1D4534 !important; color: #F7F2E4 !important;
}
.cky-modal .cky-btn-reject,
.cky-modal .cky-btn-preferences {
  background: transparent !important; border: 1px solid #1D4534 !important; color: #1D4534 !important;
}

/* 6. Schakelaars groen in plaats van blauw */
.cky-switch input[type="checkbox"]:checked { background-color: #1D4534 !important; }
.cky-switch input[type="checkbox"]:checked::before { background-color: #F7F2E4 !important; }

/* 7. MOBIEL (t/m 440px). CookieYes maakt de banner daar schermbreed en plakt
      hem tegen de onderrand, met de knoppen verticaal gestapeld. Een kader
      rondom heeft dan geen zin - er moet juist een duidelijke bovenrand zijn,
      anders loopt de groene banner over in de groene pagina erachter. */
@media (max-width: 440px) {
  .cky-consent-container .cky-consent-bar {
    border: 0 !important;
    border-top: 2px solid #F7F2E4 !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,.45) !important;
  }
  .cky-consent-container .cky-notice-des {
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(247,242,228,.5) transparent !important;
  }
  .cky-consent-container .cky-notice-btn-wrapper .cky-btn { padding: 12px 16px !important; }
}