/* Symphony Perfume — chic redesign shared stylesheet.
   Enqueued site-wide only on pages symphony_is_chic_page() returns true for
   (see functions.php) — currently product category archives. Scoped under
   body.sym-chic-page throughout so it never leaks onto un-migrated pages. */

body.sym-chic-page {
  --bg:         #211710;
  --surface:    #2c1f15;
  --surface-2:  #261b12;
  --surface-3:  #2f2216;
  --surface-4:  #241a11;
  --text:       #f5ead9;
  --text-muted: #b8a68a;
  --text-dim:   #8a7862;
  --gold:       #d9a44f;
  --gold-dark:  #b08a3f;
  --cream:      #f5ead9;
  --cream-dark: #3a2c1c;
  --border:     rgba(245,234,217,0.08);
  --border-mid: rgba(245,234,217,0.12);

  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
}

/* Hide the theme's own header/footer on chic pages — replaced by the
   wp_body_open / wp_footer injected markup below. */
body.sym-chic-page #header.ct-header,
body.sym-chic-page #footer.ct-footer {
  display: none;
}

body.sym-chic-page .sym-chic-announce {
  text-align: center;
  padding: 9px 16px;
  font-size: 11px;
  letter-spacing: 1.5px;
  color: var(--text);
  background: var(--surface);
  border-bottom: 0.5px solid var(--border);
}

body.sym-chic-page .sym-chic-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 24px;
  padding: 16px 40px;
  background: rgba(33,23,16,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 0.5px solid var(--border-mid);
  font-family: 'Jost', sans-serif;
}

body.sym-chic-page .sym-nav-brand {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; justify-self: start;
}
body.sym-chic-page .sym-nav-wordmark {
  font-family: 'Playfair Display', serif;
  font-size: 17px; letter-spacing: 4px; color: var(--text);
}
body.sym-chic-page .sym-nav-links {
  display: flex; align-items: center; gap: 32px; list-style: none;
  font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 300; letter-spacing: 2px;
}
body.sym-chic-page .sym-nav-links a {
  font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit;
  color: rgba(245,234,217,0.8); text-decoration: none; transition: color 0.2s;
}
body.sym-chic-page .sym-nav-links a:hover { color: var(--text); }
body.sym-chic-page .sym-nav-links a.is-current { color: var(--gold); }

body.sym-chic-page .sym-nav-item-dropdown {
  position: relative; display: flex; align-items: center;
  padding-bottom: 18px; margin-bottom: -18px;
}
body.sym-chic-page .sym-nav-dropdown-trigger {
  display: inline-flex; align-items: center; gap: 5px;
  background: none; border: none; padding: 0;
  font-family: 'Jost', sans-serif; font-size: 11px; letter-spacing: 2px;
  color: rgba(245,234,217,0.8); cursor: pointer; transition: color 0.2s;
}
body.sym-chic-page .sym-nav-dropdown-trigger:hover,
body.sym-chic-page .sym-nav-dropdown-trigger:focus-visible { color: var(--text); }
body.sym-chic-page .sym-nav-caret { font-size: 8px; line-height: 1; transform: translateY(1px); transition: transform 0.2s ease; }
body.sym-chic-page .sym-nav-item-dropdown:hover .sym-nav-caret,
body.sym-chic-page .sym-nav-item-dropdown.open .sym-nav-caret { transform: translateY(1px) rotate(180deg); }
body.sym-chic-page .sym-nav-dropdown-menu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(-6px);
  min-width: 168px; background: var(--surface); border: 0.5px solid var(--border-mid);
  list-style: none; padding: 10px 0; margin: 0; opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; z-index: 50;
  font-family: 'Jost', sans-serif;
}
body.sym-chic-page .sym-nav-item-dropdown:hover .sym-nav-dropdown-menu,
body.sym-chic-page .sym-nav-item-dropdown.open .sym-nav-dropdown-menu {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0);
}
body.sym-chic-page .sym-nav-dropdown-menu a {
  display: block; padding: 9px 22px; font-family: inherit; font-size: 11px; font-weight: 300;
  letter-spacing: 1.5px; color: rgba(245,234,217,0.8); text-decoration: none; white-space: nowrap;
  transition: color 0.15s, background 0.15s;
}
body.sym-chic-page .sym-nav-dropdown-menu a:hover,
body.sym-chic-page .sym-nav-dropdown-menu a:focus-visible { color: var(--text); background: rgba(245,234,217,0.05); }
body.sym-chic-page .sym-nav-dropdown-menu .shop-all a { color: var(--gold); }

body.sym-chic-page .sym-nav-cart {
  font-family: 'Jost', sans-serif; font-size: 10px; letter-spacing: 2px;
  color: rgba(245,234,217,0.8); text-decoration: none; transition: color 0.2s; justify-self: end;
}
body.sym-chic-page .sym-nav-cart:hover { color: var(--text); }

