/*
Theme Name: GrocefyCart
Theme URI: https://cozythemes.com/grocefycart-wordpress-theme/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: GrocefyCart is a modern, feature-rich WooCommerce theme designed for online grocery stores.
Version: 1.0.4
Text Domain: grocefycart
*/

/* =====================================================
   GLOBAL
===================================================== */
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
    text-decoration: underline;
}



/* =====================================================
   WOOCOMMERCE CATEGORIES DROPDOWN
===================================================== */
.grocefycart-categories-dropdown .wp-block-categories__label { display: none; }

.grocefycart-categories-dropdown .wp-block-categories-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    color: var(--wp--preset--color--light);
    font-size: var(--wp--preset--font-size--normal);
    font-family: var(--wp--preset--font-family--inter);
    background-color: inherit;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
    padding-right: 45px;
}

.grocefycart-categories-dropdown select option {
    padding: 5px 8px !important;
    color: var(--wp--preset--color--foreground);
}

.grocefycart-categories-dropdown .wp-block-categories-dropdown button {
    outline: none;
    border: none;
    cursor: pointer;
    background-color: var(--wp--preset--color--transparent);
}

.grocefycart-categories-dropdown .wp-block-categories-dropdown button > svg { fill: var(--wp--preset--color--light); }
.grocefycart-categories-dropdown .wp-block-categories-dropdown button > svg:hover { fill: var(--wp--preset--color--secondary); }
.grocefycart-categories-dropdown .wp-block-categories-dropdown button[aria-expanded="true"]::after { transform: rotate(-135deg); }

.grocefycart-categories-dropdown .wp-block-categories-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

.grocefycart-categories-dropdown .wp-block-categories-dropdown::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-right: 2px solid var(--wp--preset--color--foreground);
    border-bottom: 2px solid var(--wp--preset--color--foreground);
    pointer-events: none;
}

/* =====================================================
   MARQUEE
===================================================== */
.grocefycart-marquee-wrapper {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.grocefycart-marquee-content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-right: 2rem;
    flex-wrap: nowrap;
    animation: grocefycart-marquee 15s linear infinite;
}

.grocefycart-marquee-content:hover { animation-play-state: paused; }

.grocefycart-marquee-wrapper .grocefycart-marquee-content.block-editor-block-list__block,
.grocefycart-marquee-content.block-editor-block-list__block { animation: none; }

.grocefycart-marquee-content p {
    position: relative;
    display: inline-block;
    flex: 1 0 auto;
    margin-block-start: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grocefycart-marquee-content p:before {
    content: url(assets/images/union.svg);
    margin-right: 1em;
    font-size: var(--wp--preset--font-size--large);
}

@keyframes grocefycart-marquee {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

/* =====================================================
   CONTACT FORM 7
===================================================== */
.wpcf7 form input {
    padding: 1em;
    font-size: var(--wp--preset--font-size--normal);
    color: var(--wp--preset--color--foreground);
    width: -webkit-fill-available;
    border: none;
    outline: none;
}

.wpcf7 form input[type="submit"] {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--light);
    padding: 1em;
}

.wpcf7 form input[type="submit"]:hover {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--dark-shade);
}

/* Newsletter variants share base input styles */
.grocefycart-contact-newsletter-1 form p input,
.grocefycart-contact-newsletter-1 form p textarea {
    padding: 10px;
    margin-bottom: 1em;
    font-size: var(--wp--preset--font-size--normal);
    border: 1px solid var(--wp--preset--color--dark-shade);
    width: -webkit-fill-available;
}

.grocefycart-contact-newsletter-2 form,
.grocefycart-contact-newsletter-3 form { position: relative; width: 100%; }

.grocefycart-contact-newsletter-2 form p input,
.grocefycart-contact-newsletter-2 form p textarea,
.grocefycart-contact-newsletter-3 form p input,
.grocefycart-contact-newsletter-3 form p textarea {
    padding: 12px;
    margin-bottom: 5px;
    font-size: var(--wp--preset--font-size--normal);
    color: var(--wp--preset--color--dark-shade);
    border: 1px solid var(--wp--preset--color--border-color);
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

.grocefycart-contact-newsletter-3 form p input,
.grocefycart-contact-newsletter-3 form p textarea { border-radius: 100px; padding: 13px; }

.grocefycart-contact-newsletter-2 form p input[type="submit"],
.grocefycart-contact-newsletter-3 form p input[type="submit"] {
    position: absolute;
    top: 0; right: 0;
    width: fit-content;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--light);
    border: 1px solid var(--wp--preset--color--primary);
    transition: all 0.2s ease-in-out;
}

