/* ========================================
   HIDE POST DATE & AUTHOR
   ======================================== */
.entry-date,
.posted-on,
.date,
.published,
.updated,
.entry-meta .date,
.entry-meta .posted-on,
.post .date,
.single .date,
.ast-published-date,
.tribe-events-cal-links,
.entry-meta .byline,
.entry-meta .author,
.post-author,
.author-box,
.entry-author,
.author-info,
.posted-by,
.byline {
    display: none !important;
}

.author,
.author-name,
.author-link,
.entry-meta .author,
.byline .author,
.posted-by,
.wp-block-post-author,
.wp-block-post-author__name {
    display: none !important;
}

.entry-meta .posted-on,
.entry-meta .byline,
.entry-meta .author {
    display: none !important;
}

.wp-block-post-date {
    display: none !important;
}

.wp-block-post-author {
    display: none !important;
}

.wp-block-post-date + .wp-block-post-author,
.wp-block-post-author + .wp-block-post-date {
    display: none !important;
}

/* ========================================
   PRODUCT GRID – FORCE FLEX LAYOUT
   ======================================== */
.products,
ul.products,
.woocommerce div.products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    /* remove any leftover block display */
    display: flex !important;
}

.products li.product,
ul.products li.product,
.woocommerce ul.products li.product {
    flex: 1 1 23% !important;
    min-width: 200px !important;
    max-width: 23% !important;
    background: white !important;
    border: 1px solid #e8e1d7 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    /* ensure visibility */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Green buttons */
.products li.product .button,
ul.products li.product .button,
.woocommerce ul.products li.product .button {
    background: #1F4127 !important;
    color: white !important;
    margin-top: auto !important;
}

/* ========================================
   YITH FILTERS – OVERRIDE PINK
   ======================================== */
.yith-wcan-filters .filter-items .filter-item.label a:hover,
.yith-wcan-filters .filter-items .filter-item.label:hover {
    background-color: #1F4127 !important;
    border-color: #1F4127 !important;
    color: white !important;
}

.yith-wcan-filters .filter-items .filter-item.label.active a,
.yith-wcan-filters .filter-items .filter-item.label.active {
    background-color: #1F4127 !important;
    border-color: #1F4127 !important;
    color: white !important;
}

.yith-wcan-filters .filter-items .filter-item.label a:hover {
    background-color: #2d5a3a !important;
}

.yith-wcan-filters .filter-items .filter-item.label a:hover,
.yith-wcan-filters .filter-items .filter-item.label a:focus,
.yith-wcan-filters .filter-items .filter-item.label a:active,
.yith-wcan-filters .filter-items .filter-item.label a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: #1F4127 !important;
}

.yith-wcan-filters .filter-items .filter-item.label a:focus-visible span,
.yith-wcan-filters .filter-items .filter-item.label a:hover span {
    outline: none !important;
    box-shadow: none !important;
}

/* ========================================
   FORCE VISIBILITY – ONLY FOR PRODUCT GRID
   (No generic display:block to avoid breaking layout)
   ======================================== */
.woocommerce ul.products,
.woocommerce div.products,
.products,
ul.products {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

/* Hide any loading overlays that might cover the grid */
.yith-wcan-filters-overlay,
.blockUI,
.loading,
.overlay,
.ajax-loading,
.woocommerce-loading {
    display: none !important;
}

/* Ensure product items are visible and flexed */
ul.products li.product,
.woocommerce ul.products li.product {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}
