/* =========================================================
WORKTOGO – SINGLE PRODUCT PAGE
FINAL LOCKED MASTER CSS (REPLACE ALL OLD CSS)
OceanWP + WooCommerce + WCFM + YITH + Swatches SAFE
Compact | No Side Gap | No Range Price | Arrow Description
========================================================= */

/* ================= RESET WRAPPER ================= */
.single-product #content,
.single-product .content-area,
.single-product .container,
.single-product .wrap{
    padding:0 !important;
    margin:0 !important;
    max-width:100% !important;
}

/* ================= PRODUCT ROOT ================= */
.single-product .product{
    padding:8px !important;
    margin:0 auto !important;
}

/* ================= GALLERY ================= */
.single-product .woocommerce-product-gallery{
    width:100% !important;
    margin:0 !important;
}
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery figure{
    margin:0 !important;
    padding:0 !important;
}
.single-product .woocommerce-product-gallery img{
    width:100% !important;
    border-radius:10px;
}

/* ================= SALE BADGE ================= */
.single-product span.onsale{
    background:#ff9800 !important;
    color:#fff !important;
    border-radius:50px;
    padding:5px 10px;
    font-size:11px;
    top:10px !important;
    left:10px !important;
    right:auto !important;
}

/* ================= WISHLIST ================= */
.single-product .yith-add-to-wishlist-button-block{
    position:absolute !important;
    top:10px;
    right:10px;
    left:auto;
    z-index:50;
}
.single-product .yith-wcwl-add-to-wishlist a{
    background:#fff;
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
}

/* ================= SUMMARY ================= */
.single-product .summary{
    width:100% !important;
    padding:4px 2px !important;
    display:flex;
    flex-direction:column;
    gap:4px !important;
}

/* Title */
.single-product .product_title{
    font-size:17px !important;
    font-weight:600;
    line-height:1.3;
    margin:4px 0 !important;
}

/* ================= PRICE ================= */
/* Hide range price permanently */
.single-product.product-type-variable .summary > p.price{
    display:none !important;
}

/* Only variation price visible */
.single-product p.price,
.single-product .woocommerce-variation-price{
    font-size:20px !important;
    font-weight:700;
    margin:4px 0 6px !important;
}
.single-product del{
    color:#e53935 !important;
    font-size:13px;
}
.single-product ins{
    color:#2e7d32 !important;
    font-size:20px;
    text-decoration:none !important;
}

/* ================= STOCK ================= */
.single-product .stock{
    font-size:12px;
    color:#2e7d32;
}
.single-product .out-of-stock{
    color:#e53935 !important;
}

/* ================= OFFER BOX ================= */
.single-product #get-offers,
.single-product #cashfree-widget{
    margin:6px 0 !important;
    padding:8px !important;
    font-size:12px;
    border-radius:8px;
}

/* ================= VARIATIONS ================= */
.single-product form.variations_form{
    margin:6px 0 !important;
}
.single-product .variations th{
    font-size:12px;
    padding-bottom:2px;
}
.single-product .variable-items-wrapper{
    gap:6px !important;
}
.single-product .variable-item{
    border:1px solid #ccc;
    border-radius:6px;
    padding:6px;
    background:#fff;
}
.single-product .variable-item.selected{
    border:2px solid #ff7a00;
}

/* ================= CART BOX ================= */
.single-product form.cart{
    margin:6px 0 !important;
    padding:8px !important;
    background:#fafafa;
    border:1px solid #eee;
    border-radius:8px;
}
.single-product form.cart .quantity{
    margin-bottom:6px !important;
}

/* Buttons */
.single-product .single_add_to_cart_button{
    width:100% !important;
    background:#ff7a00 !important;
    color:#fff !important;
    padding:12px !important;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    margin-bottom:6px !important;
}
.single-product .wpcbn-btn{
    width:100% !important;
    background:#2e7d32 !important;
    color:#fff !important;
    padding:12px !important;
    border-radius:8px;
    font-size:14px;
}

/* ================= DESCRIPTION ARROW UI ================= */
#tab-description > h2{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    padding:10px 4px;
}
#tab-description > h2:after{
    content:"▼";
    font-size:12px;
    transition:0.3s ease;
}
#tab-description.closed > h2:after{
    transform:rotate(-90deg);
}
#tab-description.closed .entry-content{
    display:none;
}

/* ================= TABS ================= */
.single-product .woocommerce-tabs{
    padding:0 4px !important;
}
.single-product .woocommerce-tabs .wc-tabs{
    margin:0 !important;
}
.single-product .woocommerce-Tabs-panel{
    padding:8px !important;
}

/* ================= META HIDE ================= */
.single-product .product_meta{
    display:none !important;
}

/* ================= RELATED PRODUCTS ================= */
.single-product .related{
    padding:4px !important;
}

/* =========================================================
FINAL RESULT:
✔ Range price removed
✔ Only selected variation price visible
✔ Offer gap fixed
✔ Arrow toggle on Description
✔ No side padding / no hanging layout
✔ Amazon-style compact UI
✔ Replace-all safe version
========================================================= */






/* ===============================
SALE BADGE – PERFECT CIRCLE STYLE
(Shop + Related Products)
=============================== */
.woocommerce ul.products li.product span.onsale,
.single-product .related span.onsale{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    left:auto !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;

    padding:0 !important;
    border-radius:50% !important;

    background:#ff9800 !important;
    color:#fff !important;

    font-size:12px !important;
    font-weight:600 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    line-height:1 !important;
    box-shadow:0 3px 6px rgba(0,0,0,0.25) !important;
}









