/* =========================================================
   AMS - CLEAN CUSTOM CSS
   QUICK VIEW + SAFE HOME BANNER BACKGROUND
========================================================= */


/* =========================================================
   1. PRODUCT QUICK VIEW
========================================================= */

#quick-view-popup {
    width: 100% !important;
}

/* Main popup */
#quick-view-popup .quickview-content {
    display: flex !important;
    width: 94vw !important;
    max-width: 1000px !important;

    height: 620px !important;
    max-height: 90vh !important;

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

    background: #ffffff !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* -------------------------
   LEFT PRODUCT IMAGE
------------------------- */

#quick-view-popup .thumbnails {
    flex: 0 0 43% !important;

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

    height: 100% !important;

    padding: 20px !important;
    margin: 0 !important;

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

    background: #ffffff !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Product image */
#quick-view-popup .thumbnails img {
    width: 100% !important;
    height: 100% !important;

    max-width: 400px !important;
    max-height: 570px !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block !important;

    margin: auto !important;
    padding: 0 !important;
}


/* -------------------------
   RIGHT PRODUCT INFORMATION
------------------------- */

#quick-view-popup .product-detail {
    flex: 0 0 57% !important;

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

    height: 100% !important;

    padding: 25px 28px !important;
    margin: 0 !important;

    background: #ffffff !important;

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

    box-sizing: border-box !important;
}


/* Details content */
#quick-view-popup .tpproduct-details__content {
    width: 100% !important;
    max-width: 100% !important;
}


/* Product title */
#quick-view-popup .tpproduct-details__title-area {
    width: 100% !important;
    max-width: 100% !important;
}


/* Product description */
#quick-view-popup .tpproduct-details__pera {
    width: 100% !important;
    max-width: 100% !important;
}


/* Scrollbar */
#quick-view-popup .product-detail::-webkit-scrollbar {
    width: 5px;
}

#quick-view-popup .product-detail::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 10px;
}


/* =========================================================
   2. TABLET QUICK VIEW
========================================================= */

@media (max-width: 991px) {

    #quick-view-popup .quickview-content {
        width: 94vw !important;
        max-width: 94vw !important;

        height: 570px !important;
        max-height: 90vh !important;
    }

    #quick-view-popup .thumbnails {
        flex: 0 0 42% !important;

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

        padding: 15px !important;
    }

    #quick-view-popup .product-detail {
        flex: 0 0 58% !important;

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

        padding: 20px !important;
    }

}


/* =========================================================
   3. MOBILE QUICK VIEW
========================================================= */

@media (max-width: 767px) {

    #quick-view-popup .quickview-content {
        display: block !important;

        width: 94vw !important;
        max-width: 94vw !important;

        height: 90vh !important;
        max-height: 90vh !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
    }


    #quick-view-popup .thumbnails {
        display: flex !important;

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

        height: 360px !important;

        padding: 15px !important;

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


    #quick-view-popup .thumbnails img {
        width: 100% !important;

        height: 330px !important;
        max-height: 330px !important;
        max-width: 100% !important;

        object-fit: contain !important;
    }


    #quick-view-popup .product-detail {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        padding: 20px !important;

        overflow: visible !important;
    }

}



/* =========================================================
   4. HOMEPAGE HERO BANNER
   ONLY CHANGE THE OUTER BACKGROUND TO WHITE
   DO NOT CHANGE IMAGE WIDTH / HEIGHT / GRID / ROW
========================================================= */

.slider-area,
.tp-slider-area,
.tpslider-area {
    background-color: #ffffff !important;
}


/* Prevent cream background immediately around slider */
.slider-area-wrapper,
.tp-slider-area-wrapper,
.tpslider-area-wrapper {
    background-color: #ffffff !important;
}
/* =====================================================
   CATEGORY DROPDOWN FIX
===================================================== */

/* Header must stay above slider */
header,
.header-area,
.tp-header-area,
.header-bottom,
.header-main {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
}

/* Category button wrapper */
.header-categories,
.tp-header-categories,
.categories-menu,
.product-categories-menu,
.category-menu {
    position: relative !important;
    z-index: 10000 !important;
    overflow: visible !important;
}

/* Category dropdown */
.header-categories ul,
.tp-header-categories ul,
.categories-menu ul,
.product-categories-menu ul,
.category-menu ul,
.category-menu-list,
.tp-category-menu {
    z-index: 10001 !important;
}

/* Prevent slider from covering dropdown */
.slider-area,
.tp-slider-area,
.tpslider-area {
    position: relative !important;
    z-index: 1 !important;
}

/* Make sure header containers don't clip menu */
.header-area .container,
.header-area .container-fluid,
.tp-header-area .container,
.tp-header-area .container-fluid,
.header-bottom .container,
.header-bottom .container-fluid {
    overflow: visible !important;
}
@media (min-width: 1200px) {

    .ams-header-categories {
        position: relative !important;
        z-index: 9999 !important;
    }

    .ams-header-categories .cat-menu__category {
        position: relative !important;
    }

    .ams-header-categories .tp-cat-toggle {
        cursor: pointer !important;
    }

    .ams-header-categories .category-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 240px !important;
        background: #fff !important;
        z-index: 99999 !important;
    }
}
/* NORMAL FONT WEIGHT FOR MAIN NAVIGATION */
.main-menu a,
.main-menu ul li a,
.header-menu a,
.tp-main-menu a,
nav a {
    font-weight: 400 !important;
}
/* FORCE NORMAL WEIGHT FOR DESKTOP NAV */
header nav a,
header .main-menu a,
header .tp-main-menu a,
header ul li a {
    font-weight: 400 !important;
}
/* Home / Shop / Pages / Blog / Contact - normal font */
.main-header .main-menu.ams-main-menu > nav#mobile-menu > ul > li > a {
    font-weight: 400 !important;
}
/* =========================================================
   END
========================================================= */