/*
Theme Name: zynbe
Theme URI: https://zynbe.com
Description: zynbe storefront, ported from the custom Shopify OS 2.0 theme (Horizon base + zynbe-* sections). Classic PHP theme with WooCommerce template overrides.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: zynbe
WC requires at least: 9.0
*/

/* ── Design tokens (from Shopify config/settings_data.json + zynbe sections) ── */
:root{
  --z-accent:#7A1F2B;        /* maroon */
  --z-accent-soft:#F6DFD4;
  --z-bg:#FBF6F1;            /* page background */
  --z-surface:#FFFFFF;
  --z-line:#F0E3DB;
  --z-ink:#2B1A17;
  --z-ink-2:#4A3B37;
  --z-muted:#6D5D59;
  --z-faint:#A1938E;
  --z-font-body:'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --z-font-head:'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body-family:var(--z-font-body); /* used by bottom-nav.css */
  --z-page-width:1240px;
}

*,*::before,*::after{ box-sizing:border-box; }
/* The hidden attribute must always win over component display rules (Shopify's base.css had this too). */
[hidden]{ display:none !important; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--z-bg);
  color:var(--z-ink);
  font-family:var(--z-font-body);
  font-size:15px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img,video{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
button,input,select,textarea{ font:inherit; }
h1,h2,h3{ font-family:var(--z-font-head); font-weight:600; line-height:1.2; color:var(--z-ink); }

.z-container{ width:100%; max-width:var(--z-page-width); margin:0 auto; padding:0 16px; }
.z-main{ min-height:50vh; }
.z-page{ padding-top:28px; padding-bottom:48px; }
.z-page__title{ font-size:clamp(24px,4vw,34px); margin:0 0 18px; }
.z-prose{ max-width:760px; }
.z-prose table{ border-collapse:collapse; width:100%; }
.z-prose td,.z-prose th{ border:1px solid var(--z-line); padding:6px 10px; text-align:left; }

.screen-reader-text{
  position:absolute!important; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap;
}
.skip-link:focus{
  position:fixed; top:8px; left:8px; z-index:10000; width:auto; height:auto; clip:auto;
  background:#fff; padding:8px 12px; border-radius:8px;
}