/* ═══════════════════════════════════════════════════════════
   KIDDIE KOUTURE — PRODUCT CARDS (v2 — targets .pcard)
   The theme's product loop uses its own `.pcard` markup
   (NOT WooCommerce defaults), so all overrides target that.
   Goal:
     • Jost font on every product card
     • .pcard__name → 16px, weight 500, charcoal
     • Hide .pcard__atc (per-card Add-to-Cart button)
     • Keep the single-product main add-to-cart untouched
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Card-wide Jost ── */
.pcard,
.pcard *,
.pcard__info,
.pcard__name,
.pcard__name-link,
.pcard__price-row,
.pcard__price,
.pcard__price--now,
.pcard__price--was,
.pcard__atc {
    font-family: 'Jost', 'Jost', sans-serif !important;
}

/* ── 2. Product NAME — 16px, weight 500, charcoal ── */
.pcard .pcard__name,
.pcard__name-link .pcard__name {
    font-family: 'Jost', 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    color: #000000 !important;
    text-transform: none !important;
    margin: 6px 0 4px !important;
}
.pcard .pcard__name-link:hover .pcard__name,
.pcard__name-link:hover .pcard__name {
    color: #000000 !important;
}

/* ── 3. Prices ── */
.pcard .pcard__price-row,
.pcard__price-row {
    font-family: 'Jost', 'Jost', sans-serif !important;
    font-size: 14px !important;
    margin-top: 2px !important;
}
.pcard .pcard__price--now,
.pcard__price-row .woocommerce-Price-amount {
    font-family: 'Jost', 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}
.pcard .pcard__price--was,
.pcard__price-row del .woocommerce-Price-amount {
    font-family: 'Jost', 'Jost', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: rgba(46, 46, 46, 0.45) !important;
    text-decoration: line-through !important;
}
.pcard__price-row ins .woocommerce-Price-amount { color: #000000 !important; text-decoration: none !important; }
.pcard__price-row ins { text-decoration: none !important; }

/* ── 4. HIDE the per-card Add-to-Cart / View-Options button.
       This is the in-card button only; the sticky bottom bar
       and the single-product summary cart button are different
       elements (NOT inside .pcard) and stay untouched. ── */
.pcard .pcard__atc,
.pcard__atc {
    display: none !important;
}

/* If a future variant uses a different action wrapper inside .pcard, hide it too */
.pcard .pcard__actions,
.pcard .pcard__action-row,
.pcard .pcard__cta,
.pcard .add_to_cart_button,
.pcard .product_type_simple,
.pcard .product_type_variable,
.pcard .product_type_grouped {
    display: none !important;
}

/* ── 5. Compact spacing now that the button is gone ── */
.pcard {
    padding-bottom: 14px !important;
}
.pcard .pcard__info {
    padding-bottom: 4px !important;
}

/* ── 6. Card hover lift on the image ── */
.pcard .pcard__media img,
.pcard__media img {
    transition: transform 0.45s ease, opacity 0.2s ease !important;
}
.pcard:hover .pcard__media img {
    transform: scale(1.03);
}

/* ── 7. Re-show the single-product main cart button (belt + braces) ── */
.single-product .summary .single_add_to_cart_button,
.single-product .summary .button.alt,
.single-product form.cart .button {
    display: inline-flex !important;
    font-family: 'Jost', 'Jost', sans-serif !important;
}

/* ── 8. Onsale flash → Jost ── */
.pcard .onsale, .pcard__onsale,
.pcard__badge {
    font-family: 'Jost', 'Jost', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* ── 9. Wishlist / heart icon spacing (keeps its position) ── */
.pcard .yith-wcwl-add-to-wishlist,
.pcard .yith-wcwl-wishlistexistsbrowse,
.pcard .yith-wcwl-wishlistaddedbrowse {
    font-family: 'Jost', 'Jost', sans-serif !important;
}

/* ── 10. Catch-all for any leftover WooCommerce-default cards
        on pages where .pcard isn't used (search results, etc.) ── */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product h3.woocommerce-loop-product__title {
    font-family: 'Jost', 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #000000 !important;
}
.woocommerce ul.products li.product .price {
    font-family: 'Jost', 'Jost', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}
.woocommerce ul.products li.product > .button,
.woocommerce ul.products li.product > a.button,
.woocommerce ul.products li.product > .added_to_cart {
    display: none !important;
}