/* Classic theme: the first Zero World colours and fonts (deep brown, gold, cream, dark header and footer,
   plain system fonts) on top of the new layout. Loaded after the other stylesheets when the theme is "classic". */
:root {
  --zw-paper: #fbf6ee;
  --zw-surface: #ffffff;
  --zw-sand: #efe6d8;
  --zw-line: #eadfce;
  --zw-ink: #2b2b2b;
  --zw-muted: #6c6258;
  --zw-brown: #8a4b1f;
  --zw-brown-dark: #6a3814;
  --zw-clay: #8a4b1f;
  --zw-gold: #d9a441;
  --zw-dark: #2b1d14;
  --zw-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --zw-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-weight: 400;
  --bs-link-color-rgb: 138, 75, 31;
  --bs-link-hover-color-rgb: 106, 56, 20;
}
body { font-weight: 400; letter-spacing: 0; }
a:hover { color: #6a3814; }

/* Headings: bold sans, no italics */
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .display-5 { font-weight: 700; letter-spacing: -.01em; }
.hero-copy h1 { font-weight: 800; font-size: clamp(2.2rem, 4.4vw, 3.6rem); line-height: 1.08; }
em, .hero-copy h1 em, .story-copy h2 em { font-style: normal; }
.hero-copy h1 em, .story-copy h2 em { color: var(--zw-brown); }
.section-head h2, .moment-card h3, .story-copy h2 { font-weight: 700; }
.eyebrow, .zw-caps { letter-spacing: .12em; font-weight: 600; color: var(--zw-brown); }
.category-tile .ct-name { font-weight: 700; text-transform: none; letter-spacing: 0; font-size: 1.15rem; }
.product-card .card-title { font-size: 1rem; font-weight: 600; }
.price { color: var(--zw-brown); font-weight: 700; }
.value-strip .num, .story-stats .num { font-style: normal; font-weight: 700; color: var(--zw-brown); }
.form-label { text-transform: none; letter-spacing: 0; font-size: .9rem; font-weight: 500; color: var(--zw-ink); }
.zw-arrow-link { letter-spacing: .08em; font-weight: 600; }

/* Buttons: normal case, the original gold and brown */
.btn { text-transform: none; letter-spacing: 0; font-size: .95rem; font-weight: 500; padding: .6rem 1.2rem; }
.btn-sm { font-size: .85rem; padding: .3rem .7rem; letter-spacing: 0; }
.btn-lg { font-size: 1.05rem; padding: .8rem 1.6rem; }
.btn-gold { background: var(--zw-gold); border-color: var(--zw-gold); color: #2b1d14; font-weight: 600; }
.btn-gold:hover, .btn-gold:focus { background: #c4912f; border-color: #c4912f; color: #2b1d14; }
.btn-brown { background: var(--zw-brown); border-color: var(--zw-brown); color: #fff; }
.btn-brown:hover, .btn-brown:focus { background: #6a3814; border-color: #6a3814; color: #fff; }
.btn-outline-brown { border-color: var(--zw-brown); color: var(--zw-brown); }
.btn-outline-brown:hover { background: var(--zw-brown); border-color: var(--zw-brown); color: #fff; }

/* Dark header with cream links and gold highlights */
.navbar-zw { background: var(--zw-dark); border-bottom: 0; }
.zw-wordmark, .zw-wordmark:hover { color: #f3e7d6; }
.zw-wordmark .name { letter-spacing: .02em; text-transform: none; font-weight: 800; font-size: 1.45rem; }
.zw-wordmark .tag { color: #d8c9b4; letter-spacing: .1em; }
.zw-globe { display: inline-block !important; margin-right: .35rem; color: var(--zw-gold); }
.navbar-zw .nav-link { color: #f3e7d6; text-transform: none; letter-spacing: 0; font-size: 1rem; }
.navbar-zw .nav-link:hover, .navbar-zw .nav-link:focus, .navbar-zw .nav-link.active { color: var(--zw-gold); }
.navbar-zw .navbar-toggler { border-color: rgba(255, 255, 255, .4); }
.navbar-zw .navbar-toggler-icon { filter: invert(1); }
.zw-search { border-bottom: 0; }
.zw-search .form-control { background: #fff; padding-left: .75rem; border-radius: .375rem; }
.zw-search .btn { background: var(--zw-gold); color: #2b1d14; margin-left: .5rem; border-radius: .375rem; padding: .375rem .75rem; }
.zw-search .btn:hover { background: #c4912f; color: #2b1d14; }
.navbar-zw .btn-gold { color: #2b1d14; }
.cart-badge { background: var(--zw-gold) !important; color: #2b1d14 !important; }

/* Dark footer */
.footer-zw { background: var(--zw-dark); color: #d8c9b4; border-top: 0; }
.footer-zw h5, .footer-zw h6 { color: #f3e7d6; }
.footer-zw a { color: #f3e7d6; }
.footer-zw a:hover { color: var(--zw-gold); }
.footer-zw hr { border-color: rgba(255, 255, 255, .2) !important; }
.footer-zw .form-control { background: #fff; }
.footer-zw .text-muted, .footer-zw .form-text { color: #bfae97 !important; }

/* Admin */
.admin-topbar .navbar-brand { letter-spacing: .02em; text-transform: none; font-weight: 800; }
.admin-topbar .btn-gold { background: var(--zw-gold); border-color: var(--zw-gold); color: #2b1d14; }
.admin-sidebar .nav-link.active, .admin-sidebar .nav-link:hover { background: #f4e9d6; color: var(--zw-brown); font-weight: 600; }
.stat-card .stat-value { font-weight: 700; }

/* Social icons on the dark footer */
.footer-zw .zw-social-link { border-color: rgba(255, 255, 255, .25); color: #f3e7d6; border-radius: 50%; }
.footer-zw .zw-social-link:hover, .footer-zw .zw-social-link:focus { background: var(--zw-gold); border-color: var(--zw-gold); color: #2b1d14; }
.zw-social-link { border-radius: 50%; }