/*
 * Espressomania - Cookiebot Privacy Trigger override
 * Colori brand:
 * marrone #3B1C19
 * crema   #FEF7F1
 * oro     #C9A873
 */

/* Finestra principale del Privacy Trigger */
#CookiebotWidget,
#CookiebotWidget .CookiebotWidget-body {
    background-color: #3B1C19 !important;
    background-image: none !important;
    color: #FEF7F1 !important;
}

/*
 * Cookiebot costruisce il widget con blocchi interni propri.
 * Li uniformiamo senza influenzare nessun altro elemento del sito.
 */
#CookiebotWidget .CookiebotWidget-body [class*="CookiebotWidget-"] {
    background-color: #3B1C19 !important;
    background-image: none !important;
    color: #FEF7F1 !important;
    border-color: rgba(254, 247, 241, 0.25) !important;
}

/* Testi */
#CookiebotWidget .CookiebotWidget-body h1,
#CookiebotWidget .CookiebotWidget-body h2,
#CookiebotWidget .CookiebotWidget-body h3,
#CookiebotWidget .CookiebotWidget-body h4,
#CookiebotWidget .CookiebotWidget-body p,
#CookiebotWidget .CookiebotWidget-body span,
#CookiebotWidget .CookiebotWidget-body label,
#CookiebotWidget .CookiebotWidget-body li {
    color: #FEF7F1 !important;
}

/* Link, dettagli e accenti */
#CookiebotWidget .CookiebotWidget-body a {
    color: #C9A873 !important;
}

/* Pulsanti: elimina in particolare il blu predefinito */
#CookiebotWidget .CookiebotWidget-body button {
    background-color: #3B1C19 !important;
    background-image: none !important;
    color: #FEF7F1 !important;
    border-color: #C9A873 !important;
    box-shadow: none !important;
}

/* Hover dei pulsanti */
#CookiebotWidget .CookiebotWidget-body button:not(:disabled):hover,
#CookiebotWidget .CookiebotWidget-body button:not(:disabled):focus {
    background-color: #C9A873 !important;
    color: #3B1C19 !important;
    border-color: #C9A873 !important;
}

/* Pulsante disabilitato "Withdraw your consent" */
#CookiebotWidget .CookiebotWidget-body button:disabled {
    background-color: #3B1C19 !important;
    color: rgba(254, 247, 241, 0.50) !important;
    border-color: rgba(254, 247, 241, 0.35) !important;
    opacity: 1 !important;
}

/* Separazioni interne */
#CookiebotWidget .CookiebotWidget-body hr {
    border-color: rgba(254, 247, 241, 0.25) !important;
}

/* Bordo e ombra dell'intero box */
#CookiebotWidget .CookiebotWidget-body {
    border: 1px solid rgba(201, 168, 115, 0.55) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.28) !important;
}

/* Stato/accessori in evidenza */
#CookiebotWidget .CookiebotWidget-body [class*="active"],
#CookiebotWidget .CookiebotWidget-body [aria-expanded="true"] {
    color: #C9A873 !important;
}

/* ==========================================================
   ESPRESSOMANIA - COOKIEBOT PRIVACY TRIGGER V2
   Uniforma header, corpo, footer e pulsanti.
   ========================================================== */

#CookiebotWidget {
    --em-brown: #3B1C19;
    --em-cream: #FEF7F1;
    --em-gold: #C9A873;
}

/* Tutti i pannelli strutturali del widget */
#CookiebotWidget,
#CookiebotWidget > div,
#CookiebotWidget [class*="CookiebotWidget-"] {
    border-color: rgba(201, 168, 115, 0.45) !important;
}

/* Header, corpo e footer tutti marrone scuro */
#CookiebotWidget .CookiebotWidget-header,
#CookiebotWidget .CookiebotWidget-body,
#CookiebotWidget .CookiebotWidget-footer,
#CookiebotWidget [class*="header"],
#CookiebotWidget [class*="footer"] {
    background-color: var(--em-brown) !important;
    background-image: none !important;
    color: var(--em-cream) !important;
}

/* Titoli e testi anche nelle fasce superiore/inferiore */
#CookiebotWidget h1,
#CookiebotWidget h2,
#CookiebotWidget h3,
#CookiebotWidget h4,
#CookiebotWidget p,
#CookiebotWidget span,
#CookiebotWidget label {
    color: var(--em-cream) !important;
}

/* Linee divisorie */
#CookiebotWidget hr,
#CookiebotWidget [class*="separator"] {
    border-color: rgba(201, 168, 115, 0.40) !important;
}

/* Tutti i pulsanti ATTIVI:
   marrone dentro + contorno oro */
#CookiebotWidget button:not(:disabled) {
    background: var(--em-brown) !important;
    background-color: var(--em-brown) !important;
    color: var(--em-cream) !important;
    border: 2px solid var(--em-gold) !important;
    box-shadow: none !important;
}

