/* ==========================================================================
   1. STILI DI GIORNO (BIANCO E ROSSO)
   ========================================================================== */

.wp-block-button__link, .button, .elementor-button, a.btn { 
    display: block !important;
    width: auto !important;
    min-width: 220px;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
    height: auto !important;
    padding: 15px 25px !important;
    line-height: 1.4 !important;
    border-radius: 50px !important; 
    transition: all 0.3s ease-in-out !important;
}

.wp-block-button__link:hover, .button:hover {
    background-color: #EF5361 !important;
    color: #ffffff !important;
    border-color: #EF5361 !important;
}

.wp-block-post-author, .entry-author, .byline, .author-name {
    display: none !important;
}

/* ==========================================================================
   2. MODALITÀ NOTTURNA AUTOMATICA (NERO E VIOLA)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
    
    /* ATTACCO ALLE VARIABILI GLOABLI DI WORDPRESS */
    :root, html, body {
        --wp--preset--color--primary: #bb86fc !important;
        --wp--preset--color--secondary: #bb86fc !important;
        --wp--preset--color--vivid-red: #bb86fc !important;
        --wp--custom--color--primary: #bb86fc !important;
    }

    /* SFONDO TOTALE */
    html, body, #page, .site, .wp-site-blocks, .is-layout-flow, .entry-content {
        background-color: #121212 !important;
        color: #e0e0e0 !important;
    }

    /* TITOLI E LINEE SOTTO I TITOLI (Spessore 0.5px) */
    h1, h2, h3, h4, h5, h6, .wp-block-heading, .section-title {
        color: #ffffff !important;
        border-color: #bb86fc !important; 
        border-bottom-width: 0.5px !important; /* Linea sottilissima sotto i titoli */
    }

    /* CACCIA ALLE CLASSI DI GUTENBERG */
    [class*="has-primary-color"], 
    [class*="has-vivid-red-color"],
    [class*="color-primary"] {
        color: #bb86fc !important;
        border-color: #bb86fc !important;
    }

    [class*="has-primary-background-color"], 
    [class*="has-vivid-red-background-color"] {
        background-color: #bb86fc !important;
    }

    li::marker { color: #bb86fc !important; }
    blockquote, .wp-block-quote { border-left-color: #bb86fc !important; border-left-width: 0.5px !important; }
    mark { background-color: #bb86fc !important; color: #121212 !important; }

    /* DIVISORI E LINEE ORIZZONTALI (Spessore 0.5px) */
    hr, .wp-block-separator, border, 
    [style*="#ef5361"], [style*="#EF5361"] {
        border-color: #bb86fc !important;
        background-color: #bb86fc !important;
        color: #bb86fc !important; 
        border-width: 0.5px !important; /* Spessore ridotto al minimo assoluto */
        height: 0.5px !important;       /* Altezza ridotta al minimo assoluto */
    }

    /* Pseudo-elementi invisibili */
    h1::before, h1::after, h2::before, h2::after, h3::before, h3::after,
    .title-wrapper::after, .header-line {
        background-color: #bb86fc !important;
        height: 0.5px !important; 
    }

    /* BLOCCHI, ARTICOLI E CONTENITORI */
    .wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-post-excerpt {
        background-color: #121212 !important;
        border-color: #333333 !important;
    }

    .wp-block-post {
        background-color: #1e1e1e !important;
        border: 1px solid #333 !important;
    }

    /* BOTTONI E HOVER */
    .wp-block-button__link, .button {
        background-color: #2c2c2c !important;
        color: #ffffff !important;
        border: 1px solid #444444 !important;
    }

    .wp-block-button__link:hover, .button:hover {
        background-color: #bb86fc !important;
        border-color: #bb86fc !important;
        color: #121212 !important;
    }

    /* Link */
    a { 
        color: #bb86fc !important; 
        text-decoration: none !important;
    }

    /* Icone */
    svg, i, .icon {
        fill: #bb86fc !important;
        color: #bb86fc !important;
    }
}

.wp-block-button__link:hover, .button:hover {
    background-color: #EF5361 !important;
    color: #ffffff !important;
    border-color: #EF5361 !important;
}

.wp-block-post-author, .entry-author, .byline, .author-name {
    display: none !important;
}

/* ==========================================================================
   2. MODALITÀ NOTTURNA AUTOMATICA (NERO E VIOLA)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
    
    /* ATTACCO ALLE VARIABILI GLOABLI DI WORDPRESS */
    :root, html, body {
        --wp--preset--color--primary: #bb86fc !important;
        --wp--preset--color--secondary: #bb86fc !important;
        --wp--preset--color--vivid-red: #bb86fc !important;
        --wp--custom--color--primary: #bb86fc !important;
    }

    /* SFONDO TOTALE */
    html, body, #page, .site, .wp-site-blocks, .is-layout-flow, .entry-content {
        background-color: #121212 !important;
        color: #e0e0e0 !important;
    }

    /* TITOLI E LINEE SOTTO I TITOLI (Spessore 1px) */
    h1, h2, h3, h4, h5, h6, .wp-block-heading, .section-title {
        color: #ffffff !important;
        border-color: #bb86fc !important; 
        border-bottom-width: 1px !important; /* Forza il bordo del titolo a 1px */
    }

    /* CACCIA ALLE CLASSI DI GUTENBERG */
    [class*="has-primary-color"], 
    [class*="has-vivid-red-color"],
    [class*="color-primary"] {
        color: #bb86fc !important;
        border-color: #bb86fc !important;
    }

    [class*="has-primary-background-color"], 
    [class*="has-vivid-red-background-color"] {
        background-color: #bb86fc !important;
    }

    li::marker { color: #bb86fc !important; }
    blockquote, .wp-block-quote { border-left-color: #bb86fc !important; border-left-width: 1px !important; }
    mark { background-color: #bb86fc !important; color: #121212 !important; }

    /* DIVISORI E LINEE ORIZZONTALI (Spessore 1px) */
    hr, .wp-block-separator, border, 
    [style*="#ef5361"], [style*="#EF5361"] {
        border-color: #bb86fc !important;
        background-color: #bb86fc !important;
        color: #bb86fc !important; 
        border-width: 1px !important; /* Forza lo spessore del bordo a 1px */
        height: 1px !important;       /* Forza l'altezza della linea a 1px */
    }

    /* Pseudo-elementi invisibili */
    h1::before, h1::after, h2::before, h2::after, h3::before, h3::after,
    .title-wrapper::after, .header-line {
        background-color: #bb86fc !important;
        height: 1px !important; /* Forza lo spessore a 1px anche qui */
    }

    /* BLOCCHI, ARTICOLI E CONTENITORI */
    .wp-block-group, .wp-block-columns, .wp-block-column, .wp-block-post-excerpt {
        background-color: #121212 !important;
        border-color: #333333 !important;
    }

    .wp-block-post {
        background-color: #1e1e1e !important;
        border: 0.5px solid #333 !important;
    }

    /* BOTTONI E HOVER */
    .wp-block-button__link, .button {
        background-color: #2c2c2c !important;
        color: #ffffff !important;
        border: 1px solid #444444 !important;
    }

    .wp-block-button__link:hover, .button:hover {
        background-color: #bb86fc !important;
        border-color: #bb86fc !important;
        color: #121212 !important;
    }

    /* Link */
    a { 
        color: #bb86fc !important; 
        text-decoration: none !important;
    }

    /* Icone */
    svg, i, .icon {
        fill: #bb86fc !important;
        color: #bb86fc !important;
    }
}