/* Give shadow to the thumbnail when hover */
.wpc-food-menu-item.wpc-row {
    transition: 0.2s box-shadow ease;
    border-radius: 6px;
}

.wpc-food-menu-item.wpc-row:hover {
    box-shadow: 0 12px 23px rgba(0, 0, 0, 0.15), 0 0px 15px rgba(0, 0, 0, 0.15);
}

/* Make the pic 4:3 to save some vertical space */
.wpc-food-menu-thumb {
    transform: scale(0.9);
    display: flex;
}
.wpc-food-menu-thumb img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

/* set wpc price font to defualt requested by client */
body.site-id-haochilai-ayafae .wpc-menu-price {
    font-family: inherit !important;
}

/* fix left right margin bug */
.wpc-row {
    margin-right: 0px;
    margin-left: 0px;
}

/* All category nav tab buttons */
.wpc-tab-a {
    border: 1px solid black;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 6px;
    min-width: 70px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #333;
}

/* nav Active button style overwrite */
.wpc-active {
    background: #FD9800;
    border: none;
}
body.site-id-haochilai-ayafae .wpc-active {
    background: #d60011;
    border: none;
}

/* Our online ordering is open from... */
.custom-info {
    background-color: rgba(253, 152, 0, 0.3);
    padding: 10px;
    text-align: center;
}
body.site-id-haochilai-ayafae .custom-info {
    background-color: rgba(214, 0, 17, 0.3);
    padding: 10px;
    text-align: center;
}

/* Nav bar No bottom line overwrite */
.wpc-food-tab-wrapper .wpc-nav li a {
    border-bottom: 1px solid black;
}
/* hao chi lai site square nav tab */
/* body.site-id-haochilai-ayafae .wpc-food-tab-wrapper .wpc-nav li a {
    font-family: 'Noto Serif SC';
    border-radius: 6px;
} */

/* Remove nav tab point down arrow */
.wpc-tab-a.wpc-active::after {
    display: none;
}

/* nav bar mod, this works; but need to still need to unstick it when done...  */
/* .wpc-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #3d3d3d url('../../uploads/2024/08/bg-cloth.webp');
    z-index: 1000;
    box-shadow: 0 12px 23px rgba(0, 0, 0, 0.15), 0 0px 15px rgba(0, 0, 0, 0.15);
} */

/* fix QV image stretching look issue after update, or just keep YITH QUICK VIEW 1.43.0 don't ever update*/
/* #yith-quick-view-content div.images img {
    object-fit: contain !important;
} */

/* Fix QV exit button not obvious issue */
#yith-quick-view-close {
    color: red;
}

/* Astra footer style overwrite */
.footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .widget-title {
    font-size: 2.35rem;
    line-height: 1;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

.ast-footer-copyright {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    opacity: 0.88;
}

/* added drop shadow to addToCart button + fix hostinger layout bug line height missing after optimization, got overwritten unless specific */
a.button.yith-wcqv-button, a.button.add_to_cart_button.ajax_add_to_cart.cart-text-no-added {
    line-height: 35px !important;
    background-color: var(--ast-global-color-0) !important;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5) !important;
}

/* make addToCart button square */
body.site-id-haochilai-ayafae .elementor-1998 .elementor-element.elementor-element-9332b90 .wpc-food-menu-item .wpc-add-to-cart a {
    border-radius: 5px;
}

/* add box shadow to sidebar cart icon */
/* .wpc_cart_icon:hover { */
.wpc_cart_icon {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.15);
}

/* checkout page hide the 额外信息/Additional information header it's useless. */
.woocommerce-additional-fields h3 {
    display: none;
}

/* hide magnifier on place holder image (only appears inside QV) -- lame that Hostinger can't support this */
/*.woocommerce-product-gallery:has(.woocommerce-product-gallery__image--placeholder) .woocommerce-product-gallery__trigger {
    display: none;
}*/

/* Below iPad mini size i.e. cellphone */
@media (max-width: 767px) {
    /*try narrowing down the cart table*/
    .woocommerce-cart-form__cart-item td {
        padding-top: 0 !important; 
        padding-bottom: 0 !important;
    }

    /* hide placeholder img for cellphones -- placeholder-image was added by .js */
    .wpc-food-menu-thumb.placeholder-img {
        display: none;
    }

    /* hide placeholder images in quick view for cellphone - decided to use it, makes ordering easier. */
    .woocommerce-product-gallery.woocommerce-product-gallery--without-images {
        display: none;
    }

    /* make mobile size 4:3 */
    .wpc-food-menu-thumb {
        aspect-ratio: 4/3;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 0px !important;
    }

    /* Fine tune mobile tab spacing */
    .wpc-tab-a {
        margin-top: 0;
        margin-bottom: -15px;
    }

    /* Disable zoom button /magnifier on QV image as I can't stop the nav back behavior */
    .woocommerce-product-gallery__trigger {
        display: none;
    }

    /* Astra footer style cellphone overwrite */
    .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] .widget-title {
        font-size: 2rem;
    }
}

/* Bug fix fine tune mobile tab spacing just for ipad notcied bug */
@media (max-width: 768px) {
    .wpc-tab-a {
        margin-top: 0;
        margin-bottom: -15px;
    }
}

/* Below tablet size i.e. iPad mini, large phone */
@media (max-width: 991px) {

    .wpc-food-menu-thumb {
        aspect-ratio: 4/3;
    }

    /* Cart page, hide thumbnail */
    td.product-thumbnail {
        display: none !important;
    }

    /* Cart page, fix layout */
    table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
        width: 50%;
        min-width: 300px;
        margin: 0 auto;
    }

    /* side bar Mini cart size and height mod for mobile */
    .wpc_cart_block .wpc_cart_icon {
        left: -10px;
        padding: 15px;
        min-width: 15px;
        max-height: 50px;
        top: 6rem;
    }
}

/* Mini cart mod */
.wpc-minicart-wrapper .cart-wrapper {
    max-height: calc(100vh - 200px);
}

/* QV visual mod and tweak */
.wpc-food-menu-thumb .button.yith-wcqv-button {
    background: #3d3d3d url('../../uploads/2024/08/thumbnail-pattern-black.webp') center/cover no-repeat;
    border-radius: 6px;
    padding: 0;
}
body.site-id-haochilai-ayafae .wpc-food-menu-thumb .button.yith-wcqv-button {
    /* background: #3d3d3d url('../../uploads/2024/08/thumbnail-pattern-black.webp') center/cover no-repeat; */
    /* border-radius: 6px; */
    object-fit: fill;
    padding: 0;
}

/* QV visual bug fix */
.elementor-kit-676 img {
    opacity: 1 !important;
}

/* Modify link color in order confirmation page and cart page */
.woocommerce-table__product-name.product-name a,
.product-name a {
    color: inherit;
}

/* Scale overlay to cover screen */
#yith-quick-view-modal .yith-quick-view-overlay {
    transform: scale(1.5);
}

/* Disable zoom effect on QV image click */
.woocommerce-product-gallery__image .zoomImg {
    max-width: 100%;
    max-height: 100%;
}

/* hardcode the color of the 5% discount price, select by counting num child */
#order_review > table > tfoot > tr.fee:nth-child(4) > th {
    color: green; /* Change this to your desired color */
}

/* 3km delivery or 5km delivery also goes green */
input[type="radio"]:checked + label[for="shipping_method_0_flexible_shipping_single14"],
input[type="radio"]:checked + label[for="shipping_method_0_flexible_shipping_single13"],
input[type="radio"]:checked + label[for="shipping_method_0_flexible_shipping_single19"] {
    color: blue;
}