/* Hover/focus */
#CookiebotWidget button:not(:disabled):hover,
#CookiebotWidget button:not(:disabled):focus {
    background: var(--em-gold) !important;
    background-color: var(--em-gold) !important;
    color: var(--em-brown) !important;
    border-color: var(--em-gold) !important;
}

/* Pulsante Withdraw disabilitato */
#CookiebotWidget button:disabled {
    background: var(--em-brown) !important;
    background-color: var(--em-brown) !important;
    color: rgba(254, 247, 241, 0.48) !important;
    border: 2px solid rgba(201, 168, 115, 0.45) !important;
    opacity: 1 !important;
}

/* Link / Show details */
#CookiebotWidget a {
    color: var(--em-gold) !important;
}

/* X di chiusura e icone: più coerenti col fondo scuro */
#CookiebotWidget svg {
    color: var(--em-cream) !important;
}


/* ==========================================================
   ESPRESSOMANIA - COOKIEBOT PRIVACY TRIGGER V3
   Rifinitura tipografia, branding, header e footer
   ========================================================== */

/* Testo generale del widget */
#CookiebotWidget,
#CookiebotWidget * {
    font-family: inherit !important;
}

/* Titolo "Cookie settings" */
#CookiebotWidget [class*="header"] *,
#CookiebotWidget [class*="Header"] * {
    color: #FEF7F1 !important;
}

/* Header completamente marrone */
#CookiebotWidget [class*="header"],
#CookiebotWidget [class*="Header"] {
    background: #3B1C19 !important;
    background-color: #3B1C19 !important;
    border-color: rgba(201,168,115,.55) !important;
}

/* Footer completamente marrone */
#CookiebotWidget [class*="footer"],
#CookiebotWidget [class*="Footer"] {
    background: #3B1C19 !important;
    background-color: #3B1C19 !important;
    border-color: rgba(201,168,115,.55) !important;
}

/* Testi principali */
#CookiebotWidget .CookiebotWidget-body,
#CookiebotWidget .CookiebotWidget-body * {
    color: #FEF7F1 !important;
}

/* Show details: oro e senza effetto "scatola" */
#CookiebotWidget .CookiebotWidget-body a,
#CookiebotWidget .CookiebotWidget-body [class*="details"],
#CookiebotWidget .CookiebotWidget-body [class*="Details"] {
    color: #C9A873 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Branding Cookiebot: rendilo chiaro sul marrone */
#CookiebotWidget .CookiebotWidget-main-logo {
    filter: brightness(0) invert(1) !important;
    opacity: .82 !important;
}

/* Pulsanti footer */
#CookiebotWidget button:not(:disabled) {
    background: #3B1C19 !important;
    color: #FEF7F1 !important;
    border: 2px solid #C9A873 !important;
    box-shadow: none !important;
}

/* Pulsante principale al passaggio mouse */
#CookiebotWidget button:not(:disabled):hover,
#CookiebotWidget button:not(:disabled):focus {
    background: #C9A873 !important;
    color: #3B1C19 !important;
    border-color: #C9A873 !important;
}

/* Withdraw disabilitato */
#CookiebotWidget button:disabled {
    background: #3B1C19 !important;
    color: rgba(254,247,241,.55) !important;
    border: 2px solid rgba(201,168,115,.55) !important;
    opacity: 1 !important;
}

/* X di chiusura */
#CookiebotWidget [aria-label*="close" i],
#CookiebotWidget [title*="close" i] {
    color: #C9A873 !important;
    border-color: #C9A873 !important;
}


/* ==========================================================
   ESPRESSOMANIA - COOKIEBOT PRIVACY TRIGGER V4
   Rimuove la fascia branding/logo Cookiebot dal corpo widget
   ========================================================== */

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none !important;
    filter: none !important;
}

/* Mantiene pulita la parte finale del corpo */
#CookiebotWidget .CookiebotWidget-body {
    background: #3B1C19 !important;
    background-color: #3B1C19 !important;
}

/* Show details pulito, senza box */
#CookiebotWidget .CookiebotWidget-body [class*="details"],
#CookiebotWidget .CookiebotWidget-body [class*="Details"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #C9A873 !important;
}


/* ==========================================================
   ESPRESSOMANIA - COOKIEBOT V5
   Trigger rotondo + X + freccia + pulsanti finali
   ========================================================== */

/* ----------------------------------------------------------
   1. PICCOLO PULSANTE COOKIE SETTINGS
   ---------------------------------------------------------- */

#CookiebotWidget .CookiebotWidget-logo {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;

    border-radius: 50% !important;

    background: #3B1C19 !important;
    background-color: #3B1C19 !important;

    border: 2px solid #C9A873 !important;
    box-shadow: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Icona interna del piccolo trigger */
