/* =========================================================
   WOOCOMMERCE PRODUCT PAGE
   BRAND COLOR: #469593
   BUTTONS: BLACK
   ========================================================= */


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .price,
.woocommerce div.product .price *,
.woocommerce div.product .amount {
    color: #469593 !important;
}


/* Sale price */
.woocommerce div.product p.price ins,
.woocommerce div.product p.price ins *,
.woocommerce div.product span.price ins,
.woocommerce div.product span.price ins * {
    color: #469593 !important;
}


/* Old / regular price */
.woocommerce div.product p.price del,
.woocommerce div.product p.price del *,
.woocommerce div.product span.price del,
.woocommerce div.product span.price del * {
    color: #469593 !important;
}


/* =========================================================
   PRODUCT CATEGORY
   ========================================================= */

.woocommerce div.product .product_meta .posted_in,
.woocommerce div.product .product_meta .posted_in a,
.woocommerce div.product .product_meta .posted_in a:hover {
    color: #469593 !important;
}


/* Category links anywhere on product page */
.woocommerce div.product .posted_in a {
    color: #469593 !important;
}


/* =========================================================
   ALL PRODUCT PAGE BUTTONS - BLACK
   ========================================================= */

.woocommerce div.product button,
.woocommerce div.product .button,
.woocommerce div.product a.button,
.woocommerce div.product input[type="submit"],
.woocommerce div.product button[type="submit"] {
    background-color: #000000 !important;

    color: #ffffff !important;

    border-color: #000000 !important;
}


/* Button hover */
.woocommerce div.product button:hover,
.woocommerce div.product .button:hover,
.woocommerce div.product a.button:hover,
.woocommerce div.product input[type="submit"]:hover,
.woocommerce div.product button[type="submit"]:hover {
    background-color: #000000 !important;

    color: #ffffff !important;

    border-color: #000000 !important;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: #000000 !important;

    color: #ffffff !important;

    border-color: #000000 !important;
}


/* Add to cart hover */
.woocommerce div.product form.cart
.single_add_to_cart_button:hover {
    background-color: #000000 !important;

    color: #ffffff !important;

    border-color: #000000 !important;
}


/* =========================================================
   QUANTITY INPUT
   ========================================================= */

.woocommerce div.product form.cart .quantity input {
    border-color: #dddddd !important;
}


/* =========================================================
   PRODUCT TABS
   ========================================================= */

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #469593 !important;
}


/* Active tab */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #469593 !important;
}


/* =========================================================
   PRODUCT SKU / META
   ========================================================= */

.woocommerce div.product .product_meta {
    color: #555555 !important;
}


.woocommerce div.product .product_meta a {
    color: #469593 !important;
}


/* =========================================================
   SALE BADGE
   ========================================================= */

.woocommerce div.product span.onsale {
    background-color: #469593 !important;

    color: #ffffff !important;
}


/* =========================================================
   PRODUCT RATING
   ========================================================= */

.woocommerce div.product .star-rating {
    color: #469593 !important;
}


/* =========================================================
   LINKS ON PRODUCT PAGE
   ========================================================= */

form.cart .single_add_to_cart_button {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;

    color: #ffffff !important;

    border: 1px solid #000000 !important;
    border-color: #000000 !important;

    box-shadow: none !important;
}

form.cart .single_add_to_cart_button:hover {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;

    color: #ffffff !important;

    border-color: #000000 !important;
}



