/*
Theme Name: Save The Catwalk Shop
Theme URI: https://shopsavethecatwalk.com
Author: Save the Catwalk
Description: Brand theme for the Save the Catwalk raffle and merchandise store, matching the original Save the Catwalk site's navigation styling.
Version: 1.2
Requires PHP: 7.0
Text Domain: save-the-catwalk-shop
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Bebas+Neue&display=swap');

:root {
  --navy: #093e6a;
  --red: #c0312b;
  --red-light: #d41628;
  --white: #f8f5ef;
  --cream: #f0ebe0;
  --gold: #c8a84b;
  --slate: #4a5568;
}

/* ── NAV ── */
#site-nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 3rem;
  background: color-mix(in srgb, var(--navy) 97%, transparent);
  backdrop-filter: blur(8px);
  border-bottom: 2px solid var(--red);
}
.nav-logo {
  font-family: 'Bebas Neue', cursive;
  font-size: 1.5rem;
  color: var(--white);
  letter-spacing: 0.08em;
  text-decoration: none;
}
.nav-logo span { color: var(--red-light); }
#site-nav ul { list-style: none; display: flex; gap: 2.5rem; margin: 0; padding: 0; }
#site-nav ul li a {
  color: rgba(248,245,239,0.75);
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  transition: color 0.2s;
}
#site-nav ul li a:hover { color: var(--gold); }