/*
Theme Name: Charlie Marleigh's Custom Design Events
Theme URI: https://charliemarleighs.com
Description: Child theme of Storefront, styled to match Charlie Marleigh's Custom Design Events brand (purple, lavender, cream, Fraunces + Inter).
Author: Mav
Template: storefront
Version: 1.0.0
Text Domain: cmcde-child
*/

:root {
  --plum-deep:   #2A1036;
  --plum-ink:    #1E0C27;
  --purple:      #7B368F;
  --purple-dark: #5C2969;
  --lavender:    #E9DCEF;
  --lavender-soft:#F5EEF8;
  --cream:       #FFF9F3;
  --white:       #FFFFFF;
  --gold:        #B08D57;
  --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---------- Base ---------- */
body {
  background: var(--cream);
  color: var(--plum-ink);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--plum-deep);
  font-weight: 600;
}

a {
  color: var(--purple);
}
a:hover {
  color: var(--purple-dark);
}

/* ---------- Header ---------- */
#masthead,
.site-header {
  background: var(--cream);
  border-bottom: 1px solid rgba(176, 141, 87, 0.3);
}

.site-title,
.site-title a {
  font-family: var(--font-display);
  color: var(--plum-deep) !important;
  font-weight: 600;
  text-decoration: none;
}

.site-description {
  color: var(--purple);
  font-family: var(--font-body);
  font-size: 0.85rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* ---------- Navigation ---------- */
.main-navigation ul li a {
  color: var(--plum-ink);
  font-weight: 600;
}
.main-navigation ul li a:hover {
  color: var(--purple);
}
.main-navigation ul.menu > li.current-menu-item > a {
  color: var(--purple);
}

/* ---------- Buttons (WooCommerce + Storefront both use .button) ---------- */
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page #content input.button {
  background-color: var(--purple) !important;
  color: var(--white) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 0.7em 1.6em !important;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: var(--purple-dark) !important;
}

/* Secondary / alt buttons */
.woocommerce a.button.alt {
  background-color: var(--plum-deep) !important;
}

/* ---------- Product grid ---------- */
.woocommerce ul.products li.product {
  background: var(--white);
  border-radius: 18px;
  padding: 1rem;
  box-shadow: 0 10px 30px -12px rgba(42, 16, 54, 0.18);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-display);
  color: var(--plum-deep);
}
.woocommerce ul.products li.product .price {
  color: var(--purple);
  font-weight: 700;
}
.woocommerce ul.products li.product .price .price-ask {
  color: var(--purple);
  font-weight: 700;
  font-style: italic;
}
.woocommerce span.onsale {
  background: var(--gold) !important;
  color: var(--plum-deep) !important;
}

/* ---------- Single product page ---------- */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--purple);
}

/* ---------- Cart / checkout tables ---------- */
.woocommerce table.shop_table {
  border-color: rgba(123, 54, 143, 0.2);
}
.woocommerce table.shop_table th {
  color: var(--plum-deep);
  font-family: var(--font-display);
}

/* ---------- Footer ---------- */
#colophon,
.site-footer {
  background: var(--plum-deep);
  color: var(--lavender-soft);
}
#colophon a,
.site-footer a {
  color: var(--lavender-soft);
}
#colophon a:hover,
.site-footer a:hover {
  color: var(--gold);
}
#colophon .widget-title,
.site-footer .widget-title {
  color: var(--white);
  font-family: var(--font-display);
}

/* ---------- Logo badge (if used as custom logo via Customizer) ---------- */
.custom-logo-link img {
  border-radius: 14px;
}