/* ==========================================================
   Hemritu Product Framework
   File : product-mobile.css
   Purpose : Mobile + Tablet Styles
   Version : 1.0
========================================================== */

@media (max-width: 991px){

}

/* =====================================================
   Hemritu Product Framework
   Mobile & Tablet Styles
   Version : 1.0
   Author : Hemritu
===================================================== */

@media (max-width:991px){

}

/*==========================================================
  10. RESPONSIVE
==========================================================*/


/* Tablet */

@media (max-width:768px) {

    .hemritu-trust-section {

        display: grid;
        grid-template-columns: repeat(2,1fr);

        gap: 12px;

        padding: 12px;

    }

}


/* Mobile */

@media (max-width:480px) {

    .trust-icon {

        width: 28px;
        height: 28px;

        font-size: 16px;

    }

    .trust-text {

        font-size: 10px;

    }

}


/*==========================================================
  END OF PRODUCT.CSS V3
==========================================================*/


/* ==========================================================
   1. Mobile Gallery
========================================================== */


@media (max-width:991px){

.single-product .flex-control-nav{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    display:flex !important;
    flex-direction:row !important;

    overflow-x:auto;
    overflow-y:hidden;

    gap:10px;
    margin-top:12px !important;
}

.single-product .flex-control-thumbs{
    width:100% !important;

    display:flex !important;
    flex-direction:row !important;

    gap:10px;
}

.single-product .flex-control-thumbs li{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;

    margin:0 !important;
    float:none !important;
}

/* Active Thumbnail */

.single-product .flex-control-thumbs .flex-active{

    border:2px solid #D4A017 !important;

    border-radius:8px;

    box-shadow:0 2px 8px rgba(212,160,23,.25);

}

.single-product .flex-control-nav{
    scrollbar-width:none;
}

.single-product .flex-control-nav::-webkit-scrollbar{
    display:none;
}

}


/* ==========================================================
   2. Product Summary
========================================================== */



/* ==========================================================
   3. Product  Brand and review Title
========================================================== */

.single-product .hemritu-mobile-header{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:12px;
    box-sizing:border-box;
}

.single-product .hemritu-top-brand,
.single-product .hemritu-top-review{
    display:block !important;
    margin:0 !important;
}

.single-product .hemritu-top-brand .hemritu-brand-name{
    margin:0 !important;
}

.single-product .hemritu-top-review{
    margin-left:auto !important;
    white-space:nowrap;
    text-align:right;
}

/* Mobile: original Summary Brand & Review hide */
@media (max-width: 991px){

    .summary.entry-summary > .hemritu-brand-name,
    .summary.entry-summary > .hemritu-review-summary{
        display:none !important;
    }

}

/* Desktop: mobile top header hide */
@media screen and (max-width: 991px){

    body.single-product form.cart button.button.hemritu-buy-now{
        border-radius:0 !important;
        -webkit-border-radius:0 !important;
    }

}

/*==========================================================
Product Brand and Review Header — Mobile
==========================================================*/

