/*
 * APIMIEL SA — Custom Commerce Modules
 * Version 1.5.2
 *
 * Questo file contiene SOLO componenti commerce personalizzati del tema:
 * - pannello acquisto nella scheda prodotto
 * - link "Visualizza il carrello"
 * - icona carrello sotto il selettore lingue
 * - adattamento del template Carrello Apimiel
 *
 * Tutta l'interfaccia WooCommerce generale è gestita esclusivamente da:
 * css/woocommerce_apimiel.css
 */

/* ==========================================================================
   1. SINGLE PRODUCT — PURCHASE PANEL
   ========================================================================== */

#contenitore_genereale_prodotto_apimiel > #apimiel_commerce_box.apimiel-commerce-box{
    width:100% !important;
    max-width:100% !important;
    margin:2rem 0 1.5rem 0 !important;
    padding:0 !important;
    clear:both !important;
    float:none !important;
    box-sizing:border-box !important;
    border-top:1px solid rgba(158,95,24,.35) !important;
    text-align:center !important;
}

#apimiel_commerce_box > .apimiel-commerce-box-inner{
    width:94% !important;
    max-width:94% !important;
    margin:0 auto !important;
    padding:1.4rem 3% !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

#apimiel_commerce_box > .apimiel-commerce-box-inner > *{
    width:100% !important;
    max-width:100% !important;
    margin:.3rem auto !important;
    padding:0 !important;
    float:none !important;
    text-align:center !important;
    box-sizing:border-box !important;
}

#apimiel_commerce_box .apimiel-commerce-price{
    font-family:inherit !important;
    font-size:1.45rem !important;
    line-height:1.2 !important;
}

#apimiel_commerce_box .apimiel-commerce-unavailable{
    font-weight:400 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

#apimiel_commerce_box .apimiel-commerce-cart{
    width:100% !important;
    max-width:760px !important;
    margin:.85rem auto 0 !important;
}

#apimiel_commerce_box .apimiel-commerce-cart form.cart{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.65rem !important;
    margin:0 !important;
}

#apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity{
    width:92px !important;
    max-width:92px !important;
    margin:0 !important;
}

#apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity .qty{
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    min-height:42px !important;
    box-sizing:border-box !important;
    text-align:center !important;
}

#apimiel_commerce_box .apimiel-commerce-cart form.cart .single_add_to_cart_button{
    min-height:42px !important;
    padding:.8rem 1.45rem !important;
    border:1px solid rgba(94,90,77,.62) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:inherit !important;
    font-family:inherit !important;
    font-size:.95rem !important;
    font-weight:400 !important;
    line-height:1.1 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

#apimiel_commerce_box .apimiel-commerce-cart iframe{
    max-width:100% !important;
}

#apimiel_commerce_box .apimiel-commerce-cart .wc-stripe-product-checkout-container,
#apimiel_commerce_box .apimiel-commerce-cart .wc-stripe-express-checkout,
#apimiel_commerce_box .apimiel-commerce-cart .wc-stripe-express-checkout-element,
#apimiel_commerce_box .apimiel-commerce-cart #wc-stripe-express-checkout-element,
#apimiel_commerce_box .apimiel-commerce-cart .wcpay-express-checkout-wrapper,
#apimiel_commerce_box .apimiel-commerce-cart .express-payment-methods,
#apimiel_commerce_box .apimiel-commerce-cart .wc-block-components-express-payment{
    width:100% !important;
    max-width:760px !important;
    margin:1rem auto 0 auto !important;
    box-sizing:border-box !important;
}

@media (hover:hover) and (pointer:fine){
    #apimiel_commerce_box .apimiel-commerce-cart form.cart .single_add_to_cart_button:hover{
        background:rgba(94,90,77,.92) !important;
        border-color:rgba(94,90,77,.92) !important;
        color:#fff !important;
    }
}

@media screen and (max-width:600px){
    #apimiel_commerce_box > .apimiel-commerce-box-inner{
        width:92% !important;
        max-width:92% !important;
        padding:1.15rem 4% !important;
    }

    #apimiel_commerce_box .apimiel-commerce-price{
        font-size:1.35rem !important;
    }

    #apimiel_commerce_box .apimiel-commerce-cart form.cart{
        display:grid !important;
        grid-template-columns:84px minmax(0,1fr) !important;
        gap:.6rem !important;
    }

    #apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity,
    #apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity .qty{
        width:84px !important;
        min-width:84px !important;
        max-width:84px !important;
    }

    #apimiel_commerce_box .apimiel-commerce-cart form.cart .single_add_to_cart_button{
        width:100% !important;
        min-width:0 !important;
        padding:.75rem .8rem !important;
        font-size:.88rem !important;
    }
}

@media screen and (max-width:380px){
    #apimiel_commerce_box .apimiel-commerce-cart form.cart{
        grid-template-columns:1fr !important;
    }

    #apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity,
    #apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity .qty{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
    }
}

/* ==========================================================================
   2. PRODUCT CARDS — COMMERCE ROW
   ========================================================================== */

.blog_card_sticky-back > .apimiel-card-heading{
    position:absolute !important;
    top:5% !important;
    left:5% !important;
    right:5% !important;
    width:90% !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:.25rem !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
    z-index:10 !important;
}

.blog_card_sticky-back > .apimiel-card-heading > .categoria_post_evidenza{
    position:static !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
}

.blog_card_sticky-back > .apimiel-card-heading > .categoria_post_evidenza h3{
    margin:0 !important;
}

