/* Iubenda Cookie Solution custom styles — allineati al brand Ottica Marcì
 * Override del banner CMP (Consent Management Platform) di Iubenda.
 * Caricato DOPO iubenda_cs.js per vincere sui CSS di default.
 */

:root {
  --iub-bg: #ffffff;
  --iub-bg-soft: #faf9f7;
  --iub-text: #2b2b2b;
  --iub-text-muted: #6b6b6b;
  --iub-gold: #b8963e;
  --iub-gold-hover: #a07d2e;
  --iub-border: #e0ddd6;
  --iub-shadow: 0 12px 48px rgba(26, 26, 26, 0.18);
}

/* ========== Banner CMP (modal centrale) ========== */
#iubenda-cs-banner,
.iubenda-cs-container,
.iub-cmp-modal,
.iub-cmp-modal-inner,
.iubenda-tp-banner {
  font-family: 'Inter', -apple-system, sans-serif !important;
}

/* Rimuovi i bordi colorati top/bottom */
.iub-cmp-modal-inner,
#iubenda-cs-banner > div,
.iubenda-tp-banner > div {
  border-top: none !important;
  border-bottom: none !important;
}

/* Modal container: dimensione contenuta, centrato, ombre eleganti */
.iub-cmp-modal,
#iubenda-cs-banner.iubenda-tp-banner,
[class*="iub-cmp"] [class*="modal"] {
  background: var(--iub-bg) !important;
  color: var(--iub-text) !important;
  border-radius: 12px !important;
  box-shadow: var(--iub-shadow) !important;
  max-width: 640px !important;
  max-height: 78vh !important;
  border: 1px solid var(--iub-border) !important;
  overflow: hidden !important;
}

/* Header / tabs (Informativa / Preferenze) */
.iub-cmp-tabs,
.iub-cmp-modal-header,
[class*="iub-cmp-tab"] {
  background: var(--iub-bg-soft) !important;
  border-bottom: 1px solid var(--iub-border) !important;
}

.iub-cmp-tabs button,
.iub-cmp-tab-btn,
[class*="iub-cmp-tab"] button {
  background: transparent !important;
  color: var(--iub-text-muted) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
  padding: 0.9rem 1.2rem !important;
  letter-spacing: 0 !important;
}

.iub-cmp-tabs button[aria-selected="true"],
.iub-cmp-tab-btn.active,
[class*="iub-cmp-tab"] button.active {
  color: var(--iub-text) !important;
  border-bottom-color: var(--iub-gold) !important;
  background: var(--iub-bg) !important;
}

/* Contenuto banner (testo) */
.iub-cmp-modal-content,
.iubenda-tp-banner-text,
[class*="iub-cmp-content"] {
  padding: 1.4rem 1.6rem !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  color: var(--iub-text) !important;
}

.iub-cmp-modal-content a,
.iubenda-tp-banner-text a {
  color: var(--iub-gold) !important;
  text-decoration: underline !important;
}

/* Categorie consenso (Necessarie / Funzionalità / Misurazione / Marketing) */
.iub-cmp-purposes,
[class*="iub-cmp-purpose"],
.iubenda-tp-banner-purposes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  padding: 0 1.6rem 1rem 1.6rem !important;
}

