/*
Theme Name:   Woodmart Child - JC Jummy Couture
Theme URI:    https://jcjummycouture.com/
Description:  Child theme for Woodmart, styled after a minimalist fashion/couture storefront (cream background, black typography, gold/beige accents, large hero carousel, category grid, tabbed product sections).
Author:       Akki
Author URI:
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart-child
*/

/* ==========================================================================
   1. BRAND / DESIGN TOKENS
   Edit these first — every section below reuses them.
   ========================================================================== */
:root {
	--jc-bg:            #faf7f2;   /* warm off-white page background   */
	--jc-surface:       #ffffff;   /* card / section background        */
	--jc-text:          #1c1c1c;   /* primary text                      */
	--jc-text-muted:    #6f6a63;   /* secondary text, meta               */
	--jc-accent:        #b98a4e;   /* gold/beige accent (links, badges) */
	--jc-accent-dark:   #8a6535;   /* accent hover state                */
	--jc-sale:          #c0392b;   /* sale badge / discount price       */
	--jc-border:        #ece6db;
	--jc-radius:        2px;       /* Woodmart default is sharp corners */
	--jc-font-heading:  "Playfair Display", Georgia, serif;
	--jc-font-body:     "Poppins", -apple-system, sans-serif;
}

/* ==========================================================================
   2. GLOBAL TYPOGRAPHY
   ========================================================================== */
body {
	background-color: var(--jc-bg);
	color: var(--jc-text);
	font-family: var(--jc-font-body);
}

h1, h2, h3, h4, h5, h6,
.wd-section-title-inner,
.woodmart-loop-product__title {
	font-family: var(--jc-font-heading);
	color: var(--jc-text);
	letter-spacing: 0.02em;
}

a { color: var(--jc-text); }
a:hover { color: var(--jc-accent); }

/* ==========================================================================
   3. HEADER
   ========================================================================== */
.whb-header {
	background-color: var(--jc-surface);
	border-bottom: 1px solid var(--jc-border);
}

.whb-general-header .navbar-nav > li > a {
	font-family: var(--jc-font-body);
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.08em;
}

.whb-general-header .navbar-nav > li > a:hover,
.whb-general-header .navbar-nav > li.current-menu-item > a {
	color: var(--jc-accent);
}

/* cart / wishlist / account icons */
.woodmart-cart-icon .icon-count,
.woodmart-wishlist-icon .icon-count {
	background-color: var(--jc-accent);
}

/* ==========================================================================
   4. HERO / SLIDER
   ========================================================================== */
.wd-slider-inner .slide-title {
	font-family: var(--jc-font-heading);
	font-size: 3rem;
	text-transform: none;
}

.wd-slider-inner .wd-btn-slide {
	background-color: var(--jc-text);
	border-radius: var(--jc-radius);
}

.wd-slider-inner .wd-btn-slide:hover {
	background-color: var(--jc-accent);
}

/* ==========================================================================
   5. FEATURED CATEGORIES GRID
   ========================================================================== */
.wd-cats-grid .wd-cats-grid-item .cat-title {
	font-family: var(--jc-font-heading);
	font-size: 18px;
}

.wd-cats-grid .wd-cats-grid-item .wrap-cat-image {
	border-radius: var(--jc-radius);
	overflow: hidden;
}

.wd-cats-grid .wd-cats-grid-item:hover .wrap-cat-image img {
	transform: scale(1.05);
}

/* ==========================================================================
   6. PRODUCT CARDS (grid + tabbed "Featured / Best Selling" sections)
   ========================================================================== */
.woodmart-loop-product__title a {
	font-size: 14px;
	font-weight: 500;
}

.price ins { color: var(--jc-text); text-decoration: none; }
.price del { color: var(--jc-text-muted); }

.onsale, .product-labels .product-label.sale-label {
	background-color: var(--jc-sale);
	border-radius: var(--jc-radius);
	font-family: var(--jc-font-body);
	font-size: 11px;
}

/* Woodmart's built-in product tabs widget (used for "Featured Products" /
   "Best Selling Products" style sections like WOMAN COLLECTION / BABY COLLECTION) */
.wd-products-tabs .wd-nav-tabs .wd-nav-link {
	font-family: var(--jc-font-heading);
	font-size: 15px;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
}

.wd-products-tabs .wd-nav-tabs .wd-nav-link.active {
	border-bottom-color: var(--jc-accent);
	color: var(--jc-accent);
}

/* add to cart / select options buttons */
.wd-add-btn .add_to_cart_button,
.wd-add-btn .button.product_type_variable {
	background-color: transparent;
	border: 1px solid var(--jc-text);
	color: var(--jc-text);
	border-radius: var(--jc-radius);
}

.wd-add-btn .add_to_cart_button:hover,
.wd-add-btn .button.product_type_variable:hover {
	background-color: var(--jc-text);
	color: #fff;
}

/* ==========================================================================
   7. NEWSLETTER POPUP
   ========================================================================== */
.jc-newsletter-popup {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5);
}

.jc-newsletter-popup__inner {
	position: relative;
	width: 90%;
	max-width: 420px;
	padding: 40px 32px;
	text-align: center;
	background-color: var(--jc-surface);
	font-family: var(--jc-font-body);
	border-radius: var(--jc-radius);
}

.jc-newsletter-popup__close {
	position: absolute;
	top: 10px;
	right: 14px;
	background: none;
	border: none;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	color: var(--jc-text-muted);
}

.jc-newsletter-popup h3 {
	font-family: var(--jc-font-heading);
	font-size: 1.8rem;
	margin-bottom: 8px;
}

.jc-newsletter-popup__form {
	display: flex;
	gap: 8px;
	margin: 20px 0 12px;
}

.jc-newsletter-popup__form input[type="email"] {
	flex: 1;
	padding: 10px 12px;
	border: 1px solid var(--jc-border);
	border-radius: var(--jc-radius);
}

.jc-newsletter-popup__form button {
	padding: 10px 18px;
	background-color: var(--jc-text);
	color: #fff;
	border: none;
	border-radius: var(--jc-radius);
	cursor: pointer;
}

.jc-newsletter-popup__form button:hover {
	background-color: var(--jc-accent);
}

.jc-newsletter-popup .jc-privacy-note {
	font-size: 12px;
	color: var(--jc-text-muted);
}

/* ==========================================================================
   8. FOOTER (About + Contact Details + map, like the reference site)
   ========================================================================== */
.wd-footer {
	background-color: var(--jc-text);
	color: #e9e6e0;
}

.wd-footer h5, .wd-footer .footer-title {
	font-family: var(--jc-font-heading);
	color: #fff;
}

.wd-footer a { color: #cfc9bd; }
.wd-footer a:hover { color: var(--jc-accent); }

.jc-footer-contact address {
	font-style: normal;
	line-height: 1.6;
}

.jc-footer-about,
.jc-footer-contact {
	margin-bottom: 24px;
}

.jc-footer-map iframe {
	margin-top: 12px;
	filter: grayscale(0.3);
}

/* ==========================================================================
   9. RESPONSIVE TWEAKS
   ========================================================================== */
@media (max-width: 767px) {
	.wd-slider-inner .slide-title { font-size: 1.8rem; }
	.wd-cats-grid .wd-cats-grid-item .cat-title { font-size: 15px; }
}