/*
Theme Name:   Platinum Desires Child
Theme URI:    https://platinumdesires.co.uk
Description:  Child theme of Astra for Platinum Desires. Brand tokens, typography and WooCommerce styling.
Author:       Charlie
Template:     astra
Version:      1.0.0
Text Domain:  platinum-desires-child
*/

/* ==========================================================================
   1. BRAND TOKENS (from brand-system.md)
   ========================================================================== */
:root {
  --deep: #1a0a2e;
  --deep2: #120720;
  --deep3: #0d051a;
  --gold: #c9a84c;
  --gold-light: #e8c870;
  --gold-dim: rgba(201, 168, 76, 0.4);
  --gold-mist: rgba(201, 168, 76, 0.08);
  --champagne: #f0e6d3;
  --champagne2: rgba(240, 230, 211, 0.7);
  --champagne3: rgba(240, 230, 211, 0.35);
  --rose: #c9768c;
  --violet: #8b5cf6;
  --surface-1: rgba(255, 255, 255, 0.03);
  --surface-border: rgba(255, 255, 255, 0.07);

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", system-ui, sans-serif;

  /* ==========================================================================
     2. MAP TOKENS INTO ASTRA'S GLOBAL COLOUR SLOTS
     Astra uses these nine variables for links, headings, text, backgrounds.
     Overriding them here recolours the whole theme in one place.
     ========================================================================== */
  --ast-global-color-0: var(--gold);          /* accent / links / buttons */
  --ast-global-color-1: var(--gold-light);    /* hover */
  --ast-global-color-2: var(--champagne);     /* headings */
  --ast-global-color-3: var(--champagne2);    /* body text */
  --ast-global-color-4: var(--deep3);         /* page background */
  --ast-global-color-5: var(--deep2);         /* alternate section background */
  --ast-global-color-6: var(--gold-dim);      /* borders */
  --ast-global-color-7: var(--deep);          /* dark surfaces */
  --ast-global-color-8: var(--surface-border);/* card borders */
}

/* ==========================================================================
   3. BASE
   ========================================================================== */
body,
.ast-separate-container,
.ast-page-builder-template {
  background: linear-gradient(160deg, #2d0a4e 0%, #1a0a2e 40%, #0d0518 100%) fixed;
  color: var(--champagne2);
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 14px;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comment-respond {
  background: transparent;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.woocommerce-loop-product__title {
  font-family: var(--font-display);
  color: var(--champagne);
  font-weight: 400;
  letter-spacing: 0.02em;
}

h1 { font-weight: 300; letter-spacing: 0.04em; }

a { color: var(--gold); }
a:hover { color: var(--gold-light); }

/* ==========================================================================
   4. BUTTONS (primary = gold fill, secondary = gold outline)
   ========================================================================== */
.button,
button,
input[type="button"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.ast-button {
  background: var(--gold);
  color: var(--deep);
  font: 500 12px/1 var(--font-body);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 13px 40px;
  border-radius: 2px;
  border: none;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--gold-light);
  color: var(--deep);
}

.button.alt-outline,
.woocommerce a.button.alt-outline {
  background: transparent;
  border: 1px solid var(--gold-dim);
  color: var(--champagne);
}

/* ==========================================================================
   5. FORMS
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
select,
textarea {
  background: var(--surface-1);
  border: 1px solid var(--surface-border);
  color: var(--champagne);
  border-radius: 2px;
  font-family: var(--font-body);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--gold-dim);
  outline: none;
}

/* ==========================================================================
   6. WOOCOMMERCE PRODUCT CARDS
   ========================================================================== */
.woocommerce ul.products li.product {
  background: var(--surface-1);
  border: 1px solid var(--surface-border);
  padding: 0 0 14px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
  color: var(--champagne);
  padding: 10px 12px 0;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family: var(--font-display);
  font-size: 15px;
  color: var(--gold);
}

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del {
  font-size: 12px;
  color: var(--champagne3);
}

.woocommerce span.onsale {
  background: var(--rose);
  color: #fff;
  font: 600 9px/1 var(--font-body);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 2px;
  min-height: 0;
  min-width: 0;
  padding: 6px 8px;
  top: 8px;
  left: 8px;
  right: auto;
  line-height: 1;
}

/* No star ratings until real verified reviews exist (brand doc rule).
   Remove this block once genuine reviews are live. */
.woocommerce .star-rating,
.woocommerce-product-rating,
.woocommerce-review-link {
  display: none !important;
}

/* ==========================================================================
   7. SECTION DIVIDER UTILITY
   ========================================================================== */
.pd-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.3), transparent);
  border: 0;
  margin: 28px 0;
}