@import url('loader.css');

/* ============ GENERALI ============ */
.choices__heading {
    border-top: 1px solid #f7f7f7;
    border-bottom: none !important;
    background-color: #EFF6FF !important;
    color: #3c81f6 !important;
}

.products-scroll--ctn {
    width: 100%;
    /* Puoi regolare la larghezza come desideri */
    height: 400px;
    /* Altezza fissa */
    border: 1px solid rgba(37, 152, 131, 0.25);
    /* Solo per evidenziare il contenitore */
    overflow-y: scroll;
    /* Abilita lo scrolling verticale */
    padding: 12px;
    /* Margine interno opzionale */
    border-radius: 12px;

    margin-bottom: 24px;
}

.single-order-provvigioniInfo--row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px;

    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

#bottom-loader--ctn {
    margin-top: -20px !important;
}


/* ============ HEADER ============ */
#page-topbar {
    padding-top: 20px !important;
}

.container-fluid {
    padding-top: 25px !important;
}


/* ============ GOOGLE TRANSLATE ============ */
.flag-button {
    cursor: pointer;
    margin: 5px;
    border: 2px solid transparent;
    float: left;
}

.flag-icon {
    width: 30px;
    height: 20px;
    display: inline-block;
    background-size: cover;
    background-position: center;
}

.flag-icon-it {
    background-image: url('https://flagcdn.com/w40/it.png');
}

.flag-icon-gb {
    background-image: url('https://flagcdn.com/w40/gb.png');
}

.flag-icon-ro {
    background-image: url('https://flagcdn.com/w40/ro.png');
}

.lang_curr {
    border-color: #000;
}

iframe.skiptranslate {
    position: static !important;
    margin-top: -40px !important;
}

.goog-te-gadget span {
    display: none;
    /* Nascondi il testo "Powered by" */
}

.goog-logo-link {
    display: none !important;
    /* Nascondi il logo di Google */
}









/* ============ PULSANTI ============ */
.switch_prod_status--btn:hover {
    cursor: pointer !important;
    transform: scale(0.98, 0.98);
}


/* 
    Su Desktop in dettagli ordine appare il tasto per copiare
    il link di pagamento e scompare quello di condivisione
*/
@media (min-width: 769px) {
    #stripe-linkToCopy--btn {
        display: block !important;
    }

    #stripe-linkToShare--btn {
        display: none !important;
    }
}

/* 
    Su Desktop in dettagli ordine appare il tasto per condividere
    il link di pagamento e scompare quello di copia
*/
@media (max-width: 768px) {
    #stripe-linkToCopy--btn {
        display: none !important;
    }

    #stripe-linkToShare--btn {
        display: block !important;
    }
}







/* ============ AGGIUNGI AL CARRELLO ============ */
.addToCart--form {
    display: flex;
    align-items: start;
    justify-content: space-around;
    width: 100%;
    gap: 12px;
}

.addToCart--form input {
    width: 30%;
}

#addToCart--form button {
    width: 70%;
}

.addToCart--form button:hover {
    border-color: #0584C7;
    background-color: #EEF6FF;
    color: #0584C7;
    cursor: pointer;
}

.little-cart--link {
    text-decoration: underline;
}

.little-cart--link:hover {
    cursor: pointer;
}







/* ============ PAGINA BRAND ============ */
.brand-img--ctn {
    width: 100% !important;
    height: 60px !important;
}

.brand-img--ctn img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.brand_image {
    background-color: #F1F5F9;
}







/* ============ FORM GESTIONE UTENTI ============ */
.ldm_dettaglio_utente .form-input,
.ldm_dettaglio_utente select {
    background-color: #F1F5F9 !important;
    border-color: rgb(204 222 247) !important;
}





/* ============ PAGINA DATI ATTIVITÀ ============ */
.dati_attivita--grid {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.dati_attivita--grid-elem-form {
    width: 30%;
}

.dati_attivita--grid-elem-data {
    width: 100%;
}

@media (max-width: 980px) {
    .dati_attivita--grid {
        flex-direction: column;
    }

    .dati_attivita--grid-elem-form {
        width: 100%;
    }

    .dati_attivita--grid-elem-data {
        width: 100%;
    }
}





/* ============ PAGINA SHOP ============ */
.group.gridView .group-\[\.gridView\]\:self-end {
    width: 24% !important;
}




/* ============ PAGINA CARRELLO ============ */
@media (min-width: 1024px) {
    .cart-item--grid {
        grid-template-columns: repeat(15, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .cart-item-price--column {
        grid-column-end: 16;
    }
}

@media (min-width: 1900px) {
    .cart-item-img--ctn {
        width: 120px !important;
    }

    .cart-item-infoProd--ctn {
        margin-left: -46px !important;
    }
}



/* ============ PROVVIGIONI MATURATE TABLE CONTROLS STYLE ============ */
#infoProvvigioniNutrizionistiTable_wrapper .top,
#nutrizionistiStatisticsOrderTable_wrapper .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

#infoProvvigioniNutrizionistiTable_wrapper .bottom,
#nutrizionistiStatisticsOrderTable_wrapper .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

#infoProvvigioniNutrizionistiTable_wrapper .dt-button,
#nutrizionistiStatisticsOrderTable_wrapper .dt-button {
    display: inline-block;
    border-radius: .375rem;
    border-width: 1px;
    padding: .5rem 1rem;
    text-align: center;
    font-size: .8125rem;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity));
}




/* ============ CODICI SCONTO TABLE CONTROLS STYLE ============ */
#codiciScontoTable_wrapper .top,
#codiciScontoTable_wrapper .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

#codiciScontoTable_wrapper .bottom,
#codiciScontoTable_wrapper .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}

#codiciScontoTable_wrapper .dt-button,
#codiciScontoTable_wrapper .dt-button {
    display: inline-block;
    border-radius: .375rem;
    border-width: 1px;
    padding: .5rem 1rem;
    text-align: center;
    font-size: .8125rem;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity));
}




/* ============ NAV TABS ============ */
.nav-tabs {
    background-color: #f1f5f9;
    /* Slate 100 */
    padding: 6px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px solid #6e9cd9;
    /* Slate 200 */
}

.nav-tabs li {
    margin: 0 20px;
}

.nav-tabs .group a {
    border-radius: 8px !important;
    color: #64748b !important;
    /* Slate 500 */
    font-weight: 500;
    background: #8290ff2e;
}

.nav-tabs .group.active a {
    background-color: #3b82f6 !important;
    /* Blue 500 / custom-500 */
    color: white !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);
}

.nav-tabs .group:not(.active) a:hover {
    background-color: rgba(226, 232, 240, 0.7) !important;
    /* Slate 200 semi-transparent */
    color: #475569 !important;
    /* Slate 600 */
}