.grocefycart-contact-newsletter-3 form p input[type="submit"] { border-radius: 100px; padding: 13px; }

.grocefycart-contact-newsletter-2 form p input[type="submit"]:hover,
.grocefycart-contact-newsletter-3 form p input[type="submit"]:hover {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--light);
    border-color: var(--wp--preset--color--secondary);
}

.grocefycart-contact-newsletter-1 form p input[type="submit"],
.grocefycart-contact-newsletter-4 form p input[type="submit"] {
    padding: 10px;
    font-size: var(--wp--preset--font-size--medium) !important;
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--light);
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

.grocefycart-contact-newsletter-4 form p input,
.grocefycart-contact-newsletter-4 form p textarea {
    padding: 10px;
    margin-bottom: 5px;
    font-size: var(--wp--preset--font-size--normal);
    border: 1px solid var(--wp--preset--color--light);
    width: 100%;
    box-sizing: border-box;
    border-radius: 100px;
}

.grocefycart-contact-newsletter-4 form p input[type="submit"] { border-radius: 100px; }

.grocefycart-contact-newsletter-1 form p input[type="submit"]:hover,
.grocefycart-contact-newsletter-4 form p input[type="submit"]:hover {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--light);
}

/* =====================================================
   PRODUCT CARDS
===================================================== */
.wp-block-group.grocefycart-product-group-wrapper .wp-block-group.is-style-grocefycart-product-group img.attachment-woocommerce_single,
.wp-block-group.is-style-grocefycart-product-group .wp-block-button.wc-block-components-product-button {
    transition: all 0.2s ease-in-out;
}

.wp-block-group.grocefycart-product-group-wrapper:hover .wp-block-group.is-style-grocefycart-product-group img.attachment-woocommerce_single,
.wp-block-group.is-style-grocefycart-product-wrapper:hover .wp-block-group.is-style-grocefycart-product-group img.attachment-woocommerce_single {
    opacity: 0.6;
}

.wp-block-group.grocefycart-product-group-wrapper:hover .wp-block-button.wc-block-components-product-button {
    bottom: 13px;
    opacity: 1;
}

.wp-block-group.is-style-grocefycart-product-group {
    position: relative;
    overflow: visible !important;
}

.wp-block-group.is-style-grocefycart-product-group .wp-block-button.wc-block-components-product-button {
    position: absolute;
    bottom: -100px;
    width: 90%;
    left: 5%;
    opacity: 0;
}

.wp-block-group.is-style-grocefycart-product-wrapper:hover .wp-block-button.wc-block-components-product-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: #fff !important;
}

/* Add to Cart — always visible */
.grocefycart-product-group-wrapper {
    display: flex !important;
    flex-direction: column !important;
}

.grocefycart-product-group-wrapper .wp-block-woocommerce-product-button {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    order: 99;
    margin-top: auto !important;
    padding-top: 8px !important;
}