#CookiebotWidget .CookiebotWidget-logo svg,
#CookiebotWidget .CookiebotWidget-logo svg * {
    color: #C9A873 !important;
    stroke: #C9A873 !important;
}

/* Hover: sempre elegante, senza quadrato */
#CookiebotWidget .CookiebotWidget-logo:hover,
#CookiebotWidget .CookiebotWidget-logo:focus {
    border-radius: 50% !important;
    background: #C9A873 !important;
    background-color: #C9A873 !important;
    border-color: #C9A873 !important;
}

#CookiebotWidget .CookiebotWidget-logo:hover svg,
#CookiebotWidget .CookiebotWidget-logo:hover svg *,
#CookiebotWidget .CookiebotWidget-logo:focus svg,
#CookiebotWidget .CookiebotWidget-logo:focus svg * {
    color: #3B1C19 !important;
    stroke: #3B1C19 !important;
}


/* ----------------------------------------------------------
   2. X DI CHIUSURA
   Niente quadrato / niente bordo
   ---------------------------------------------------------- */

#CookiebotWidget .CookiebotWidget-close,
#CookiebotWidget .CookiebotWidget-close:hover,
#CookiebotWidget .CookiebotWidget-close:focus {
    background: #3B1C19 !important;
    background-color: #3B1C19 !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: #C9A873 !important;
}

/* X vera e propria */
#CookiebotWidget .CookiebotWidget-close svg,
#CookiebotWidget .CookiebotWidget-close svg *,
#CookiebotWidget .CookiebotWidget-close span {
    color: #C9A873 !important;
    stroke: #C9A873 !important;
}


/* ----------------------------------------------------------
   3. SHOW DETAILS + FRECCIA V
   ---------------------------------------------------------- */

/* Niente rettangolo attorno a Show details */
#CookiebotWidget button[aria-expanded],
#CookiebotWidget button[aria-expanded]:hover,
#CookiebotWidget button[aria-expanded]:focus {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: #C9A873 !important;
}

/* Testo + V oro */
#CookiebotWidget button[aria-expanded] span,
#CookiebotWidget button[aria-expanded] svg,
#CookiebotWidget button[aria-expanded] svg * {
    color: #C9A873 !important;
    stroke: #C9A873 !important;
}


/* ----------------------------------------------------------
   4. MODIFICA CONSENSO
   Pulsante principale come palette Espressomania
   ---------------------------------------------------------- */

#CookiebotWidget #CookiebotWidget-btn-change {
    background: #C9A873 !important;
    background-color: #C9A873 !important;

    color: #3B1C19 !important;

    border: 2px solid #C9A873 !important;
    box-shadow: none !important;
}

#CookiebotWidget #CookiebotWidget-btn-change:hover,
#CookiebotWidget #CookiebotWidget-btn-change:focus {
    background: #FEF7F1 !important;
    background-color: #FEF7F1 !important;

    color: #3B1C19 !important;
    border-color: #C9A873 !important;
}


/* ----------------------------------------------------------
   5. REVOCA CONSENSO
   Secondario, meno dominante ma coerente
   ---------------------------------------------------------- */

#CookiebotWidget #CookiebotWidget-btn-withdraw {
    background: #3B1C19 !important;
    background-color: #3B1C19 !important;

    color: #FEF7F1 !important;

    border: 2px solid #C9A873 !important;
    box-shadow: none !important;
}

#CookiebotWidget #CookiebotWidget-btn-withdraw:hover:not(:disabled),
#CookiebotWidget #CookiebotWidget-btn-withdraw:focus:not(:disabled) {
    background: #FEF7F1 !important;
    background-color: #FEF7F1 !important;

    color: #3B1C19 !important;
    border-color: #C9A873 !important;
}

/* Se Revoca consenso è disabilitato */
#CookiebotWidget #CookiebotWidget-btn-withdraw:disabled {
    background: #3B1C19 !important;
    color: rgba(254,247,241,.55) !important;

    border: 2px solid rgba(201,168,115,.55) !important;
    opacity: 1 !important;
}


/* ==========================================================
   ESPRESSOMANIA - FIX FINALE X CHIUSURA
   Sfondo marrone scuro, icona oro
   ========================================================== */

#CookiebotWidget .CookiebotWidget-close,
#CookiebotWidget .CookiebotWidget-close:hover,
#CookiebotWidget .CookiebotWidget-close:focus,
#CookiebotWidget .CookiebotWidget-close:active {
    background: #3B1C19 !important;
    background-color: #3B1C19 !important;
    border-color: #C9A873 !important;
    box-shadow: none !important;
}

#CookiebotWidget .CookiebotWidget-close svg,
#CookiebotWidget .CookiebotWidget-close svg *,
#CookiebotWidget .CookiebotWidget-close span {
    color: #C9A873 !important;
    stroke: #C9A873 !important;
    fill: #C9A873 !important;
}