@media (max-width: 991px) {

    body.single-product .summary.entry-summary > .hemritu-mobile-header {
        margin-bottom: 0 !important;
    }

    body.single-product .summary.entry-summary .hemritu-mobile-brand {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    body.single-product .summary.entry-summary .hemritu-mobile-review {
        font-size: 13px;
    }

}


/* ==========================================================
   4. Price Section
========================================================== */
/* Mobile Price - Single Line */

/* Mobile Price - Compact Single Line */

/* Mobile Price Layout */

@media (max-width:991px){

    .single-product .hemritu-price-box{
        display:block !important;
        width:100% !important;
        white-space:normal !important;
    }

    .single-product .hemritu-mrp{
        display:block !important;
        margin-bottom:8px !important;
    }

    .single-product .hemritu-offer-price{
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        gap:6px !important;
        margin:0 !important;
        white-space:nowrap !important;
    }
}


/* ==========================================================
   5. Add To Cart
========================================================== */


@media screen and (max-width: 991px){

    /* Hide quantity only on mobile */
    body.single-product form.cart .quantity{
        display:none !important;
    }

   /* ==================================================
   FINAL MOBILE PURCHASE BAR SIZE FIX
================================================== */

@media screen and (max-width: 991px){

    body.single-product form.cart .single_add_to_cart_button,
    body.single-product form.cart button.button.hemritu-buy-now{
        position:fixed !important;
        bottom:0 !important;

        width:50% !important;
        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;

        padding:0 10px !important;
        margin:0 !important;
        border-radius:0 !important;
        box-sizing:border-box !important;

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

        line-height:1 !important;
        z-index:99999 !important;
    }

    body.single-product form.cart .single_add_to_cart_button{
        left:0 !important;
        right:auto !important;
    }

    body.single-product form.cart button.button.hemritu-buy-now{
        left:50% !important;
        right:auto !important;
    }
}


/* ==================================================
   DESKTOP - HIDE MOBILE TOP HEADER
================================================== */

@media screen and (min-width: 992px){

    body.single-product .hemritu-mobile-header{
        display:none !important;
    }

}
/* ==================================================
   DESKTOP RESET
================================================== */

@media screen and (min-width: 992px){

    body.single-product form.cart .single_add_to_cart_button,
    body.single-product .hemritu-buy-now{
        position:static !important;
        width:auto !important;
        height:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        z-index:auto !important;
    }
}


/* ==========================================================
   6. Key specification
========================================================== */

@media screen and (max-width: 991px){

    .single-product .hemritu-key-specifications{
        margin-bottom:5px !important;
    }

    .single-product .woocommerce-tabs{
        margin-top:0 !important;
        padding-top:0 !important;
    }

}

/* ==========================================================
   7. Trust Section
========================================================== */


@media (max-width:991px){

.hemritu-trust-section{

    display:flex !important;
    flex-wrap:nowrap !important;

    justify-content:space-between !important;
    align-items:flex-start !important;

    width:100% !important;
    max-width:100% !important;

    margin:18px 0 !important;
    padding:12px !important;

    gap:8px !important;

    box-sizing:border-box;

}

.trust-item{

    flex:1 1 20% !important;

    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

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

    text-align:center;

}

.trust-icon{

    width:30px !important;
    height:30px !important;

    margin-bottom:6px !important;
}

.trust-text{

    font-size:10px !important;
    line-height:1.25 !important;

}

}

.hemritu-trust-section{

    background:#fff !important;

    border:1px solid #e8e8e8 !important;

    border-radius:10px;

}
/* ==========================================================
   8. Product Tabs
========================================================== */
@media screen and (max-width: 991px){

    /* Closed tabs */
    .single-product .woocommerce-tabs ul.tabs li a{
        color:#8a8a8a !important;
        font-weight:400 !important;
    }

    /* Open / Active tab */
    .single-product .woocommerce-tabs ul.tabs li.active a{
        color:#1f2937 !important;
        font-weight:700 !important;
    }

}


/* ==========================================================
   9. FAQ
========================================================== */


/* Final Mobile Fix - More From Heading */
@media (max-width: 767px){

    .hemritu-group-products .hemritu-more-section-heading{
        display:block !important;
        width:100% !important;
        margin:0 0 24px !important;
        padding:0 !important;
        text-align:center !important;
    }

    .hemritu-group-products .hemritu-more-section-heading .hemritu-section-title{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 5px !important;
        box-sizing:border-box !important;
        font-size:21px !important;
        line-height:1.25 !important;
        text-align:center !important;
        white-space:normal !important;
    }

    .hemritu-group-products .hemritu-heading-line,
    .hemritu-group-products .hemritu-heading-flower{
        display:none !important;
    }
}

@media screen and (max-width: 767px){

    body.single-product
    .hemritu-group-products
    .hemritu-more-section-heading
    h2.hemritu-section-title{
        font-size:18px !important;
        line-height:1.25 !important;
    }

}

/* FINAL DISCOUNT BADGE - MOBILE */
@media (max-width: 767px){

    body.single-product .hemritu-group-products
    .hemritu-loop-discount-badge{
        top:6px !important;
        left:6px !important;
        right:auto !important;

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

        padding:0 !important;
        margin:0 !important;

        font-size:8px !important;
        line-height:1 !important;

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

        border-radius:50% !important;
        
    }
}

/* ==================================================
   TEMP : Disable Sticky Purchase Bar
================================================== */

@media (max-width:991px){

body.single-product form.cart{
    display:flex;
    gap:12px;
    margin:18px 0;
}

body.single-product form.cart .single_add_to_cart_button,
body.single-product form.cart .hemritu-buy-now{

    position:static !important;

    left:auto !important;
    right:auto !important;
    bottom:auto !important;

    width:50% !important;
    height:48px !important;

    z-index:auto !important;
}

}

/* ==================================================
   HEMRITU PRODUCT V3
   Purchase Button Size
================================================== */

@media (max-width:991px){

body.single-product form.cart{
    display:flex;
    gap:10px;
    margin:18px 0;
}

body.single-product form.cart .single_add_to_cart_button{

    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;

    height:42px !important;

    border-radius:999px !important;

    font-size:11px !important;
    font-weight:700;

    padding:0 16px !important;
}

}

/* ==================================================
   FINAL : Disable Sticky Buy Now
================================================== */

@media (max-width:991px){

body.single-product form.cart button.button.hemritu-buy-now{

    position:static !important;

    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    inset:auto !important;

    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;

    height:42px !important;

    margin:0 !important;

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

    border-radius:999px !important;

    z-index:auto !important;

}

}