/* 
Theme Name: Reyer School Cup
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
Text Domain: reyer-school-cup
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
*/

/* FONT GLOBALI 
h1, .h1, h1 p, .h1 p {
    font-size: clamp(1.563rem, 2.951vw + 0.799rem, 3.75rem);
    line-height: clamp(1.875rem, 4.047vw + 0.828rem, 4.875rem);
    font-weight: 400;
}

h2, .h2, h2 p, .h2 p{
    font-size: clamp(1.438rem, 2.277vw + 0.848rem, 3.125rem);
    line-height: clamp(1.725rem, 3.153vw + 0.909rem, 4.063rem);
    font-weight: 400;
}

h3, .h3, h3 p, .h3 p{
    font-size: clamp(1.375rem, 1.939vw + 0.873rem, 2.813rem);
    line-height: clamp(1.65rem, 2.707vw + 0.95rem, 3.656rem);
    font-weight: 400;
}

.text-large, .text-large p, .text-large span, .text-large a{
    font-size: clamp(1.125rem, 0.506vw + 0.994rem, 1.5rem);
    line-height: clamp(1.35rem, 0.809vw + 1.141rem, 1.95rem);
    font-weight: 300;
}

.text-medium, .text-medium p, .text-medium span, .text-medium a{
    font-size: clamp(0.938rem, 0.253vw + 0.872rem, 1.125rem);
    line-height: clamp(1.125rem, 0.455vw + 1.007rem, 1.463rem);
    font-weight: 300;
}

.text-small, .text-small p, .text-small span, .text-small a{
    font-size: clamp(0.813rem, 0.253vw + 0.747rem, 1rem);
    line-height: clamp(0.975rem, 0.438vw + 0.862rem, 1.3rem);
    font-weight: 300;
}*/

/* HEADER */

    @media only screen and (min-width: 1200px) {
        .header-nascosto {
            opacity: 0; 
            visibility: hidden;
            transition: opacity 0.5s ease-in-out;
            position: fixed;
            width: 100%; 
            top: 0; 
            z-index: 1000; 
        }
    
    }
    .header-nascosto.header-visibile {
        opacity: 1; 
        visibility: visible;
        background-color: white;
    }
   
    
    .retinato::after {
        content:"";
        width: 100%;
        height: 100%;
        position:absolute;
        top:0;
        left:0;
        background: url(/wp-content/uploads/2023/01/dots.png) repeat;
    }

    @media only screen and (max-width: 768px){
        .header-nascosto {
           background-color: white;
        }
        .elementor-menu-toggle{
            color: white !important;
        }

    }

