/*
Theme Name: Bestow Child
Theme URI: https://bestow.qodeinteractive.com
Description: A child theme of Bestow
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: bestow
Template: bestow
*/

/* Fix WooCommerce Product Loop Alignment */
ul.products li.product,
.qodef-woo-product-list .product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Make images perfectly square so they don't break horizontal alignment */
ul.products li.product>a.woocommerce-LoopProduct-link img,
.qodef-woo-product-list .product>a.woocommerce-LoopProduct-link img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    display: block;
}

/* Allow titles to flow naturally */
ul.products li.product .qodef-woo-product-title,
.qodef-woo-product-list .product .qodef-woo-product-title {
    display: block;
    min-height: 2.8em;
    margin-bottom: 10px;
}

/* Hide description as requested */
ul.products li.product .qodef-woo-product-excerpt,
.qodef-woo-product-list .product .qodef-woo-product-excerpt {
    display: none !important;
}

/* Push Add to Cart button to the absolute bottom */
ul.products li.product .add_to_cart_button,
.qodef-woo-product-list .product .add_to_cart_button {
    margin-top: auto;
}

#qodef-page-footer-bottom-area-inner {
    border-top-color: white !important;
}

#qodef-page-footer .qodef-content-grid {
    width: 90%;
}

/* Mobile Footer Spacing Fixes */
@media only screen and (max-width: 1024px) {

    /* Highly specific selector to override theme's 90px/113px padding */
    #qodef-page-footer-top-area #qodef-page-footer-top-area-inner>.qodef-grid>.qodef-grid-inner>.qodef-grid-item {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    /* Remove bottom border from last item */
    #qodef-page-footer-top-area #qodef-page-footer-top-area-inner>.qodef-grid>.qodef-grid-inner>.qodef-grid-item:last-child {
        border-bottom: none !important;
    }

    #qodef-page-footer-bottom-area {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    #qodef-page-footer-bottom-area .qodef-grid-item {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
    }
}

/* Fix category list wrapping and alignment in footer */
#qodef-page-footer .widget_bestow_core_simple_product_category_list .qodef-e-inner a {
    display: flex !important;
    align-items: flex-start !important;
}

#qodef-page-footer .widget_bestow_core_simple_product_category_list .qodef-product-cat-circle {
    flex-shrink: 0 !important;
    margin-top: 8px !important;
    /* aligns dot with first line of text */
}

#qodef-page-footer .widget_bestow_core_simple_product_category_list .woocommerce-loop-category__title {
    line-height: 1.4 !important;
}

@media only screen and (max-width: 1024px) {
    #qodef-page-footer-top-area #qodef-page-footer-top-area-inner>.qodef-grid>.qodef-grid-inner>.qodef-grid-item {
        border-bottom: 1px solid rgba(255, 255, 255, 1) !important;
    }
}

/* Fix Elementor Text Editor list formatting with nested paragraphs */
.elementor-widget-text-editor ul li p,
.elementor-widget-text-editor ol li p {
    display: inline;
    margin: 0;
}
.elementor-widget-text-editor ul li,
.elementor-widget-text-editor ol li {
    margin-bottom: 10px;
}
.elementor-widget-text-editor h1 {
    margin-top: 0 !important;
    margin-bottom: 30px;
}

/* Remove extra top whitespace on policy pages (Full Width Elementor template) */
.page-template-elementor_header_footer #qodef-page-inner {
    padding-top: 20px !important; /* desktop */
}
@media only screen and (max-width: 1024px) {
    .page-template-elementor_header_footer #qodef-page-inner {
        padding-top: 10px !important; /* mobile/tablet */
    }
}

/* ==========================================================================
   Product Card Wishlist Button Styling (Demo Site Match)
   - Positioned in upper right corner of product image
   - Shows icon only (no text)
   - Hidden by default on desktop, appears smoothly on hover
   ========================================================================== */

