/*
Theme Name:   Kadence Child — Véraison Vineyards
Theme URI:    https://veraison.co.za
Description:  Child theme for the Véraison Vineyards e-commerce site. All custom
              styles for the brand are maintained here. Do not edit the parent
              Kadence theme directly — all overrides belong in this file.
Author:       Véraison Vineyards
Author URI:   https://veraison.co.za
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kadence-child
*/

/* ==========================================================================
   VÉRAISON VINEYARDS — BRAND COLOUR PALETTE (REFERENCE)
   ==========================================================================
   Gold (primary accent):       #C9A84C
   Gold (muted / hover-from):   #A8873A
   Gold (muted / nav/meta):     #8A6F32
   Cream (headings / light):    #F5EDD6
   Deep Red (accent):           #6B1A2A
   White:                       #FFFFFF
   Background (near-black):     #0D0D0D
   Surface (dark card):         #1A1A1A
   Surface (elevated):          #2A2A2A
   ========================================================================== */


/* ==========================================================================
   1. GLOBAL OVERRIDES
   ========================================================================== */

/* Ensure the site background is consistently #0D0D0D, not pure black */
body,
.site,
.content-bg {
    background-color: #0D0D0D;
}


/* ==========================================================================
   2. SITE HEADER
   ========================================================================== */

/* Main header background — must match site background exactly */
.site-header,
.site-header .site-header-wrap,
#masthead {
    background-color: #0D0D0D !important;
}

/* Sticky header — must match site background exactly */
.kadence-sticky-header .site-header,
.kadence-sticky-header .site-header-wrap,
.sticky-header-active .site-header {
    background-color: #0D0D0D !important;
}

/* Transparent header — used on pages with a full-width hero */
.transparent-header .site-header {
    background-color: transparent !important;
}

/* Mobile header */
@media (max-width: 1024px) {
    .site-header,
    .mobile-header-wrap {
        background-color: #0D0D0D !important;
    }
}


/* ==========================================================================
   3. NAVIGATION
   ========================================================================== */

/* Primary nav link colour */
.primary-navigation a,
.primary-navigation .menu-item a {
    color: #F5EDD6;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.85rem;
}

/* Primary nav hover */
.primary-navigation a:hover,
.primary-navigation .menu-item a:hover,
.primary-navigation .current-menu-item > a {
    color: #C9A84C;
}

/* Dropdown menus */
.primary-navigation .sub-menu {
    background-color: #1A1A1A;
    border-top: 2px solid #C9A84C;
}

.primary-navigation .sub-menu a {
    color: #F5EDD6;
}

.primary-navigation .sub-menu a:hover {
    color: #C9A84C;
    background-color: #2A2A2A;
}


/* ==========================================================================
   4. BREADCRUMBS
   ========================================================================== */

