/*
 * 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:600px) {
    .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;
}


/* ==========================================================================
   APIMIEL v1.7.1 — Safari quantity + add-to-cart confirmation modal
   ========================================================================== */

/* Safari/WebKit keeps native number steppers inside the field. Reserve a
   generous right-hand lane for them and anchor the numeric value to the left. */
#apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity .qty,
#apimiel_commerce_box .apimiel-commerce-cart form.cart input.qty[type="number"]{
    text-align:left !important;
    padding-left:18px !important;
    padding-right:38px !important;
    line-height:42px !important;
    -webkit-appearance:auto !important;
    appearance:auto !important;
}

@media screen and (max-width:600px) {
    #apimiel_commerce_box .apimiel-commerce-cart form.cart .quantity .qty,
    #apimiel_commerce_box .apimiel-commerce-cart form.cart input.qty[type="number"]{
        padding-left:14px !important;
        padding-right:34px !important;
    }
}

html.apimiel-cart-modal-open,
html.apimiel-cart-modal-open body{
    overflow:hidden !important;
}

.apimiel-cart-modal{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483000 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:24px !important;
    box-sizing:border-box !important;
}

.apimiel-cart-modal__backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(30,22,12,.48) !important;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}

.apimiel-cart-modal__panel{
    position:relative !important;
    z-index:1 !important;
    width:min(560px, calc(100vw - 40px)) !important;
    max-height:calc(100vh - 48px) !important;
    overflow:auto !important;
    box-sizing:border-box !important;
    padding:38px 34px 32px !important;
    background:#fff9e8 !important;
    border:1px solid rgba(94,90,77,.42) !important;
    box-shadow:0 20px 70px rgba(30,22,12,.24) !important;
    text-align:center !important;
}

.apimiel-cart-modal__message{
    margin:0 0 28px !important;
    color:#2e1a03 !important;
    font:inherit !important;
    font-size:1.12rem !important;
    line-height:1.5 !important;
}

.apimiel-cart-modal__actions{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:12px !important;
}

.apimiel-cart-modal__button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:12px 20px !important;
    border:1px solid rgba(94,90,77,.72) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#2e1a03 !important;
    font:inherit !important;
    font-size:.9rem !important;
    line-height:1.15 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow:none !important;
}

.apimiel-cart-modal__button:hover,
.apimiel-cart-modal__button:focus{
    background:#2e1a03 !important;
    color:#fff9e8 !important;
    outline:none !important;
}

.apimiel-cart-modal.is-closing{
    opacity:0 !important;
    transition:opacity .18s ease !important;
}

@media screen and (max-width:600px) {
    .apimiel-cart-modal{padding:18px !important;}
    .apimiel-cart-modal__panel{padding:30px 20px 24px !important;}
    .apimiel-cart-modal__actions{flex-direction:column !important;}
    .apimiel-cart-modal__button{width:100% !important; box-sizing:border-box !important;}
}


/* ========================================================================== 
   APIMIEL v1.7.26 — REAL CUSTOM PRODUCT CARDS
   The shop uses .blog_card_sticky-back / .apimiel-card-* rather than the
   standard WooCommerce ul.products card markup.
   ========================================================================== */
.blog_card_sticky-back .apimiel-card-price,
.blog_card_sticky-back .apimiel-card-price .woocommerce-Price-amount,
.blog_card_sticky-back .apimiel-card-price .amount,
.apimiel-commerce-price,
.apimiel-commerce-price .woocommerce-Price-amount,
.apimiel-commerce-price .amount {
    font-size:110% !important;
    font-weight:700 !important;
}

.blog_card_sticky-back .apimiel-card-price ins,
.apimiel-commerce-price ins,
.blog_card_sticky-back .apimiel-card-price ins .amount,
.apimiel-commerce-price ins .amount {
    font-weight:700 !important;
}

.blog_card_sticky-back .apimiel-card-stock-out,
.apimiel-commerce-unavailable {
    color:#c62828 !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
}

/* Custom APIMIEL cards: keep introductory copy to three visible lines. */
.blog_card_sticky-back > .apimiel-product-card-excerpt {
    position:relative !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    line-clamp:3 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-height:4.5vw !important;
}
.blog_card_sticky-back > .apimiel-product-card-excerpt p {
    display:inline !important;
    margin:0 !important;
    padding:0 !important;
}
@media screen and (max-width:600px) {
    .blog_card_sticky-back > .apimiel-product-card-excerpt {
        max-height:4.5em !important;
    }
}