/* 1. Position wishlist button in top right corner of media container */
.qodef-woo-product-list .qodef-e-media-inner .yith-add-to-wishlist-button-block,
.qodef-woo-product-list .qodef-e-media-inner .yith-wcwl-add-to-wishlist,
ul.products li.product .qodef-e-media-inner .yith-add-to-wishlist-button-block,
ul.products li.product .qodef-e-media-inner .yith-wcwl-add-to-wishlist {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
    opacity: 0 !important;
    transform: translateY(-5px) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* 2. Show wishlist icon on hover (Desktop) */
.qodef-woo-product-list .qodef-e-inner:hover .qodef-e-media-inner .yith-add-to-wishlist-button-block,
.qodef-woo-product-list .qodef-e-inner:hover .qodef-e-media-inner .yith-wcwl-add-to-wishlist,
ul.products li.product:hover .qodef-e-media-inner .yith-add-to-wishlist-button-block,
ul.products li.product:hover .qodef-e-media-inner .yith-wcwl-add-to-wishlist {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 3. Hide text label (Icon only) */
.qodef-e-media-inner .yith-add-to-wishlist-button-block span,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist span,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist .feedback,
.qodef-e-media-inner .yith-wcwl-add-button a span,
.qodef-e-media-inner .yith-wcwl-wishlistaddedbrowse a span,
.qodef-e-media-inner .yith-wcwl-wishlistexistsbrowse a span,
.qodef-e-media-inner .yith-add-to-wishlist-button-block .yith-wcwl-icon + span {
    display: none !important;
}

/* 4. Wishlist Icon Styling - Default (Outlined Heart when not in wishlist) */
.qodef-e-media-inner .yith-add-to-wishlist-button-block a,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #000000 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.qodef-e-media-inner .yith-add-to-wishlist-button-block i,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist i,
.qodef-e-media-inner .yith-wcwl-icon-heart-outline {
    font-size: 22px !important;
    font-weight: 400 !important; /* Regular outline font icon */
    color: #000000 !important;
    margin: 0 !important;
}

.qodef-e-media-inner .yith-add-to-wishlist-button-block svg,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist svg {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    color: #000000 !important;
    margin: 0 !important;
}

.qodef-e-media-inner .yith-wcwl-add-button svg path,
.qodef-e-media-inner .yith-wcwl-icon-heart-outline svg path,
.qodef-e-media-inner .yith-add-to-wishlist-button-block:not(.exists):not(.added) svg path,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist:not(.exists):not(.added) svg path {
    fill: none !important;
    stroke: #000000 !important;
    stroke-width: 2px !important;
}

/* 4b. Added/Exists State (Solid Filled Heart when product IS in wishlist) */
.qodef-e-media-inner .yith-wcwl-icon-heart,
.qodef-e-media-inner .yith-wcwl-wishlistexistsbrowse i,
.qodef-e-media-inner .yith-wcwl-wishlistaddedbrowse i,
.qodef-e-media-inner .exists i,
.qodef-e-media-inner .added i,
.qodef-e-media-inner .yith-add-to-wishlist-button-block.exists i,
.qodef-e-media-inner .yith-add-to-wishlist-button-block.added i,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist.exists i,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist.added i {
    font-weight: 900 !important; /* Solid font icon */
    color: #000000 !important;
}

.qodef-e-media-inner .yith-wcwl-icon-heart svg,
.qodef-e-media-inner .yith-wcwl-wishlistexistsbrowse svg,
.qodef-e-media-inner .yith-wcwl-wishlistaddedbrowse svg,
.qodef-e-media-inner .exists svg,
.qodef-e-media-inner .added svg,
.qodef-e-media-inner .yith-add-to-wishlist-button-block.exists svg,
.qodef-e-media-inner .yith-add-to-wishlist-button-block.added svg,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist.exists svg,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist.added svg,
.qodef-e-media-inner .yith-wcwl-icon-heart path,
.qodef-e-media-inner .yith-wcwl-wishlistexistsbrowse svg path,
.qodef-e-media-inner .yith-wcwl-wishlistaddedbrowse svg path,
.qodef-e-media-inner .exists svg path,
.qodef-e-media-inner .added svg path,
.qodef-e-media-inner .yith-add-to-wishlist-button-block.exists svg path,
.qodef-e-media-inner .yith-add-to-wishlist-button-block.added svg path,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist.exists svg path,
.qodef-e-media-inner .yith-wcwl-add-to-wishlist.added svg path {
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* 5. Mobile & Touch Screen Display */
@media only screen and (max-width: 1024px) {
    .qodef-woo-product-list .qodef-e-media-inner .yith-add-to-wishlist-button-block,
    .qodef-woo-product-list .qodef-e-media-inner .yith-wcwl-add-to-wishlist,
    ul.products li.product .qodef-e-media-inner .yith-add-to-wishlist-button-block,
    ul.products li.product .qodef-e-media-inner .yith-wcwl-add-to-wishlist {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Force 100% full width and remove sidebar column on all pages except Shop/Category archives */
body:not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) #qodef-page-sidebar-col,
.woocommerce-cart #qodef-page-sidebar-col,
.woocommerce-checkout #qodef-page-sidebar-col,
.woocommerce-account #qodef-page-sidebar-col,
.woocommerce-wishlist #qodef-page-sidebar-col,
.single-product #qodef-page-sidebar-col {
    display: none !important;
}

body:not(.post-type-archive-product):not(.tax-product_cat):not(.tax-product_tag) #qodef-page-content-col,
.woocommerce-cart #qodef-page-content-col,
.woocommerce-checkout #qodef-page-content-col,
.woocommerce-account #qodef-page-content-col,
.woocommerce-wishlist #qodef-page-content-col,
.single-product #qodef-page-content-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Fix Announcement Bar Top Area Emoji & Inline Text Alignment */
#qodef-top-area img.emoji,
.widget.widget_text img.emoji,
.widget.widget_text .emoji,
#qodef-top-area .emoji {
    display: inline-block !important;
    vertical-align: -0.15em !important;
    height: 1.2em !important;
    width: 1.2em !important;
    margin: 0 0.25em !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
}

#qodef-top-area p,
#qodef-top-area .wp-block-paragraph,
#qodef-top-area-inner p {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
    color: inherit !important;
}

#qodef-top-area-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Bestow Shop Mega Menu Styling */
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second {
    background-color: #ffffff !important;
    padding: 35px 40px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    border-top: 1px solid #f0f0f0 !important;
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li {
    flex: 1 1 0 !important;
    padding: 0 15px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

/* Mega Menu Column Titles (Depth 1) */
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
    margin-bottom: 16px !important;
    display: block !important;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 8px !important;
    pointer-events: auto !important;
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > a .qodef-menu-item-arrow {
    display: none !important;
}

/* Mega Menu Sub-links (Depth 2) */
.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > ul.sub-menu {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > ul.sub-menu > li {
    display: block !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > ul.sub-menu > li > a {
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    padding: 2px 0 !important;
    transition: color 0.2s ease !important;
}

.qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > ul.sub-menu > li > a:hover {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Uniform Product Card Image Aspect Ratio & Content Alignment */
.qodef-woo-product-list .qodef-e-media-image,
.qodef-woo-product-list .qodef-e-media-image a,
ul.products li.product .qodef-e-media-image,
ul.products li.product .qodef-e-media-image a,
.qodef-product-list .qodef-e-media-image,
.qodef-product-list .qodef-e-media-image a {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

.qodef-woo-product-list .qodef-e-media-image img,
ul.products li.product .qodef-e-media-image img,
.qodef-product-list .qodef-e-media-image img,
.qodef-e-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.qodef-woo-product-list .qodef-e-inner,
ul.products li.product .qodef-e-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.qodef-woo-product-list .qodef-e-content,
ul.products li.product .qodef-e-content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Header Logo Size & Clarity Enhancement */
.qodef-header-logo-link {
    height: 70px !important;
    max-height: 70px !important;
    display: flex !important;
    align-items: center !important;
}

.qodef-header-logo-link img.qodef-header-logo-image {
    max-height: 65px !important;
    height: 65px !important;
    width: auto !important;
    object-fit: contain !important;
}

.qodef-mobile-header-logo-link img.qodef-header-logo-image {
    max-height: 55px !important;
    height: 55px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Bestow Product Category Grid Styling (Fixed Compact 180x180 Image Size & Equal Cards) */
#qodef-page-content-col .qodef-woo-product-category-list .qodef-grid-inner {
    display: flex !important;
    flex-wrap: wrap !important;
}

#qodef-page-content-col .qodef-woo-product-category-list .qodef-e {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 30px !important;
}

#qodef-page-content-col .qodef-woo-product-category-list .qodef-e-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    border: 1.5px solid #111111 !important;
    background: #ffffff !important;
    padding: 30px 20px 20px 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

#qodef-page-content-col .qodef-woo-product-category-list .qodef-e-inner:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    border-color: #000000 !important;
}

#qodef-page-content-col .qodef-woo-product-category-list .qodef-e-inner a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100% !important;
    width: 100% !important;
    text-decoration: none !important;
}

/* Image fixed height & contain scaling */
#qodef-page-content-col .qodef-woo-product-category-list .qodef-e-inner img {
    height: 180px !important;
    max-height: 180px !important;
    width: 180px !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: 0 auto 20px auto !important;
    background: transparent !important;
}

#qodef-page-content-col .qodef-woo-product-category-list .woocommerce-loop-category__title {
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: capitalize !important;
    text-align: center !important;
    margin: auto 0 0 0 !important;
}

/* Fix Breadcrumbs Title Area Height and Background on Product Pages */
.qodef-page-title.qodef-title--breadcrumbs {
    height: auto !important;
    min-height: auto !important;
    background-color: #ffffff !important;
    padding: 25px 0 20px 0 !important;
    border: none !important;
}

.qodef-page-title.qodef-title--breadcrumbs .qodef-m-inner {
    height: auto !important;
}

/* WooCommerce Blocks Cart Page - Replace Free Shipping with Text */
.wc-block-components-totals-shipping {
    display: flex !important;
    flex-direction: column !important;
}
.wc-block-components-totals-shipping > * {
    display: none !important;
}
.wc-block-components-totals-shipping::after {
    content: "Shipping & Taxes calculated at checkout." !important;
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    font-size: 14px !important;
    color: #111 !important;
}