/* =========================================================
   ONLY ONE HEADER VISIBLE AT A TIME
   + KEEP HEADER ALIGNED WITH MAIN CONTENT
   ========================================================= */


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    /* Show desktop header */
    .site-header-desktop {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;

        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Hide other headers */
    .site-header-tablet,
    .site-header-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }


    /* Elementor inner container */
    .site-header-desktop > .elementor-container {
        width: 100% !important;
        max-width: 1210px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* Elementor column */
    .site-header-desktop .elementor-column {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /* Remove Elementor column inner padding */
    .site-header-desktop
    .elementor-column
    > .elementor-element-populated {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .site-header-desktop,
    .site-header-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }


    .site-header-tablet {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;

        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .site-header-tablet > .elementor-container {
        width: 100% !important;
        max-width: 1210px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .site-header-tablet
    .elementor-column
    > .elementor-element-populated {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}


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

@media (max-width: 767px) {

    .site-header-desktop,
    .site-header-tablet {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }


    .site-header-mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;

        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .site-header-mobile > .elementor-container {
        width: 100% !important;
        max-width: 1210px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .site-header-mobile
    .elementor-column
    > .elementor-element-populated {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}


/* =========================================
   ONLY ONE HEADER VISIBLE AT A TIME
   ========================================= */

/* DESKTOP */
@media (min-width: 1025px) {

    .site-header-desktop1 {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;
    }

    .site-header-tablet1,
    .site-header-mobile1 {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

}


/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {

    .site-header-desktop1,
    .site-header-mobile1 {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .site-header-tablet1 {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;
    }

}


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

    .site-header-desktop1,
    .site-header-tablet1 {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .site-header-mobile1 {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 999999 !important;
    }

}

/* =========================================================
   STICKY DESKTOP HEADER + TOP LINE
   FIX CONTENT CROP / HEADER OVERLAP
   ========================================================= */

@media (min-width: 1025px) {

    /* =====================================================
       TOP LINE
       ===================================================== */

    .header-top-line {

        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;

        height: 4px !important;

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

        z-index: 999999 !important;

    }


    /* =====================================================
       DESKTOP HEADER
       ===================================================== */

    .site-header-desktop {

        position: fixed !important;

        top: 4px !important;
        left: 0 !important;
        right: 0 !important;

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

        margin: 0 !important;

        z-index: 999998 !important;

        background: #ffffff !important;

    }


    /* =====================================================
       KEEP ELEMENTOR HEADER CONTENT CENTERED
       ===================================================== */

    .site-header-desktop
    > .elementor-container {

        width: 100% !important;

        max-width: 1210px !important;

        margin-left: auto !important;
        margin-right: auto !important;

    }


    /* =====================================================
       REMOVE UNWANTED ELEMENTOR TOP SPACING
       ===================================================== */

    .site-header-desktop
    .elementor-column
    > .elementor-element-populated {

        padding-top: 0 !important;

    }


    /* =====================================================
       IMPORTANT:
       RESERVE SPACE FOR FIXED HEADER
       
       Your header is approximately 108px high.
       4px top line + header = approximately 112px.
       ===================================================== */

    body {

        padding-top: 112px !important;

    }

}


/* =========================================================
   WORDPRESS ADMIN BAR
   ========================================================= */

@media (min-width: 1025px) {

    body.admin-bar {

        padding-top: 144px !important;

    }


    body.admin-bar
    .header-top-line {

        top: 32px !important;

    }


    body.admin-bar
    .site-header-desktop {

        top: 36px !important;

    }

}

/* Main navigation */
.hfe-menu-item {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2px !important;
  line-height: 1 !important;
}

html,
body {
    background-color: #F7F7F7 !important;
}

body,
#page,
.site,
.site-content,
main {
    background-color: #F7F7F7 !important;
}

/* =============================================
   THE EVENING PEOPLE — Product Card Styles
   ============================================= */

/* --- Button: size, color, text override --- */
.wp-block-woocommerce-product-button .wp-block-button__link,
.wc-block-components-product-button .wp-block-button__link {
    width: auto !important;
    display: inline-block !important;
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* --- Button: replace "Add to cart" text --- */
.wp-block-woocommerce-product-button .wp-block-button__link span,
.wc-block-components-product-button .wp-block-button__link span {
    font-size: 0 !important;
}

.wp-block-woocommerce-product-button .wp-block-button__link span::before,
.wc-block-components-product-button .wp-block-button__link span::before {
    content: "Shop this pick" !important;
    font-size: 1rem !important;
}

/* --- Product title color --- */
.wp-block-woocommerce-product-image ~ * .wp-block-post-title,
.wp-block-post-title {
    color: #333333 !important;
}

.wp-block-post-title a {
    color: #333333 !important;
}

/* --- Featured image: show full image, no crop --- */
.wp-block-woocommerce-product-image .woocommerce-product-gallery,
.wp-block-woocommerce-product-image figure,
.wp-block-woocommerce-product-image .woocommerce-product-gallery__image {
    height: auto !important;
    max-height: none !important;
}

.wp-block-woocommerce-product-image img,
.wp-block-woocommerce-product-image .woocommerce-product-gallery__image img {
    object-fit: contain !important;
    object-position: center top !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    aspect-ratio: auto !important;
}