.iub-cmp-purposes button,
.iub-cmp-purpose-btn,
[class*="iub-cmp-purpose"] button {
  background: var(--iub-bg-soft) !important;
  color: var(--iub-text) !important;
  border: 1px solid var(--iub-border) !important;
  border-radius: 999px !important;
  padding: 0.45rem 0.9rem !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

.iub-cmp-purposes button[aria-checked="true"],
.iub-cmp-purpose-btn.active {
  background: var(--iub-gold) !important;
  color: #ffffff !important;
  border-color: var(--iub-gold) !important;
}

/* Footer bottoni (Rifiuta / Salva / Accetta) */
.iub-cmp-modal-footer,
.iubenda-tp-btn-bar,
[class*="iub-cmp-footer"] {
  background: var(--iub-bg) !important;
  border-top: 1px solid var(--iub-border) !important;
  padding: 1rem 1.4rem !important;
  display: flex !important;
  gap: 0.7rem !important;
  flex-wrap: wrap !important;
}

/* Bottoni: rimuovi blu/verde/qualsiasi colore acceso */
.iub-cmp-modal-footer button,
.iubenda-tp-btn-bar button,
.iubenda-tp-btn,
[class*="iub-cmp"] button[class*="primary"],
[class*="iub-cmp"] button[class*="secondary"] {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  padding: 0.7rem 1.4rem !important;
  border-radius: 6px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
  flex: 1 1 auto !important;
  min-width: 140px !important;
}

/* Accetta / Salva: gold */
.iub-cmp-modal-footer button.iub-cmp-accept-btn,
.iub-cmp-modal-footer button[class*="accept"],
.iub-cmp-modal-footer button[class*="continue"],
.iub-cmp-modal-footer button[class*="save"],
.iubenda-tp-btn-accept,
[class*="iub-cmp"] button[class*="primary"] {
  background: var(--iub-gold) !important;
  color: #ffffff !important;
  border: 1px solid var(--iub-gold) !important;
}
.iub-cmp-modal-footer button.iub-cmp-accept-btn:hover,
.iub-cmp-modal-footer button[class*="accept"]:hover,
[class*="iub-cmp"] button[class*="primary"]:hover {
  background: var(--iub-gold-hover) !important;
  border-color: var(--iub-gold-hover) !important;
}

/* Rifiuta: outline neutro */
.iub-cmp-modal-footer button.iub-cmp-reject-btn,
.iub-cmp-modal-footer button[class*="reject"],
.iubenda-tp-btn-reject,
[class*="iub-cmp"] button[class*="secondary"] {
  background: transparent !important;
  color: var(--iub-text) !important;
  border: 1px solid var(--iub-border) !important;
}
.iub-cmp-modal-footer button.iub-cmp-reject-btn:hover,
.iub-cmp-modal-footer button[class*="reject"]:hover {
  background: var(--iub-bg-soft) !important;
  border-color: var(--iub-text-muted) !important;
}

/* Headings dentro il banner */
.iub-cmp-modal h1,
.iub-cmp-modal h2,
.iub-cmp-modal h3,
.iubenda-tp-banner h2,
.iubenda-tp-banner h3 {
  font-family: 'Playfair Display', serif !important;
  font-weight: 400 !important;
  color: var(--iub-text) !important;
  margin: 0 0 0.7rem 0 !important;
}

/* Overlay: leggera opacità invece di nero */
.iubenda-cs-overlay,
.iub-cmp-overlay,
[class*="iub-cmp-overlay"] {
  background: rgba(26, 26, 26, 0.45) !important;
  backdrop-filter: blur(2px) !important;
}

/* Floating preferences widget (icona persistente) */
.iubenda-tp-btn,
#iubenda-cs-floating-preferences,
[class*="iub-cs-floating"] {
  background: var(--iub-gold) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

/* Mobile: max width fluida */
@media (max-width: 640px) {
  .iub-cmp-modal,
  #iubenda-cs-banner.iubenda-tp-banner {
    max-width: calc(100vw - 24px) !important;
    margin: 12px !important;
    max-height: 88vh !important;
  }
  .iub-cmp-modal-content {
    padding: 1rem 1.2rem !important;
    font-size: 0.88rem !important;
  }
  .iub-cmp-modal-footer button {
    min-width: 100% !important;
    flex: 1 1 100% !important;
  }
}

/* Rimuovi qualsiasi colore non-brand residuo (bordo verde/blu visto nello screenshot) */
[class*="iub-cmp"] [style*="green"],
[class*="iub-cmp"] [style*="#0a"],
[class*="iub-cmp"] [style*="blue"] {
  background: transparent !important;
  border-color: var(--iub-border) !important;
}