/* Post metropolitano */

    .metropolitano-post {background-color:#FFFFFFB5; padding: 15px; border: solid 1px var(--e-global-color-158605f);}
    .metropolitano-post h3 {font-size: 14px; font-weight: 500; color: var(--e-global-color-primary);}
    .metropolitano-post time {font-size: 12px; color: var(--e-global-color-primary); }
    .metropolitano-post img {max-width: 70px;float: left;display: block;margin-right: 10px;}
    .metropolitano-post .item h4 { font-size: 14px; line-height: 1.2em; color: var(--e-global-color-text);}
    .metropolitano-post h4 a{color: var(--e-global-color-primary);}
    #shortcode-metropolitano{position:sticky; top: 85px;}

/* PAGINA SQUADRE */

    #blocco_dettagli_squadra{
        position: sticky;
        top:100px;
        max-height: 90vh;
        overflow-y: auto;
    }

    /* Opzionale: rendi la scrollbar più sottile e moderna */
    #blocco_dettagli_squadra::-webkit-scrollbar {
        width: 6px;
    }

    #blocco_dettagli_squadra::-webkit-scrollbar-thumb {
        background:  var(--e-global-color-primary); /* Colore rosso come i tuoi bottoni */
        border-radius: 10px;
    }

    .container-teams{
        position: relative;
    }

    .tabella-mobile-container {
        width: 100%;
        margin-top: 15px;
        padding: 10px;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch; 
        animation: fadeIn 0.3s ease-in-out;
    }

    /* Stile per le celle della tabella mobile */
    .tabella-mobile-container th, 
    .tabella-mobile-container td {
        white-space: nowrap; 
        padding: 12px 8px;
        text-align: left;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Opzionale: Barra di scorrimento stilizzata per un look più pulito */
    .tabella-mobile-container::-webkit-scrollbar {
        height: 6px;
    }
    .tabella-mobile-container::-webkit-scrollbar-thumb {
        background: #cccccc;
        border-radius: 10px;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .squadra-nome-roster{
        color: var(--e-global-color-primary);
        font-family: var(--e-global-typography-a422e79-font-family), Sans-serif;
        font-size: var(--e-global-typography-a422e79-font-size);
        font-weight: var(--e-global-typography-a422e79-font-weight);
        line-height: var(--e-global-typography-a422e79-line-height);
        letter-spacing: var(--e-global-typography-a422e79-letter-spacing);
        word-spacing: var(--e-global-typography-a422e79-word-spacing);
    }

    .e-loop-item.scuole{
        cursor: pointer;
    }

    #squadre-singola-tappa .squadra-attiva,
    #carosello_squadre .squadra-attiva{
        border: 5px solid var(--e-global-color-secondary);
        color: white;
    }


/* HOMEPAGE */

    .carousel-notizie{
        overflow:hidden;
    }

    .orario-tappe{
        color: var(--e-global-color-text);
        font-family: var(--e-global-typography-88813e2-font-family), Sans-serif;
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        line-height: 0.9;
        display: block;
    }

    .shortcode-orario-tappe{
        text-align:center;
    }

/* PAGINA TAPPE */

    .single-tappa-orario .orario-tappe{
        font-family: var(--e-global-typography-a422e79-font-family), Sans-serif;
        font-size: var(--e-global-typography-a422e79-font-size);
        font-weight: var(--e-global-typography-a422e79-font-weight);
        line-height: var(--e-global-typography-a422e79-line-height);
    }

    .squadra-nome, .squadra-luogo{
        color: var(--e-global-color-text);
        font-family: var(--e-global-typography-2f375f0-font-family), Sans-serif;
        font-size: var(--e-global-typography-2f375f0-font-size);
        font-weight: var(--e-global-typography-2f375f0-font-weight);
        line-height: var(--e-global-typography-2f375f0-line-height);
        letter-spacing: var(--e-global-typography-2f375f0-letter-spacing);
        word-spacing: var(--e-global-typography-2f375f0-word-spacing);
    }

    .lista-squadre-tappa li::marker{
        color: var(--e-global-color-text);        
    }

    .title-squadra-tappa{
        margin-block-end:0px;
    }

    .singola-tappa-h1 .orario-tappe{
        font-family: var(--e-global-typography-7544d2c-font-family), Sans-serif;
        font-size: var(--e-global-typography-7544d2c-font-size);
        font-weight: var(--e-global-typography-7544d2c-font-weight);
        line-height: var(--e-global-typography-7544d2c-line-height);
    }

    .category-qualification-rounds .category-scuole.category-vincitrici-qualification-rounds .squadra-singola-loop::after,
    .category-madness .category-scuole.category-vincitrici-reyer-madness .squadra-singola-loop::after{
        content: "QUALIFICATA";
        position: absolute;
        rotate: 45deg;
        top: 27px;
        right: -38px;
        background: var(--e-global-color-primary);
        padding: 5px 40px;
        font-size: 0.75rem;
        font-weight: 700;
        color: white;
        text-align: center;
    }

    @media only screen and (max-width: 768px){
        .category-qualification-rounds .category-scuole.category-vincitrici-qualification-rounds .squadra-singola-loop::after,
        .category-madness .category-scuole.category-vincitrici-reyer-madness .squadra-singola-loop::after{
            /*top: 30px;*/
        }
    }

    .squadra-singola-loop{
        overflow: hidden;
    }

    .icons-tappa-info{
        color: var(--e-global-color-primary);
    }

    .single-tappa .category-scuole.category-vincitrice-final-fours .squadra-singola-loop::after{
        content: "VINCITRICE";
        position: absolute;
        rotate: 45deg;
        top: 25px;
        right: -38px;
        background: var(--e-global-color-secondary);
        padding: 5px 40px;
        font-size: 0.75rem;
        font-weight: 700;
        color: white;
        text-align: center;
    }

    .category-qualification-rounds .vincitrici-qualification-rounds span,
    .category-madness .vincitrici-reyer-madness span,
    .category-qualification-rounds .vincitrici-qualification-rounds::marker,
    .category-madness .vincitrici-reyer-madness::marker{
        color: var(--e-global-color-primary);
        font-weight: bold;
    }

    .category-final-fours .vincitrice-final-fours span,
    .category-final-fours .vincitrice-final-fours::marker{
        color: var(--e-global-color-secondary);
        font-weight: bold;
    }

     .category-qualification-rounds .vincitrici-qualification-rounds::marker,
    .category-madness .vincitrici-reyer-madness::marker,
    .category-final-fours .vincitrice-final-fours::marker{
        content: '✓ ';
    }

    #single-tappa-info .orario-tappe{
        font-size: var(--e-global-typography-38393fa-font-size);
    }

    #squadre, #gallery, #articoli-collegati-tappa, #squadre-2 {
        /* Imposta un valore pari o leggermente superiore all'altezza del tuo header */
        scroll-margin-top: 75px;
    }

