/* =========================================
   6666 BOGO DARK LAYOUT – FINAL MASTER CSS (FIXED)
========================================= */

/* ===== GLOBAL BLACK BACKGROUND ===== */
.bogo-dark-layout,
.bogo-dark-layout body,
.bogo-dark-layout #page,
.bogo-dark-layout #content,
.bogo-dark-layout .site,
.bogo-dark-layout .site-content,
.bogo-dark-layout .content-area,
.bogo-dark-layout .ast-container,
.bogo-dark-layout .container,
.bogo-dark-layout main,
.bogo-dark-layout section,
.bogo-dark-layout article,
.bogo-dark-layout div {
    background-color:#0b0b0b !important;
}

/* ===== GOLD TEXT ===== */
.bogo-dark-layout,
.bogo-dark-layout p,
.bogo-dark-layout span,
.bogo-dark-layout li,
.bogo-dark-layout a,
.bogo-dark-layout label,
.bogo-dark-layout h1,
.bogo-dark-layout h2,
.bogo-dark-layout h3,
.bogo-dark-layout h4,
.bogo-dark-layout h5,
.bogo-dark-layout h6 {
    color:#f5c04e !important;
}

/* ===== TOP BANNER ===== */
.bogo-top-banner{
    background:linear-gradient(90deg,#f7d774,#e0b94b);
    color:#000!important;
    font-weight:800;
    text-align:center;
    padding:12px;
    border-radius:12px;
    margin:20px auto;
    max-width:1200px;
}

/* ===== FREE BADGE ===== */
.bogo-free-badge{
    position:absolute;
    top:15px;
    left:15px;
    background:#f5c04e !important;
    color:#000 !important;
    font-weight:800;
    padding:6px 14px;
    border-radius:999px;
    z-index:999;
    font-size:13px;
}

/* ===== SWATCHES ===== */
.bogo-dark-layout .variable-item{
    background:#111 !important;
    color:#f5c04e !important;
    border:1px solid #f5c04e !important;
    border-radius:8px;
    padding:10px 16px;
}

.bogo-dark-layout .variable-item.selected{
    background:#f5c04e !important;
    color:#000 !important;
}

/* ===== REVIEW BUBBLE ===== */
.bogo-dark-layout .woocommerce-review-link,
.bogo-dark-layout .woocommerce-review-link span{
    background:#111 !important;
    color:#f5c04e !important;
    border-radius:20px;
    padding:4px 10px;
}

/* ===== RECENT PRODUCTS ===== */
.bogo-dark-layout .woocommerce ul.products li.product,
.bogo-dark-layout .woocommerce ul.products li.product *{
    background:#0f0f0f !important;
    color:#f5c04e !important;
}

.bogo-dark-layout .woocommerce ul.products li.product{
    border-radius:16px;
    padding:15px;
}

.bogo-dark-layout .woocommerce ul.products li.product h2,
.bogo-dark-layout .woocommerce ul.products li.product .price{
    color:#f5c04e !important;
}

/* ===== BUTTON ===== */
.bogo-dark-layout .woocommerce ul.products li.product .button{
    background:linear-gradient(90deg,#f7d774,#e0b94b) !important;
    color:#000 !important;
    border-radius:999px !important;
}

/* ===== INPUTS ===== */
.bogo-dark-layout select,
.bogo-dark-layout input{
    background:#111 !important;
    color:#f5c04e !important;
    border-color:#f5c04e !important;
}

/* =========================================
   OFFER STRIP
========================================= */

.sixsix-offer-strip-hard{
    display:block !important;
    width:100% !important;
    margin:18px 0 0 0 !important;
    padding:12px 15px !important;
    background:linear-gradient(90deg,#f5d76e,#ffd966,#f5d76e) !important;
    color:#000 !important;
    text-align:center !important;
    font-weight:700 !important;
    font-size:14px !important;
    border-radius:6px !important;
    position:relative !important;
}

.sixsix-offer-strip-hard::after{
    content:'';
    position:absolute;
    top:0;
    left:-60%;
    width:40%;
    height:100%;
    background:rgba(255,255,255,.35);
    transform:skewX(-20deg);
    animation:sixsixHardShine 3s infinite linear;
}

@keyframes sixsixHardShine{
    0%{ left:-60%; }
    100%{ left:120%; }
}

/* =========================================
   PRODUCT STRUCTURE FIX (MAIN FIX)
========================================= */

/* RESET BROKEN STRUCTURE */
.single-product .single_variation_wrap{
    display:block !important;
    width:100% !important;
}

/* REMOVE OLD FLEX */
.single-product form.cart{
    display:block !important;
}

/* ===== ROW 1 → SIZE ===== */
.single-product .variations{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    margin-bottom:12px !important;
}

/* ===== ROW 2 → PRICE + STOCK ===== */
.single-product .woocommerce-variation.single_variation{
    display:flex !important;
    align-items:center !important;
    gap:15px !important;
    margin-bottom:14px !important;
}

.single-product .woocommerce-variation-price{
    font-size:20px !important;
    font-weight:700 !important;
    color:#d4af37 !important;
}

.single-product .woocommerce-variation-availability{
    font-size:14px !important;
    color:#aaa !important;
}

/* ===== ROW 3 → QTY + ADD TO CART ===== */
.single-product .woocommerce-variation-add-to-cart{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}

/* Quantity */
.single-product .quantity{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#000 !important;
    border:2px solid #f5d76e !important;
    border-radius:10px !important;
    height:50px !important;
    width:110px !important;
}

.single-product .quantity input.qty{
    width:50px !important;
    text-align:center !important;
    background:#000 !important;
    color:#fff !important;
    border:none !important;
}

/* Button */
.single-product .single_add_to_cart_button{
    flex:1 !important;
    height:50px !important;
    background:linear-gradient(90deg,#b8860b,#ffd966,#b8860b) !important;
    color:#000 !important;
    font-weight:700 !important;
    border-radius:40px !important;
    border:none !important;
}

/* =========================================
   MOBILE FIX
========================================= */

@media (max-width:768px){

    .single-product .woocommerce-variation.single_variation{
        flex-wrap:wrap !important;
    }

    .single-product .woocommerce-variation-add-to-cart{
        flex-direction:row !important;
    }

    .single-product .quantity{
        width:100px !important;
    }

}