/*
 * Jontro Bazar – Archive Tweaks CSS v3
 * File: /wp-content/themes/YOUR-CHILD-THEME/jontrobazar/archive-tweaks.css
 */

/* ═══════════════════════════════════════
   1. HIDE WISHLIST BUTTON ON IMAGE
   The .jbp-wishlist button sits over the
   product photo — hide it on archive pages.
   It still works on single product pages.
═══════════════════════════════════════ */
.woocommerce ul.products .jbp-wishlist,
.woocommerce-page ul.products .jbp-wishlist,
.jbp-grid .jbp-wishlist,
.jbp-grid--shop .jbp-wishlist,
.jbp-grid--4 .jbp-wishlist {
    display: none !important;
}


/* ═══════════════════════════════════════
   2. REMOVE ASTRA PRODUCT IMAGE OVERLAY
   Removes the dark semi-transparent shadow
   that appears on product image hover.
═══════════════════════════════════════ */
.woocommerce ul.products li.product .ast-shop-thumbnail-wrap::before,
.woocommerce ul.products li.product .ast-shop-thumbnail-wrap::after,
.woocommerce ul.products li.product .woocommerce-loop-product__link::before,
.woocommerce ul.products li.product .woocommerce-loop-product__link::after {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
}

.woocommerce ul.products li.product .ast-shop-thumbnail-wrap {
    background: transparent !important;
}

.woocommerce ul.products li.product img,
.jbp-card__img {
    box-shadow: none !important;
    filter: none !important;
}

/* Hide description that WooCommerce may still
   output at the top in some Astra layouts */
.woocommerce-taxonomy-archive-description,
.woocommerce-product-archive-description,
.term-description,
.woocommerce-archive-description {
    display: none !important;
}


/* ═══════════════════════════════════════
   3. CATEGORY DESCRIPTION — BOTTOM BLOCK
   Injected via wp_footer before footer loads.
   Sits between product grid and site footer.
═══════════════════════════════════════ */
.jbt-cat-desc {
    width: 100%;
    background: #F9F9FB;
    border-top: 1px solid #E5E5EA;
    padding: 48px 0 52px;
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    box-sizing: border-box;
    /* Ensure it appears above footer */
    position: relative;
    z-index: 1;
}

.jbt-cat-desc__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (min-width: 640px)  { .jbt-cat-desc__inner { padding: 0 28px; } }
@media (min-width: 1024px) { .jbt-cat-desc__inner { padding: 0 40px; } }

.jbt-cat-desc__content {
    max-width: 960px;
}

/* Section label */
.jbt-cat-desc__content::before {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #F26522;
    border-radius: 999px;
    margin-bottom: 20px;
}

/* Paragraphs */
.jbt-cat-desc__content p {
    font-size: 14.5px;
    line-height: 1.85;
    color: #555;
    margin: 0 0 16px;
}
.jbt-cat-desc__content p:last-child { margin-bottom: 0; }

/* Headings */
.jbt-cat-desc__content h2,
.jbt-cat-desc__content h3,
.jbt-cat-desc__content h4 {
    font-family: 'Syne', Georgia, serif;
    font-weight: 800;
    color: #111;
    margin: 24px 0 10px;
    line-height: 1.25;
}
.jbt-cat-desc__content h2 { font-size: clamp(18px, 2.5vw, 24px); }
.jbt-cat-desc__content h3 { font-size: clamp(16px, 2vw, 20px); }

/* Bold / strong */
.jbt-cat-desc__content strong,
.jbt-cat-desc__content b {
    color: #111;
    font-weight: 700;
}

/* Links */
.jbt-cat-desc__content a {
    color: #F26522;
    text-decoration: none;
    font-weight: 600;
    transition: color .18s ease;
}
.jbt-cat-desc__content a:hover {
    color: #E05510;
    text-decoration: underline;
}

/* Lists */
.jbt-cat-desc__content ul,
.jbt-cat-desc__content ol {
    padding-left: 20px;
    margin: 0 0 16px;
}
.jbt-cat-desc__content li {
    font-size: 14.5px;
    line-height: 1.75;
    color: #555;
    margin-bottom: 6px;
}

/* Mobile */
@media (max-width: 640px) {
    .jbt-cat-desc         { padding: 32px 0 36px; }
    .jbt-cat-desc__content p,
    .jbt-cat-desc__content li { font-size: 14px; }
}