/* VOTAZIONI */

.wp-polls-form label, .wp-polls-form input, .wp-polls label, .wp-polls input, .wp-polls li{
    color: var(--e-global-color-b590a17);
    font-family: var(--e-global-typography-1b9b439-font-family), Sans-serif;
    font-size: var(--e-global-typography-88813e2-font-size);
    vertical-align: middle;
}

.wp-polls-form p, .wp-polls p{
    font-family: var(--e-global-typography-4aecec5-font-family), Sans-serif;
    font-size: var(--e-global-typography-4aecec5-font-size);
    font-weight: var(--e-global-typography-4aecec5-font-weight);
    line-height: var(--e-global-typography-4aecec5-line-height);
    letter-spacing: var(--e-global-typography-4aecec5-letter-spacing);
    word-spacing: var(--e-global-typography-4aecec5-word-spacing);
    color: var(--e-global-color-b590a17);
}

#back-to-vote{
    color: white;
    background-color: var(--e-global-color-primary);
    padding: 5px 10px;
    border: solid 1px white;
    border-radius: 5px;
    font-family: var(--e-global-typography-1b9b439-font-family), Sans-serif;
    font-size: var(--e-global-typography-88813e2-font-size);
}

.wp-polls-form label{
    padding-left: 5px;
}

.wp-polls-form .Buttons {
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-b590a17);
    font-family: var(--e-global-typography-1b9b439-font-family), Sans-serif;
    font-size: var(--e-global-typography-1b9b439-font-size);
    padding: 10px;
}

.wp-polls-form a{
    color: var(--e-global-color-b590a17);
    font-family: var(--e-global-typography-1b9b439-font-family), Sans-serif;
    font-size: var(--e-global-typography-1b9b439-font-size);
}

.wp-polls-ul{
    padding-bottom: 10px;
}

/* NEWS */
.filtro-notizie{
    margin-bottom: 20px;
    font-family: var(--e-global-typography-1b9b439-font-family), Sans-serif;
    font-size: var(--e-global-typography-1b9b439-font-size);
    font-weight: var(--e-global-typography-1b9b439-font-weight);
    line-height: var(--e-global-typography-1b9b439-line-height);
    letter-spacing: var(--e-global-typography-1b9b439-letter-spacing);
    word-spacing: var(--e-global-typography-1b9b439-word-spacing);
    display: inline-flex;
    align-items: center;
}

@media only screen and (max-width: 768px){
    .filtro-notizie{
        display: block;
    }
}

/* FOOTER */

footer a{
    text-decoration-color: white !important;
}