.grocefycart-product-group-wrapper .wp-block-woocommerce-product-button a,
.grocefycart-product-group-wrapper .wp-block-woocommerce-product-button button {
    width: 100% !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.grocefycart-product-group-wrapper .is-style-grocefycart-product-group { order: 1; }

/* =====================================================
   PRODUCT GRID — RESPONSIVE
===================================================== */
@media (max-width: 599px) {
    .wp-block-post-template.is-flex-container,
    .wp-block-post-template {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .wp-block-post-template > li,
    .wp-block-post-template > div {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .wp-block-woocommerce-product-image img,
    .wc-block-grid__product-image img {
        height: 120px !important;
        object-fit: contain !important;
    }
}

@media (max-width: 599px) {
    /* Product page gallery — override the 120px above */
    .wp-block-woocommerce-product-image img,
    .wc-block-grid__product-image img {
        height: 300px !important;
        width: 100% !important;
        max-width: 600px !important;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .wp-block-post-template.is-flex-container,
    .wp-block-post-template {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
    }
}

/* =====================================================
   PRODUCT PAGE GALLERY (EB Slider)
===================================================== */
.eb-product-images-pilzs .slick-list.draggable { height: 500px !important; }

.eb-product-images-pilzs .eb-product-gallery-image {
    height: 100% !important;
    max-height: 500px !important;
    object-fit: contain !important;
}

.eb-product-images-pilzs .slick-track,
.eb-product-images-pilzs .slick-slide {
    height: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/* =====================================================
   HEADER SEARCH BAR
===================================================== */
.header-search-bar {
    width: 100%;
    flex: 1 1 auto;
    min-width: 100px;
}

.header-search-bar .header-search-inner {
    display: flex;
    align-items: stretch;
    width: 99%;
    height: 50px;
    background: #fff;
    border: 2px solid #DEE7F2;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
}

.header-search-bar .header-search-cat {
    flex: 0 0 auto;
    height: 100%;
    padding: 0 28px 0 16px;
    border: none;
    border-right: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
    background-color: #e4e4e4;
    font-size: 12px;
    color: #444;
    cursor: pointer;
    max-width: 200px;
    white-space: nowrap;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    outline: none;
}

.header-search-bar .header-search-input {
    flex: 1 1 auto;
    height: 100%;
    padding: 0 16px;
    border: none;
    outline: none;
    font-size: 14px;
    background: transparent;
    color: #14213D;
    min-width: 0;
}

.header-search-bar .header-search-input::placeholder { color: #5F6F91; }

.header-search-bar .header-search-btn {
    flex: 0 0 auto;
    background: #f5d130;
    border: none;
    border-radius: 10px;
    margin: 5px 5px 5px 0;
    padding: 0 18px;
    height: calc(100% - 10px);
    width: 52px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.header-search-bar .header-search-btn:hover { background: #ffe62c; }

.wp-block-shortcode .header-search-bar,
.wp-block-shortcode .header-search-inner { display: flex; }

/* =====================================================
   HEADER LAYOUT
===================================================== */
.wp-block-shortcode {
    margin-bottom: 0 !important;
    flex: 1 1 auto;
    min-width: 0;
}

.wp-block-shortcode p:empty {
    display: none;
    margin: 0; padding: 0; height: 0; line-height: 0;
}

.wp-block-group:has(> .wp-block-shortcode) {
    align-items: stretch !important;
    flex: 1 1 auto;
    min-width: 0;
}

.header-search-wrap .wp-block-buttons,
.header-icons-group .wp-block-buttons {
    position: relative;
    z-index: 2;
    flex-shrink: 0 !important;
    min-width: fit-content !important;
    width: auto !important;
    display: flex !important;
    align-items: stretch !important;
}

.wp-block-buttons .wp-block-button { display: flex; align-items: stretch; }

.header-search-wrap .wp-block-buttons .wp-block-button .wp-block-button__link,
.header-icons-group .wp-block-buttons .wp-block-button .wp-block-button__link {
    height: 50px;
    padding: 0 1.2rem !important;
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1;
    box-sizing: border-box;
}

.wc-block-mini-cart__button,
.wc-block-customer-account__account-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.wp-block-group:has(.wc-block-mini-cart__button) {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* Desktop: natural DOM order — logo | search | icons | mega menu */
.header-logo-group  { flex: 0 0 auto; flex-shrink: 0; }
.header-search-wrap { flex: 1 1 auto; min-width: 0; }
.header-icons-group { flex: 0 0 auto; flex-shrink: 0; }

/* =====================================================
   MEGA MENU (custom HTML menu bar)
===================================================== */
.mega-menu-link .viewall { color: #1658d2; }
.mega-menu {
    background: #fff;
    position: relative;
    z-index: 9999;
}
.mega-menu__bar {
    list-style: none;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    
    margin: 0 auto;
}
.mega-menu__item { position: static; }
.mega-menu__top-link {
    display: block;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s ease;
}
.mega-menu__top-link:hover,
.mega-menu__item:hover .mega-menu__top-link { color: #1658d2; }
.mega-menu__panel {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 100%;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    z-index: 9999;
}
.mega-menu__item:hover .mega-menu__panel { display: block; }
.mega-menu__panel-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px;
}
.mega-menu__column { min-width: 150px; flex: 1 1 150px; }
.mega-menu__col-title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #111;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
}
.mega-menu__col-title:hover { color: var(--wp--preset--color--primary, #2443bd); }
.mega-menu__col-divider {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 6px 0 10px;
}
.mega-menu__col-list { list-style: none; margin: 0; padding: 0; }
.mega-menu__col-list li a {
    display: block;
    padding: 3px 0;
    font-size: 13px;
    color: #444;
    text-decoration: none;
    transition: color 0.15s ease;
}
.mega-menu__col-list li a:hover,
.mega-menu__view-all { color: var(--wp--preset--color--primary, #2443bd) !important; }
.mega-menu__view-all { font-weight: 600; }

/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 1200px) {
    .mega-menu { display: none; }
}

@media (max-width: 782px) {
    .header-row-main {
        flex-wrap: wrap !important;
        align-items: center;
    }
    .header-logo-group {
        order: 1;
        flex: 1 1 auto !important;
    }
    .header-icons-group {
        order: 2;
        flex-shrink: 0 !important;
    }
    .header-row-main .wp-block-maxmegamenu-location,
    .header-row-main #mega-menu-wrap-max_mega_menu_2 {
        order: 2;
        flex-shrink: 0 !important;
    }
    .header-search-wrap {
        order: 3;
        width: 100%;
        flex: 0 0 100% !important;
        padding: 10px 0;
    }
}

/* =====================================================
   Z-INDEX — Header, Gallery, Columns
===================================================== */
.wp-block-template-part[data-slug="header"],
header,
#masthead {
    position: relative;
    z-index: 999;
}

.woocommerce-product-gallery,
.wp-block-woocommerce-product-gallery {
    position: relative;
    z-index: 1 !important;
    transform: none !important;
}

.entry-content .wp-block-columns,
.wp-block-post-content .wp-block-columns {
    position: relative;
    z-index: 1;
}

/* =====================================================
   CATEGORY GRIDS
===================================================== */
ul.grocefycart-page-list-padding { padding: 0; }

.child-cat-grid li p:empty {
    display: none;!important
}

.child-cat-card br,
.child-cat-card p:empty {
    display: none;
}

.child-cat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); /* reduce to 100px when using thumbnails */ 
    gap: 15px;
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}

.child-cat-grid li { margin: 0; padding: 0; }

.child-cat-card {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
	text-decoration: none;
    border: 1px solid #dce5f6; /* remove when using thumbnails - from here */ 
    border-radius: 8px;
    padding: 5px 16px;
    background: #e8f0fe;
    color: inherit;
    transition: box-shadow 0.2s, border-color 0.2s;
    box-sizing: border-box;
    height: 100%;/* to here */ 
}
.child-cat-card:hover { /* remove when using thumbnails / switch to child-cat-card__img-wrap */ 
    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
    border-color: #dce5f6;
    text-decoration: none;
    color: inherit;
}

.child-cat-card__name {
    font-weight: 700;
    font-size: 0.85rem;
    line-height: 1.3;
    color: #111;
    text-align: center;
}

.child-cat-card__img-wrap {
    width: 100px;       
    height: 100px;      
    border-radius: 50%;
    background: #c8d9f8;
    display: none; /* display: flex; to show images */ 
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.child-cat-card__img {
    width: 80px;       
    height: 80px;       
    border-radius: 50%;
    object-fit: cover;
}

@media (max-width: 782px) {
.child-cat-card__img-wrap {
    width: 70px;        
    height: 70px;
}

.child-cat-card__img {
    width: 56px;        
    height: 56px;
}

}

.parent-cat-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #004990;!important
    font-size: 0.8rem;
    margin-bottom: 0px;
}
.parent-cat-link:hover {
    color: #0c51c0;!important
}
.parent-cat-link__arrow {
    font-size: 1.1rem;
    line-height: 1;
}

.parent-cat-link:hover .parent-cat-link__name { text-decoration: underline; }
.parent-cat-link__name { font-weight: 700; font-size: 0.9rem; color: #111; }
.parent-cat-link__arrow { font-size: 1rem; color: #999; flex-shrink: 0; }







/* =====================================================
   MOBILE (≤ 782px)
===================================================== */
@media (max-width: 782px) {

    /* Header layout */
    .header-row-main {
        flex-wrap: wrap !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        row-gap: 0 !important;
    }

    .header-logo-group  { order: 1; flex: 1 1 auto; }
    .header-icons-group { order: 2; flex-shrink: 0; }

    .header-row-main .wp-block-maxmegamenu-location { order: 2 !important; }
    .header-logo-group .eb-button-wrapper { display: none !important; }

    .header-search-wrap { order: 3; width: 100%; padding: 10px 0; }
    .header-search-bar .header-search-cat { display: none; }
    .header-search-bar .header-search-input { font-size: 16px; }

    /* Hamburger — only hide the text label spans, NOT the icon */
    .mega-menu-toggle .mega-toggle-label-closed span:not(.mega-toggle-animated-box),
    .mega-menu-toggle .mega-toggle-label-open span:not(.mega-toggle-animated-box) {
        display: none !important;
    }

    /* Max Mega Menu z-index */
    #mega-menu-wrap-max_mega_menu_2 {
        z-index: 9999 !important;
        position: relative !important;
    }

    button.mega-toggle-standard {
        position: relative !important;
        z-index: 9999 !important;
        pointer-events: auto !important;
    }

    /* Filter drawer */
    .filter-drawer__trigger { display: flex; }
    .filter-drawer__overlay { display: block; }

    .filter-drawer .cat-tag-filter__item a {
        padding: 13px 16px;
        border-bottom: 1px solid #f5f5f5;
    }

    .filter-drawer .cat-tag-filter__item:last-child a { border-bottom: none; }
}

/* =====================================================
   DESKTOP (≥ 783px)
===================================================== */
@media (min-width: 783px) {

    .mega-menu-toggle { position: static !important; height: auto !important; }

    /* Filter drawer becomes static sidebar */
    .filter-drawer {
        position: static !important;
        transform: none !important;
        height: auto !important;
        max-width: none !important;
        box-shadow: none !important;
        border: 1px solid #eee !important;
        border-radius: 4px !important;
        overflow: visible !important;
        transition: none !important;
    }

    .filter-drawer .cat-tag-filter__list { display: block !important; }
    .filter-drawer__header { display: none; }
    .filter-drawer__trigger,
    .filter-drawer__overlay { display: none !important; }
}

/* =====================================================
   HON — GRAVIA LAYOUT RESPONSIVE
===================================================== */

/* Desktop: hide flat banner, show side column */
@media (min-width: 782px) {
    .hon-category-banner { display: none !important; }
}

/* Mobile/tablet: hide side columns, show flat banner */
@media (max-width: 781px) {

    .wp-block-columns .wp-block-column[style*="flex-basis:260px"],
    .wp-block-columns .wp-block-column[style*="flex-basis: 260px"],
    .wp-block-columns .wp-block-column[style*="flex-basis:250px"],
    .wp-block-columns .wp-block-column[style*="flex-basis: 250px"] {
        display: none !important;
    }

    .hon-category-banner {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    .wp-block-columns .wp-block-column:not([style*="flex-basis:260px"]):not([style*="flex-basis: 260px"]):not([style*="flex-basis:250px"]):not([style*="flex-basis: 250px"]) {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .hon-category-banner .wp-block-buttons,
    .hon-category-banner .wp-block-button { width: 100%; }

    .hon-category-banner .wp-block-button__link {
        width: 100%;
        text-align: center;
        display: block;
    }

    /* USP strip: 2 columns on tablet */
    .wp-block-group.has-secondary-background-color .wp-block-columns .wp-block-column {
        flex-basis: calc(50% - 12px) !important;
        min-width: calc(50% - 12px) !important;
    }

    /* Three-column product lists: stack */
    .wp-block-columns:has(> .wp-block-column > h3 + .wp-block-woocommerce-product-collection) {
        flex-wrap: wrap !important;
    }

    .wp-block-columns:has(> .wp-block-column > h3 + .wp-block-woocommerce-product-collection) .wp-block-column {
        flex-basis: 100% !important;
    }
}

/* Tablet: keep banner horizontal */
@media (min-width: 600px) and (max-width: 781px) {
    .hon-category-banner {
        flex-direction: row !important;
        align-items: center !important;
    }

    .hon-category-banner .wp-block-buttons,
    .hon-category-banner .wp-block-button { width: auto; flex-shrink: 0; }

    .hon-category-banner .wp-block-button__link { width: auto; display: inline-block; }
}

/* Mobile: USP strip single column */
@media (max-width: 480px) {
    .wp-block-group.has-secondary-background-color .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
        min-width: 100% !important;
    }
}

/* =====================================================
   HON — DELIVERY ZONES LIST
===================================================== */
.hon-zone-list {
    list-style: none !important;
    padding-left: 0 !important;
}

.hon-zone-list li {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 3px 0;
    font-size: 12px;
}

.hon-zone-list li::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6E56' stroke-width='2'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


/* Square images */
.wc-block-components-product-image img {
    aspect-ratio: 1 !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    background: #ffffff;
}

/* ── Shop/category hover effect ── */
.hon-image-wrap {
    position: relative;
    overflow: hidden;
}

.hon-image-wrap .wc-block-components-product-button {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(100%) !important;
    opacity: 0 !important;
    transition: transform 0.25s ease, opacity 0.25s ease !important;
    z-index: 3 !important;
}

.hon-image-wrap:hover .wc-block-components-product-button {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

/*.hon-image-wrap:hover img {
    filter: brightness(0.88);
    transition: filter 0.25s ease;
}*/


/* Hide View cart link */
.woocommerce .wc-block-components-product-button .added_to_cart,
.woocommerce-page .wc-block-components-product-button .added_to_cart {
    display: none !important;
}

.wc-block-product-filter-clear-button .wp-block-button__link {
	background-color: #fff !important;
    border-color: #0C51C0 !important;
    color: #0C51C0 !important;
}

.wc-block-product-filter-clear-button .wp-block-button__link:hover {
    background-color: #0C51C0 !important;
    color: #ffffff !important;
}

/* Square images — homepage product sections */
img.attachment-woocommerce_single {
    aspect-ratio: 1 !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    background: #ffffff;

}
/* My Account — flexbox two column layout */
.woocommerce-account .woocommerce {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.woocommerce-MyAccount-navigation {
    flex: 0 0 200px;
    width: 200px;
}

.woocommerce-MyAccount-content {
    flex: 1 1 auto;
    min-width: 0;
}

/* Nav styling */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 14px;
    color: #111;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    transition: background 0.15s;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: #f0f0f0;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #1a56db;
    color: #ffffff;
    font-weight: 600;
}

/* Mobile */
@media (max-width: 600px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }
    .woocommerce-MyAccount-navigation {
        width: 100%;
    }
}
.wp-block-woocommerce-product-filter-checkbox-list,
.wc-block-product-filter-checkbox-list {
    border: none !important;
}

.wc-block-product-filter-removable-chips {
    border: none !important;
}

.wc-block-product-filter-removable-chips .wc-block-product-filter-removable-chips__chip {
    border: none !important;
}

/* =====================================================
Product category list 
.is-style-grocefycart-categories-primary .current-cat-parent > a
===================================================== */
/* Hide everything by default */
.is-style-grocefycart-categories-primary .cat-item {
    display: none;
    padding: 0;
    margin: 0;
    border: none;
}

/* Show only the top level ancestor */
.is-style-grocefycart-categories-primary .current-cat-ancestor {
    display: block;
}

/* Show siblings of current cat (children of ancestor) */
.is-style-grocefycart-categories-primary .current-cat-ancestor > ul.children > .cat-item {
    display: block;
}

/* Show current cat */
.is-style-grocefycart-categories-primary .current-cat {
    display: block;
}

/* Show children of current cat */
.is-style-grocefycart-categories-primary .current-cat > ul.children > .cat-item {
    display: block;
}

/* Remove list styling */
.is-style-grocefycart-categories-primary ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left;
}

/* All links - uniform base style */
.is-style-grocefycart-categories-primary .cat-item a {
    display: block;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 400;
    color: #555;
    text-decoration: none;
    border-radius: 4px;
}

.is-style-grocefycart-categories-primary .cat-item a:hover {
    background-color: #f0f4ff;
    color: #004990;
}

/* Top level ancestor - bold, flush left, underline separator */
.is-style-grocefycart-categories-primary .current-cat-ancestor > a {
    font-size: 13px !important;
  /*   font-weight: 700 !important;
    color: #14213d !important;
    padding: 4px 0px 8px 0px !important;
    border-bottom: 1px solid #e8f0fe !important;*/
    margin-bottom: 4px !important;
    border-radius: 0 !important;
    background: none !important;
}

/* Second level indent */
.is-style-grocefycart-categories-primary .current-cat-ancestor > ul.children {
    padding-left: 13px !important;
    border-left: 0px solid #e8f0fe !important;
    margin-left: 6px !important;
    margin-top: 4px !important;
}

/* Third level indent */
.is-style-grocefycart-categories-primary .current-cat > ul.children,
.is-style-grocefycart-categories-primary .current-cat-parent > ul.children {
    padding-left: 13px !important;
    border-left: 0px solid #c5d8ff !important;
    margin-left: 6px !important;
    margin-top: 4px !important;
}

/* Single highlight style for both current and parent */
.is-style-grocefycart-categories-primary .current-cat > a {
    font-weight: 600 !important;
    color: #004990 !important;
    background-color: #e8f0fe !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
}

.is-style-grocefycart-categories-primary .current-cat-parent > a {
 font-weight: 700 !important;
    color: #14213d !important;
   
}