.kadence-breadcrumbs,
.kadence-breadcrumbs span {
    color: rgba(201, 168, 76, 0.45);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

.kadence-breadcrumbs a {
    color: rgba(201, 168, 76, 0.55);
    text-decoration: none;
}

.kadence-breadcrumbs a:hover {
    color: #C9A84C;
    text-decoration: none;
}

.kadence-breadcrumbs .breadcrumb-separator {
    color: rgba(201, 168, 76, 0.25);
    margin: 0 0.4em;
}


/* ==========================================================================
   5. PAGE HERO (PAGE TITLE BANNER)
   ========================================================================== */

/* Background and text colour for the page title area */
.page-hero,
.entry-hero,
.kadence-page-hero,
.wp-block-kadence-header {
    background-color: #0D0D0D;
}

/* Page title text — gold, not white */
.page-hero .entry-title,
.entry-hero .entry-title,
.page-title,
h1.entry-title {
    color: #C9A84C;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}


/* ==========================================================================
   6. TYPOGRAPHY
   ========================================================================== */

/* Body text */
body,
p {
    font-family: 'Raleway', sans-serif;
    color: #F5EDD6;
    line-height: 1.7;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', serif;
    color: #F5EDD6;
    letter-spacing: 0.08em;
}

/* Gold accent headings — apply class .heading-gold to any heading block */
.heading-gold {
    color: #C9A84C;
}

/* Links */
a {
    color: #C9A84C;
    text-decoration: none;
}

a:hover {
    color: #A8873A;
}

/* Meta text (post dates, categories, etc.) */
.entry-meta,
.entry-meta a,
.posted-on,
.byline {
    color: rgba(201, 168, 76, 0.55);
    font-size: 0.8rem;
}

.entry-meta a:hover {
    color: #C9A84C;
}


/* ==========================================================================
   7. WOOCOMMERCE — PRODUCT PAGES
   ========================================================================== */

/* Product title */
.woocommerce div.product h1.product_title {
    font-family: 'Cormorant Garamond', serif;
    color: #F5EDD6;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
}

/* Product subtitle / series tags (above the title) */
.product-series-tags {
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(201, 168, 76, 0.65);
    margin-bottom: 0.5rem;
}

.product-series-tags span {
    margin-right: 1rem;
}

/* Price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #C9A84C;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.6rem;
}

/* Ex-VAT / case format sub-line */
.woocommerce div.product .price-subline {
    color: rgba(245, 237, 214, 0.5);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    display: block;
    margin-top: 0.25rem;
}

/* Short description */
.woocommerce div.product .woocommerce-product-details__short-description {
    color: rgba(245, 237, 214, 0.8);
    font-size: 0.95rem;
    line-height: 1.7;
    border-left: 2px solid #C9A84C;
    padding-left: 1rem;
    margin: 1rem 0 1.5rem;
}

/* Product specification table */
.woocommerce div.product table.product-specs {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.85rem;
}

.woocommerce div.product table.product-specs td {
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(201, 168, 76, 0.15);
    color: #F5EDD6;
}

.woocommerce div.product table.product-specs td:first-child {
    color: rgba(201, 168, 76, 0.65);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.75rem;
    width: 40%;
}

/* Add to cart button */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
    background-color: #C9A84C;
    color: #0D0D0D;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    border: none;
    padding: 0.85rem 2rem;
    border-radius: 0;
    transition: background-color 0.2s ease;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #A8873A;
    color: #0D0D0D;
}

/* Stock status */
.woocommerce div.product .stock {
    color: rgba(245, 237, 214, 0.5);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

/* Product meta (SKU, categories, tags) */
.woocommerce div.product .product_meta {
    font-size: 0.8rem;
    color: rgba(201, 168, 76, 0.5);
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(201, 168, 76, 0.15);
}

.woocommerce div.product .product_meta a {
    color: rgba(201, 168, 76, 0.65);
}

.woocommerce div.product .product_meta a:hover {
    color: #C9A84C;
}

/* Product tabs (Description, Reviews) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid rgba(201, 168, 76, 0.2);
    padding: 0;
    margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: rgba(201, 168, 76, 0.55);
    font-family: 'Raleway', sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid #C9A84C;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #C9A84C;
}

/* Tab content headings */
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel h3 {
    font-family: 'Cormorant Garamond', serif;
    color: #C9A84C;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

/* Tab panel background */
.woocommerce div.product .woocommerce-tabs .panel {
    background-color: transparent;
    padding: 1.5rem 0;
}


/* ==========================================================================
   8. WOOCOMMERCE — SHOP / ARCHIVE PAGES
   ========================================================================== */

/* Product card */
.woocommerce ul.products li.product {
    background-color: #1A1A1A;
    border: 1px solid rgba(201, 168, 76, 0.1);
    padding: 1rem;
    transition: border-color 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    border-color: rgba(201, 168, 76, 0.4);
}

/* Product card title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Cormorant Garamond', serif;
    color: #F5EDD6;
    font-size: 1rem;
    letter-spacing: 0.05em;
}

/* Product card price */
.woocommerce ul.products li.product .price {
    color: #C9A84C;
    font-family: 'Cormorant Garamond', serif;
}

/* Product card Add to Cart button */
.woocommerce ul.products li.product .button {
    background-color: transparent;
    color: #C9A84C;
    border: 1px solid #C9A84C;
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    border-radius: 0;
    transition: all 0.2s ease;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #C9A84C;
    color: #0D0D0D;
}


/* ==========================================================================
   9. WOOCOMMERCE — CART & CHECKOUT
   ========================================================================== */

/* Cart table */
.woocommerce table.shop_table {
    border-color: rgba(201, 168, 76, 0.15);
    color: #F5EDD6;
}

.woocommerce table.shop_table th {
    color: rgba(201, 168, 76, 0.65);
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(201, 168, 76, 0.2);
}

.woocommerce table.shop_table td {
    border-bottom: 1px solid rgba(201, 168, 76, 0.1);
}

/* Order total */
.woocommerce .cart_totals h2,
.woocommerce .order-total td {
    color: #C9A84C;
}

/* Checkout form labels */
.woocommerce form .form-row label {
    color: rgba(245, 237, 214, 0.7);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Checkout form inputs */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background-color: #1A1A1A;
    border: 1px solid rgba(201, 168, 76, 0.2);
    color: #F5EDD6;
    border-radius: 0;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #C9A84C;
    outline: none;
    box-shadow: none;
}

/* Place order button */
#place_order {
    background-color: #C9A84C !important;
    color: #0D0D0D !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    border-radius: 0;
    width: 100%;
    padding: 1rem;
}

#place_order:hover {
    background-color: #A8873A !important;
}


/* ==========================================================================
   10. FOOTER
   ========================================================================== */

.site-footer {
    background-color: #0D0D0D;
    border-top: 1px solid rgba(201, 168, 76, 0.2);
    color: rgba(245, 237, 214, 0.5);
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

.site-footer a {
    color: rgba(201, 168, 76, 0.55);
}

.site-footer a:hover {
    color: #C9A84C;
}


/* ==========================================================================
   11. UTILITY CLASSES
   ========================================================================== */

/* Divider — thin gold rule */
.divider-gold {
    border: none;
    border-top: 1px solid rgba(201, 168, 76, 0.3);
    margin: 2rem 0;
}

/* Section label — small uppercase gold text */
.section-label {
    font-family: 'Raleway', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(201, 168, 76, 0.65);
    display: block;
    margin-bottom: 0.5rem;
}