.blog_card_sticky-back > .apimiel-card-heading > .apimiel-card-commerce{
    position:static !important;
    width:100% !important;
    min-height:1.2em !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:.35em !important;
    text-align:center !important;
    line-height:1.15 !important;
}

.blog_card_sticky-back > .apimiel-card-heading > .apimiel-card-commerce .apimiel-card-price,
.blog_card_sticky-back > .apimiel-card-heading > .apimiel-card-commerce .apimiel-card-stock-out{
    position:static !important;
    float:none !important;
    display:inline-block !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
}

.apimiel-card-price,
.apimiel-commerce-price{
    font-family:inherit !important;
    color:inherit !important;
}

.apimiel-card-price del,
.apimiel-commerce-price del{
    opacity:.62 !important;
    font-weight:400 !important;
    margin-right:.35em !important;
}

.apimiel-card-price ins,
.apimiel-commerce-price ins{
    text-decoration:none !important;
    font-weight:600 !important;
    background:transparent !important;
}

.apimiel-card-stock-out,
.apimiel-commerce-unavailable{
    text-transform:none !important;
}

@media screen and (max-width:767px) and (orientation:portrait){
    .blog_card_sticky-back > .apimiel-card-heading{
        top:4% !important;
        left:5% !important;
        right:5% !important;
        width:90% !important;
        gap:.18rem !important;
    }
}

/* ==========================================================================
   3. "VIEW CART" LINK ON SINGLE PRODUCT
   ========================================================================== */

#apimiel_commerce_box .apimiel-view-cart-wrap{
    width:100% !important;
    margin:.75rem auto 0 auto !important;
    text-align:center !important;
}

#apimiel_commerce_box .apimiel-view-cart-wrap[hidden]{
    display:none !important;
}

#apimiel_commerce_box .apimiel-view-cart-link{
    display:inline-block !important;
    margin:0 auto !important;
    padding:.2rem .15rem .3rem !important;
    color:inherit !important;
    font-size:.82rem !important;
    line-height:1.3 !important;
    font-weight:400 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(94,90,77,.45) !important;
}

@media (hover:hover) and (pointer:fine){
    #apimiel_commerce_box .apimiel-view-cart-link:hover{
        color:#9e5f18 !important;
        border-bottom-color:#9e5f18 !important;
    }
}



/* ==========================================================================
   3B. SINGLE PRODUCT — SHARE CONTROL
   Keeps the historical share button centred on the same axis as the
   commerce panel and restores breathing room below its dotted separator.
   ========================================================================== */

#contenitore_genereale_prodotto_apimiel > #contenitore_bottoni_condivisione{
    width:100% !important;
    box-sizing:border-box !important;
    padding-top:1.35rem !important;
    text-align:center !important;
}

#contenitore_genereale_prodotto_apimiel > #contenitore_bottoni_condivisione #bottoni_condivisione{
    width:145px !important;
    margin:0 auto !important;
    float:none !important;
    text-align:center !important;
}

#contenitore_genereale_prodotto_apimiel > #contenitore_bottoni_condivisione .a2a_kit{
    width:100% !important;
    margin:0 auto !important;
    float:none !important;
    text-align:center !important;
}

#contenitore_genereale_prodotto_apimiel > #contenitore_bottoni_condivisione #condivisione{
    margin:0 auto !important;
}

@media screen and (max-width:600px){
    #contenitore_genereale_prodotto_apimiel > #contenitore_bottoni_condivisione{
        padding-top:1.1rem !important;
    }
}

/* ==========================================================================
   4. HEADER LANGUAGE SELECTOR — CART ICON
   ========================================================================== */

#scelta_lingue .apimiel-language-cart{
    position:relative !important;
    display:block !important;
    width:100% !important;
    margin:8px 0 0 0 !important;
    padding:8px 0 0 0 !important;
    border-top:1px solid rgba(46,26,3,.22) !important;
    box-sizing:border-box !important;
}

#scelta_lingue .apimiel-cart-link{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:30px !important;
    height:30px !important;
    margin-left:0 !important;
    margin-right:auto !important;
    padding:0 !important;
    color:rgba(46,26,3,1) !important;
    text-decoration:none !important;
    line-height:1 !important;
    box-sizing:border-box !important;
}

#scelta_lingue .apimiel-cart-icon{
    display:block !important;
    width:23.1px !important;
    height:23.1px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.65 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

#scelta_lingue .apimiel-cart-count{
    position:absolute !important;
    top:-5px !important;
    right:-4px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:16px !important;
    height:16px !important;
    padding:0 4px !important;
    border-radius:999px !important;
    background:#9e5f18 !important;
    color:#fff9e8 !important;
    font-size:9px !important;
    font-weight:600 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
}

@media screen and (max-width:600px){
    #scelta_lingue .apimiel-language-cart{
        margin-top:6px !important;
        padding-top:6px !important;
    }

    #scelta_lingue .apimiel-cart-link{
        width:26px !important;
        height:28px !important;
    }

    #scelta_lingue .apimiel-cart-icon{
        width:21px !important;
        height:21px !important;
    }

    #scelta_lingue .apimiel-cart-count{
        top:-4px !important;
        right:-5px !important;
        min-width:15px !important;
        height:15px !important;
        font-size:8px !important;
    }
}


/* ==========================================================================
   5. COMMERCE UTILITY PAGE ENVIRONMENT
   ========================================================================== */

.apimiel-commerce-page-shell #cont_pagina_normale{
    width:80% !important;
    position:relative !important;
    z-index:2 !important;
    border-radius:20px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:300px !important;
    background-color:#fff9e8 !important;
}