/* Collection hero band */
body.sym-chic-page .sym-collection-hero {
  padding: 64px 48px 44px;
  text-align: center;
  border-bottom: 0.5px solid var(--border);
}
body.sym-chic-page .sym-collection-eyebrow {
  font-family: 'Jost', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 4px;
  color: var(--gold); margin-bottom: 18px;
}
body.sym-chic-page .sym-collection-title {
  font-family: 'Playfair Display', serif; font-size: clamp(32px, 5vw, 52px);
  font-weight: 400; color: var(--text); margin: 0 0 16px;
}
body.sym-chic-page .sym-collection-desc {
  font-family: 'Jost', sans-serif; font-size: 14px; line-height: 1.7;
  color: var(--text-muted); max-width: 560px; margin: 0 auto 12px;
}
body.sym-chic-page .sym-collection-count {
  font-family: 'Jost', sans-serif; font-size: 11px; letter-spacing: 1px; color: var(--text-dim);
}

/* Product grid (shared visual language with homepage Most Loved) */
body.sym-chic-page .sym-archive-wrap { padding: 48px 48px 80px; }
body.sym-chic-page .sym-products-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 16px;
}
body.sym-chic-page .sym-product-card { text-decoration: none; display: block; }
body.sym-chic-page .sym-product-img { height: 200px; margin-bottom: 12px; overflow: hidden; }
body.sym-chic-page .sym-product-img-bg { width: 100%; height: 100%; transition: transform 0.5s ease; }
body.sym-chic-page .sym-product-card:hover .sym-product-img-bg { transform: scale(1.04); }
body.sym-chic-page .sym-product-card:nth-child(4n+1) .sym-product-img-bg { background: var(--surface); }
body.sym-chic-page .sym-product-card:nth-child(4n+2) .sym-product-img-bg { background: var(--surface-2); }
body.sym-chic-page .sym-product-card:nth-child(4n+3) .sym-product-img-bg { background: var(--surface-3); }
body.sym-chic-page .sym-product-card:nth-child(4n+4) .sym-product-img-bg { background: var(--surface-4); }
body.sym-chic-page .sym-product-name {
  font-family: 'Jost', sans-serif; font-size: 13px; color: var(--text); margin-bottom: 4px;
}
body.sym-chic-page .sym-product-price {
  font-family: 'Jost', sans-serif; font-size: 12px; color: var(--gold);
}
body.sym-chic-page .sym-product-price del { color: var(--text-dim); margin-right: 6px; font-size: 11px; }

body.sym-chic-page .sym-empty-state {
  text-align: center; padding: 60px 20px; color: var(--text-muted);
  font-family: 'Jost', sans-serif; font-size: 14px;
}

/* Pagination */
body.sym-chic-page .sym-pagination {
  display: flex; justify-content: center; gap: 10px; margin-top: 48px;
  font-family: 'Jost', sans-serif; font-size: 12px; letter-spacing: 1px;
}
body.sym-chic-page .sym-pagination a,
body.sym-chic-page .sym-pagination span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 34px; height: 34px; padding: 0 6px;
  color: var(--text-muted); text-decoration: none; border: 0.5px solid var(--border-mid);
  transition: color 0.2s, border-color 0.2s;
}
body.sym-chic-page .sym-pagination a:hover { color: var(--text); border-color: var(--text-muted); }
body.sym-chic-page .sym-pagination .current { color: var(--gold); border-color: var(--gold); }

/* Footer (shared with homepage) */
body.sym-chic-page .sym-chic-footer {
  padding: 44px 48px; text-align: center; border-top: 0.5px solid var(--border-mid);
}
body.sym-chic-page .sym-footer-wordmark {
  font-family: 'Playfair Display', serif; font-size: 13px; letter-spacing: 3px; color: var(--text-muted);
}
body.sym-chic-page .sym-footer-tagline { font-family: 'Jost', sans-serif; font-size: 11px; color: var(--text-dim); margin-top: 10px; }
body.sym-chic-page .sym-footer-nav {
  font-family: 'Jost', sans-serif; font-size: 11px; letter-spacing: 1px; color: var(--text-dim); margin: 18px 0 14px;
}
body.sym-chic-page .sym-footer-nav a { color: var(--text-muted); text-decoration: none; transition: color 0.2s; }
body.sym-chic-page .sym-footer-nav a:hover { color: var(--text); }
body.sym-chic-page .sym-footer-nav .sep { margin: 0 10px; opacity: 0.5; }
body.sym-chic-page .sym-footer-social { display: flex; justify-content: center; align-items: center; gap: 18px; margin-bottom: 18px; color: var(--text-muted); }
body.sym-chic-page .sym-footer-social-link { display: inline-flex; color: inherit; transition: color 0.2s; }
body.sym-chic-page .sym-footer-social-link:hover { color: var(--gold); }
body.sym-chic-page .sym-footer-legal { margin-top: 18px; font-family: 'Jost', sans-serif; font-size: 10px; letter-spacing: 0.5px; color: var(--text-dim); }
body.sym-chic-page .sym-footer-legal a { color: inherit; text-decoration: none; transition: color 0.2s; }
body.sym-chic-page .sym-footer-legal a:hover { color: var(--text-muted); }
body.sym-chic-page .sym-footer-legal .sep { margin: 0 8px; opacity: 0.5; }

@media (max-width: 768px) {
  body.sym-chic-page .sym-chic-nav { padding: 14px 20px; }
  body.sym-chic-page .sym-nav-links { display: none; }
  body.sym-chic-page .sym-collection-hero { padding: 44px 24px 32px; }
  body.sym-chic-page .sym-archive-wrap { padding: 32px 20px 56px; }
  body.sym-chic-page .sym-products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px 12px; }
  body.sym-chic-page .sym-chic-footer { padding: 36px 24px; }
}