/* WonderStory brand overrides for orestbida/cookieconsent v3.1.0
   P-232: Complianz → orestbida migration
   Reference: computed CSS from live Complianz banner 2026-04-14 */

/* --- Consent modal (banner) --- */
#cc-main .cm {
  --cc-bg: #fff;
  --cc-primary-color: #292929;
  --cc-secondary-color: #646464;
  --cc-font-family: 'soleilLight', sans-serif;
  border-radius: 10px;
  max-width: 600px;
}

/* Banner title area */
#cc-main .cm__title {
  font-family: 'Marcellus', serif;
  font-size: 16px;
  font-weight: 400;
  color: #292929;
}

/* Banner description text */
#cc-main .cm__desc {
  font-family: 'soleilLight', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #646464;
}

/* Buttons — both same style per AEPD (reject as prominent as accept) */
#cc-main .cm__btn {
  font-family: 'soleilRegular', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  min-height: 45px;
  text-transform: none;
}

/* Accept button — grey like current Complianz */
#cc-main .cm__btn[data-role="all"] {
  background: #EFEFEF;
  color: #000;
  border: 1px solid #F9F9F9;
}
#cc-main .cm__btn[data-role="all"]:hover {
  background: #E0E0E0;
}

/* Reject button — identical to accept per AEPD */
#cc-main .cm__btn[data-role="necessary"] {
  background: #EFEFEF;
  color: #000;
  border: 1px solid #F2F2F2;
}
#cc-main .cm__btn[data-role="necessary"]:hover {
  background: #E0E0E0;
}

/* Settings/preferences button */
#cc-main .cm__btn[data-role="show"] {
  background: transparent;
  color: #646464;
  border: none;
  font-size: 13px;
  padding: 5px 10px;
  min-height: auto;
}

/* --- Preferences modal --- */
#cc-main .pm {
  --cc-pm-bg: #fff;
  border-radius: 10px;
}

#cc-main .pm__title {
  font-family: 'Marcellus', serif;
  font-size: 20px;
  color: #292929;
}

#cc-main .pm__desc,
#cc-main .pm__section-desc {
  font-family: 'soleilLight', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #646464;
}

#cc-main .pm__section-title {
  font-family: 'soleilRegular', sans-serif;
  font-size: 15px;
  color: #292929;
}

/* Toggle switch — copper accent */
#cc-main .section__toggle-wrapper .toggle__icon {
  background: #976338;
}

/* --- AEPD revoke button (floating) --- */
#cc-main .cc-revoke-btn,
button[data-cc="show-preferencesModal"].cc-revoke-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9998;
  font-family: 'soleilLight', sans-serif;
  font-size: 12px;
  padding: 6px 12px;
  background: #fff;
  color: #646464;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* --- Mobile adjustments --- */
@media (max-width: 640px) {
  #cc-main .cm {
    max-width: 100%;
    border-radius: 0;
    margin: 0;
  }
  #cc-main .cm__btn {
    width: 100%;
  }
}