/* Cashfree widget height & gap fix */
.single-product #cashfree-widget{
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
}

.single-product #cashfree-widget iframe{
    margin: 0 !important;
    padding: 0 !important;
    height: 60px !important;   /* yahan 50px / 40px bhi try kar sakte ho */
    max-height: 60px !important;
    display: block !important;
}










/* ===============================
   WCFM SOLD BY / STORE SAFE FIX
   Only show useful meta
=============================== */

/* Product meta ON */
.single-product .product_meta{
    display:block !important;
    margin-top:6px;
    font-size:12px;
}

/* Hide useless stuff */
.single-product .product_meta .sku_wrapper,
.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as{
    display:none !important;
}

/* Show Sold By clearly */
.single-product .product_meta .wcfm_sold_by{
    display:block !important;
    font-weight:600 !important;
    color:#1fa84f !important;
    margin-top:4px !important;
}
.single-product .product_meta .wcfm_sold_by a{
    color:#1fa84f !important;
    text-decoration:none !important;
}
.single-product .product_meta .wcfm_sold_by a:hover{
    text-decoration:underline !important;
}







/* ==================================
   MOBILE ONLY – HARD COMPACT FIX
================================== */
@media (max-width: 600px){

/* SOLD BY BOX */
div.wcfmmp_sold_by_container_advanced{
    padding:4px 6px !important;
    margin:6px 0 !important;
    border-radius:5px !important;
    min-height:auto !important;
    height:auto !important;
}

div.wcfmmp_sold_by_container_advanced *{
    line-height:1.2 !important;
}

div.wcfmmp_sold_by_container_advanced .store{
    font-size:10px !important;
    margin:0 !important;
}

div.wcfmmp_sold_by_container_advanced .store-name{
    font-size:13px !important;
    font-weight:600 !important;
}

div.wcfmmp_sold_by_container_advanced img{
    width:26px !important;
    height:26px !important;
}


/* ASK A QUESTION BUTTON */
a.wcfm_catalog_enquiry{
    padding:5px 8px !important;
    font-size:11px !important;
    min-height:26px !important;
    line-height:1 !important;
    border-radius:5px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}
}









/* ===================================
   PRODUCT SUMMARY COMPACT UI (MOBILE)
=================================== */
@media(max-width:768px){

.summary.entry-summary{
    padding:6px !important;
}

/* Title */
.summary.entry-summary h1{
    margin:0 0 4px 0 !important;
    line-height:1.2 !important;
    font-size:16px !important;
}

/* Price */
.summary.entry-summary .price{
    margin:0 0 6px 0 !important;
    line-height:1.1 !important;
}

/* Offers widget */
#cashfree-widget{
    margin:4px 0 !important;
    padding:0 !important;
}

/* Variation table */
.summary.entry-summary table.variations{
    margin:4px 0 !important;
}

/* Each row */
.summary.entry-summary table.variations tr{
    margin:0 !important;
}

/* Label column */
.summary.entry-summary table.variations th.label{
    padding:2px 4px !important;
    font-size:12px !important;
}

/* Value column */
.summary.entry-summary table.variations td.value{
    padding:2px 4px !important;
}

/* Color + Size boxes wrapper */
.variable-items-wrapper{
    gap:4px !important;
    margin:2px 0 !important;
}

/* Each color / size button */
.variable-item{
    padding:0 !important;
    margin:0 !important;
    min-width:26px !important;
    min-height:26px !important;
}

/* Reset button */
.reset_variations{
    margin:2px 0 0 0 !important;
    font-size:11px !important;
}

/* Stock + variation price */
.woocommerce-variation{
    margin:4px 0 !important;
}

/* Quantity */
.summary.entry-summary .quantity{
    margin:4px 0 !important;
}

/* Cart buttons wrapper */
.variations_button{
    padding:4px !important;
    margin:4px 0 !important;
}

/* Buttons height fix */
.single_add_to_cart_button,
.wpcbn-btn{
    padding:8px 0 !important;
    min-height:36px !important;
    font-size:14px !important;
}

/* Ask question button */
.wcfm_catalog_enquiry{
    margin:6px 0 !important;
    padding:6px 10px !important;
    font-size:12px !important;
}

/* Store box */
.wcfmmp_sold_by_container{
    margin:6px 0 !important;
    padding:4px 6px !important;
}

/* Meta (SKU, Category) */
.product_meta{
    margin:6px 0 !important;
    padding:0 !important;
}
}






@media(max-width:768px){

/* Color & Size card tighter */
table.variations{
    margin:2px 0 !important;
}
table.variations td,
table.variations th{
    padding:2px 2px !important;
}

/* Quantity box tight */
.summary .quantity{
    margin:2px 0 !important;
}
.summary .quantity input{
    height:34px !important;
}

/* Buttons gap killer */
.variations_button{
    margin-top:4px !important;
    padding:0 !important;
}

/* Buttons themselves */
.single_add_to_cart_button,
.wpcbn-btn{
    margin:4px 0 !important;
}

/* Store line */
.wcfmmp_sold_by_container{
    margin:4px 0 !important;
    padding:2px 0 !important;
}
}




/* ===============================
   REMOVE SHORT DESCRIPTION BLOCK
   ONLY ON SINGLE PRODUCT PAGE
   =============================== */

.single-product .woocommerce-product-details__short-description {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* extra safety: no leftover spacing */
.single-product .woocommerce-product-details__short-description + * {
    margin-top: 0 !important;
}