/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* ===== CookieYes banner brand override ===== */
:root {
    --mc-purple: #9860A0;
    --mc-orange: #DA8A57;
    --mc-black:  #000000;
    --mc-white:  #FFFFFF;
}

/* Tipografia: Satoshi base, AC Sans per titoli */
.cky-consent-container,
.cky-consent-container *,
.cky-modal,
.cky-modal *,
.cky-btn-revisit-wrapper,
.cky-btn-revisit-wrapper * {
    font-family: 'Satoshi', sans-serif !important;
}
.cky-title,
.cky-preference-title,
.cky-accordion-header .cky-accordion-btn,
.cky-optout-popup-title,
.cky-revisit-title {
    font-family: 'AC Sans', 'Satoshi', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .2px;
}

/* Notice (banner): sfondo nero, testo bianco */
.cky-consent-container .cky-consent-bar {
    background-color: var(--mc-white) !important;
    border: 1px solid #E5E5E5 !important;
    color: var(--mc-black) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}
.cky-consent-container .cky-title,
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p,
.cky-consent-container .cky-notice-des * {
    color: var(--mc-black) !important;
}

/* Pulsanti generici */
.cky-btn {
    font-family: 'Satoshi', sans-serif !important;
    font-weight: 600 !important;
    border-radius: 100px !important;
    letter-spacing: .2px;
    transition: filter .18s ease, transform .18s ease;
}
.cky-btn:hover { filter: brightness(1.1); }

/* Accetta tutti → viola */
.cky-consent-container .cky-btn-accept,
.cky-modal .cky-btn-accept {
    background-color: var(--mc-purple) !important;
    border-color: var(--mc-purple) !important;
    color: var(--mc-white) !important;
}
/* Rifiuta → outline arancione */
.cky-consent-container .cky-btn-reject,
.cky-modal .cky-btn-reject {
    background-color: transparent !important;
    border-color: var(--mc-orange) !important;
    color: var(--mc-orange) !important;
}
/* Personalizza (notice) → outline nero */
.cky-consent-container .cky-btn-customize {
    background-color: transparent !important;
    border-color: var(--mc-black) !important;
    color: var(--mc-black) !important;
}
/* Salva preferenze → arancione pieno */
.cky-modal .cky-btn-preferences,
.cky-btn-preferences {
    background-color: var(--mc-orange) !important;
    border-color: var(--mc-orange) !important;
    color: var(--mc-white) !important;
}

/* Modale preferenze: sfondo bianco, testo nero */
.cky-modal .cky-prefrence-center,
.cky-modal .cky-prefrence-body-wrapper,
.cky-modal .cky-prefrence-title-wrapper {
    background-color: var(--mc-white) !important;
    color: var(--mc-black) !important;
    border-radius: 12px;
}
.cky-modal .cky-preference-title,
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-accordion-header .cky-accordion-btn,
.cky-modal .cky-accordion-body,
.cky-modal .cky-accordion-body * {
    color: var(--mc-black) !important;
}

/* Toggle switch: attivo viola */
.cky-modal .cky-switch input[type="checkbox"]:checked + label,
.cky-modal .cky-switch input[type="checkbox"]:checked + .cky-switch-label,
.cky-switch input[type="checkbox"]:checked + label,
.cky-preference-content-wrapper .cky-accordion-chevron-active .cky-accordion-chevron {
    background-color: var(--mc-purple) !important;
    border-color: var(--mc-purple) !important;
}
/* Fallback toggle (markup variabile) */
[data-cky-tag="detail-category-toggle"] input:checked + * {
    background-color: var(--mc-purple) !important;
}

/* Icona revisit in basso */
.cky-btn-revisit-wrapper {
    background-color: var(--mc-purple) !important;
}
.cky-btn-revisit-wrapper .cky-revisit-title {
    color: var(--mc-white) !important;
}

/* Link "Cookie Policy" e "Mostra di più/meno" */
.cky-consent-container .cky-btn-readmore,
.cky-modal .cky-show-desc-btn,
.cky-modal .cky-always-active {
    color: var(--mc-orange) !important;
}

/* Stato "Sempre attivi" */
.cky-modal .cky-always-active {
    color: var(--mc-purple) !important;
    font-weight: 600;
}