/*
Theme Name: HaChayal
Theme URI: https://hachayal.shop
Author: hachayal.shop
Description: Custom, dependency-free, ultra-fast RTL block theme for hachayal.shop — military/tactical & outdoor gear. Classic, elegant, flat (KISS). Self-hosted Heebo; no CSS frameworks, no page builders. WooCommerce + RankMath only.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
Text Domain: hachayal
Tags: rtl-language-support, e-commerce, block-styles, full-site-editing
*/

/* ============================================================
   Primary font = Google Sans (Latin + Hebrew), loaded from Google Fonts
   (see functions.php: family=Google+Sans:wght@400;500;700). Google Sans
   ships only 400/500/700 — the theme's heavy 800/900 render as real Bold
   (700); never fake heavier weights (synthetic bold smears on Hebrew).

   The self-hosted Heebo @font-face below stays ONLY as an offline fallback
   inside --hc-font (covers Hebrew + all weights if Google Fonts is blocked).
   Its files download only when Google Sans is unavailable.
   ============================================================ */
@font-face{font-family:"Heebo";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Heebo";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/heebo-hebrew-500-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/heebo-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Heebo";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Heebo";font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/heebo-hebrew-800-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/heebo-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Heebo";font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/heebo-hebrew-900-normal.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/heebo-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}

/* ============================================================
   Design tokens (mirror of theme.json) — classic/elegant/flat KISS
   Brand: navy #14324B + white + amber accent #E07B1A
   ============================================================ */
:root{
  --hc-navy:#14324B;
  --hc-navy-dark:#0E2438;
  --hc-ink:#1A2430;
  --hc-muted:#5A6B7B;
  --hc-paper:#FFFFFF;
  --hc-mist:#F6F8FA;
  --hc-line:#E2E6EB;
  --hc-accent:#E07B1A;       /* bright amber — for amber-on-navy (eyebrow), borders, focus, hover */
  --hc-accent-dark:#C4680F;
  --hc-cta:#B45309;          /* AA-safe orange for WHITE text on amber (buttons/badges): ~5:1 */
  --hc-cta-dark:#8F4207;     /* CTA hover */
  --hc-white:#FFFFFF;
  --hc-ok:#1F9D57;
  --hc-sale:#C4381F;

  --hc-content:1200px;
  --hc-wide:1400px;
  --hc-radius:10px;
  --hc-radius-sm:7px;
  --hc-shadow:0 1px 2px rgba(16,36,56,.06), 0 6px 20px rgba(16,36,56,.06);
  --hc-shadow-sm:0 1px 2px rgba(16,36,56,.08);
  --hc-font:"Google Sans","Heebo",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* ---------- reset-ish base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* Form controls don't inherit the site font by default — force the site font
   everywhere (fixes the search button/input rendering in the browser's system UI font). */
button,input,optgroup,select,textarea{font-family:inherit}
body{
  margin:0;
  font-family:var(--hc-font);
  font-weight:400;
  color:var(--hc-ink);
  background:var(--hc-paper);
  line-height:1.65;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--hc-navy);text-underline-offset:2px}
a:hover{color:var(--hc-accent-dark)}

/* ---------- headings — heavy, tight ---------- */
h1,h2,h3,h4,h5,h6{
  font-family:var(--hc-font);
  color:var(--hc-navy);
  line-height:1.18;
  margin:0 0 .5em;
  letter-spacing:-.01em;
}
h1{font-weight:700;font-size:clamp(1.9rem,1.2rem + 3vw,3rem)}
h2{font-weight:700;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.15rem)}
h3{font-weight:700;font-size:clamp(1.2rem,1rem + 1vw,1.6rem)}
h4{font-weight:700;font-size:1.15rem}

/* ---------- layout helpers ---------- */
.hc-container{max-width:var(--hc-content);margin-inline:auto;padding-inline:20px}
.hc-wide{max-width:var(--hc-wide)}
.hc-section{padding-block:clamp(2rem,1rem + 4vw,4rem)}

/* ---------- buttons ---------- */
.hc-btn,.wp-block-button__link,.button,button.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button.alt{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--hc-font);font-weight:700;font-size:1.02rem;
  padding:.72em 1.5em;border-radius:var(--hc-radius-sm);border:2px solid transparent;
  background:var(--hc-cta);color:#fff;cursor:pointer;text-decoration:none;
  transition:background .15s ease, transform .05s ease;
}
.hc-btn:hover,.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button.alt:hover{background:var(--hc-cta-dark);color:#fff}
.hc-btn:active{transform:translateY(1px)}
.hc-btn--ghost{background:transparent;color:var(--hc-navy);border-color:var(--hc-line)}
.hc-btn--ghost:hover{background:var(--hc-mist);color:var(--hc-navy)}
.hc-btn--navy{background:var(--hc-navy)}
.hc-btn--navy:hover{background:var(--hc-navy-dark);color:#fff}

/* ---------- accessibility: focus + skip link ---------- */
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--hc-accent);outline-offset:2px;border-radius:3px;
}
.hc-skip-link{position:absolute;inset-block-start:0;inset-inline-start:0;transform:translateY(-200%);z-index:1000;background:var(--hc-navy);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 8px 8px;transition:transform .15s ease}
.hc-skip-link:focus{transform:translateY(0);color:#fff;outline:2px solid var(--hc-accent);outline-offset:2px}

/* ---------- RTL sanity ---------- */
body{direction:rtl}
.wp-block-woocommerce-cart,.woocommerce{direction:rtl}

/* header/footer/floating-buttons component styles live in assets/css/app.css (enqueued) */