/* AL Shop Online v17 — mobile sticky actions for out-of-stock and preorder products */
.alshop-mobile-product-state-bar{
    display:none;
}

.agm-sticky-product-actions .agm-sticky-state-btn{
    min-width:220px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 22px;
    border:1px solid #f4471f;
    border-radius:10px;
    background:linear-gradient(180deg,#ff6728 0%,#f4471f 100%);
    color:#fff!important;
    font-size:13px;
    font-weight:800;
    line-height:1;
    box-shadow:0 9px 20px rgba(244,71,31,.20);
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.agm-sticky-product-actions .agm-sticky-state-btn:hover{
    background:linear-gradient(180deg,#ff5d1d 0%,#dd3a15 100%);
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 12px 24px rgba(244,71,31,.26);
}
.agm-sticky-product-actions .agm-sticky-state-btn i{font-size:18px}

@media(max-width:991.98px){
    .alshop-mobile-product-state-bar{
        position:fixed!important;
        left:0!important;
        right:0!important;
        bottom:55px!important;
        z-index:2147483002!important;
        height:62px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:11px 14px 12px!important;
        border-top:1px solid #e5e7eb!important;
        background:#fff!important;
        box-shadow:0 -6px 18px rgba(15,23,42,.08)!important;
    }
    .alshop-mobile-product-state-bar.d-none{
        display:none!important;
    }
    .alshop-mobile-state-primary{
        width:100%!important;
        height:39px!important;
        min-height:39px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;
        padding:0 18px!important;
        border:1px solid #f4471f!important;
        border-radius:22px!important;
        background:linear-gradient(180deg,#ff6728 0%,#f4471f 100%)!important;
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        font-size:12.5px!important;
        font-weight:850!important;
        line-height:1!important;
        text-decoration:none!important;
        box-shadow:0 7px 16px rgba(244,71,31,.20)!important;
        cursor:pointer!important;
    }
    .alshop-mobile-state-primary:hover,
    .alshop-mobile-state-primary:focus{
        background:linear-gradient(180deg,#ff5d1d 0%,#df3b16 100%)!important;
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        text-decoration:none!important;
    }
    .alshop-mobile-state-primary i{
        color:#fff!important;
        font-size:18px!important;
        line-height:1!important;
    }
    .alshop-mobile-state-primary span{
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
    }

    html.alshop-preorder-active-product .alshop-mobile-product-state-bar--out-stock,
    body.alshop-product-preorder .alshop-mobile-product-state-bar--out-stock{
        display:none!important;
    }

    body.alshop-product-out-of-stock .agm-product-action-buttons,
    body.alshop-product-out-of-stock .agm-product-secondary-actions,
    body.alshop-product-preorder .agm-product-action-buttons,
    body.alshop-product-preorder .agm-product-secondary-actions{
        display:none!important;
    }

    body.alshop-product-out-of-stock .product-details.agm-product-page,
    body.alshop-product-preorder .product-details.agm-product-page{
        padding-bottom:132px!important;
    }
}

@media(max-width:420px){
    .alshop-mobile-product-state-bar{
        padding-left:10px!important;
        padding-right:10px!important;
    }
}

/* ===== AL Shop Online v18 — explicit stock/preorder status before CTA ===== */
.agm-stock-text.alshop-stock-text--out,
.agm-stock-text .alshop-stock-unavailable{
    color:#d92d20!important;
}
.agm-stock-text.alshop-stock-text--preorder,
.agm-stock-text .alshop-stock-preorder{
    color:#b45309!important;
}

.agm-sticky-state-group{
    display:flex;
    align-items:center;
    gap:10px;
}
.agm-sticky-state-label{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 12px;
    border:1px solid #e5e7eb;
    border-radius:10px;
    background:#fff;
    line-height:1.05;
}
.agm-sticky-state-label > i{font-size:20px}
.agm-sticky-state-label > span{display:flex;flex-direction:column;gap:2px}
.agm-sticky-state-label small{
    color:#7b8492;
    font-size:9px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.agm-sticky-state-label strong{
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}
.agm-sticky-state-group--out-stock .agm-sticky-state-label{
    border-color:#fecaca;
    background:#fff7f7;
}
.agm-sticky-state-group--out-stock .agm-sticky-state-label > i,
.agm-sticky-state-group--out-stock .agm-sticky-state-label strong{color:#d92d20}
.agm-sticky-state-group--preorder .agm-sticky-state-label{
    border-color:#fed7aa;
    background:#fffaf2;
}
.agm-sticky-state-group--preorder .agm-sticky-state-label > i,
.agm-sticky-state-group--preorder .agm-sticky-state-label strong{color:#b45309}

@media(max-width:991.98px){
    .alshop-mobile-product-state-bar{
        height:64px!important;
        padding:9px 12px 10px!important;
        justify-content:space-between!important;
        gap:9px!important;
    }
    .alshop-mobile-state-status{
        min-width:0!important;
        height:43px!important;
        flex:0 1 42%!important;
        display:flex!important;
        align-items:center!important;
        gap:7px!important;
        padding:5px 9px!important;
        border:1px solid!important;
        border-radius:22px!important;
        background:#fff!important;
        line-height:1!important;
    }
    .alshop-mobile-state-status > i{
        flex:0 0 auto!important;
        font-size:19px!important;
    }
    .alshop-mobile-state-status > span{
        min-width:0!important;
        display:flex!important;
        flex-direction:column!important;
        gap:2px!important;
    }
    .alshop-mobile-state-status small{
        font-size:8.5px!important;
        font-weight:700!important;
        letter-spacing:.03em!important;
        text-transform:uppercase!important;
        color:#818896!important;
    }
    .alshop-mobile-state-status strong{
        display:block!important;
        font-size:11px!important;
        line-height:1.05!important;
        font-weight:850!important;
        white-space:nowrap!important;
    }
    .alshop-mobile-state-status--out-stock{
        border-color:#fecaca!important;
        background:#fff7f7!important;
    }
    .alshop-mobile-state-status--out-stock > i,
    .alshop-mobile-state-status--out-stock strong{color:#d92d20!important}
    .alshop-mobile-state-status--preorder{
        border-color:#fed7aa!important;
        background:#fffaf2!important;
    }
    .alshop-mobile-state-status--preorder > i,
    .alshop-mobile-state-status--preorder strong{color:#b45309!important}
    .alshop-mobile-state-primary{
        flex:1 1 58%!important;
        width:auto!important;
        min-width:0!important;
        height:43px!important;
        min-height:43px!important;
        padding:0 12px!important;
        border-radius:22px!important;
        font-size:11.5px!important;
        white-space:nowrap!important;
    }
    .alshop-mobile-state-primary i{font-size:17px!important}
}
@media(max-width:365px){
    .alshop-mobile-product-state-bar{gap:6px!important;padding-left:8px!important;padding-right:8px!important}
    .alshop-mobile-state-status{flex-basis:39%!important;padding-left:7px!important;padding-right:7px!important}
    .alshop-mobile-state-status small{display:none!important}
    .alshop-mobile-state-status strong{font-size:10px!important}
    .alshop-mobile-state-primary{flex-basis:61%!important;padding-left:8px!important;padding-right:8px!important;font-size:10.5px!important}
}

.alshop-preorder-product-panel-head{
    align-items:flex-start!important;
}
.alshop-preorder-product-panel-title{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.alshop-preorder-product-panel-title strong{
    color:#9a4b06!important;
    font-size:15px!important;
    font-weight:850!important;
}
.alshop-preorder-product-panel-title small{
    color:#6b7280!important;
    font-size:12px!important;
    line-height:1.45!important;
}

@media(min-width:992px){
    .agm-sticky-state-group .agm-sticky-state-btn{
        min-width:150px!important;
        padding-left:16px!important;
        padding-right:16px!important;
    }
}