/*
Theme Name: Desert Rain
Theme URI: https://desertrainllc.com
Author: Desert Rain LLC
Description: WooCommerce theme for Desert Rain LLC (Dubai) — medical training equipment distributor. Built from design_handoff_desertrain_woocommerce/designs.
Version: 0.4.1
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: desertrain
*/

/* UAE dirham sign (U+20C3, Unicode 18). No shipped font draws it yet, so a
   one-glyph face leads each stack; unicode-range keeps the browser from
   fetching it on pages without a price. Per the CBUAE price guideline the
   sign matches the digit height and stroke weight of the face it sits in,
   so each family and weight gets its own build. Generated from
   assets/fonts/dirham.svg by tools/build-dirham-font.py; bump ?v= on rebuild
   (the CDN caches font URLs independently of this stylesheet). */
@font-face { font-family: 'DR Dirham Mukta'; src: url('assets/fonts/dr-dirham-mukta-400.woff2?v=2') format('woff2'); font-weight: 400; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Mukta'; src: url('assets/fonts/dr-dirham-mukta-500.woff2?v=2') format('woff2'); font-weight: 500; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Mukta'; src: url('assets/fonts/dr-dirham-mukta-600.woff2?v=2') format('woff2'); font-weight: 600; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Mukta'; src: url('assets/fonts/dr-dirham-mukta-700.woff2?v=2') format('woff2'); font-weight: 700; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Mukta'; src: url('assets/fonts/dr-dirham-mukta-800.woff2?v=2') format('woff2'); font-weight: 800; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Manrope'; src: url('assets/fonts/dr-dirham-manrope-400.woff2?v=2') format('woff2'); font-weight: 400; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Manrope'; src: url('assets/fonts/dr-dirham-manrope-500.woff2?v=2') format('woff2'); font-weight: 500; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Manrope'; src: url('assets/fonts/dr-dirham-manrope-600.woff2?v=2') format('woff2'); font-weight: 600; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Manrope'; src: url('assets/fonts/dr-dirham-manrope-700.woff2?v=2') format('woff2'); font-weight: 700; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Manrope'; src: url('assets/fonts/dr-dirham-manrope-800.woff2?v=2') format('woff2'); font-weight: 800; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Plex Arabic'; src: url('assets/fonts/dr-dirham-plex-arabic-400.woff2?v=2') format('woff2'); font-weight: 400; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Plex Arabic'; src: url('assets/fonts/dr-dirham-plex-arabic-500.woff2?v=2') format('woff2'); font-weight: 500; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Plex Arabic'; src: url('assets/fonts/dr-dirham-plex-arabic-600.woff2?v=2') format('woff2'); font-weight: 600; unicode-range: U+20C3; font-display: block; }
@font-face { font-family: 'DR Dirham Plex Arabic'; src: url('assets/fonts/dr-dirham-plex-arabic-700.woff2?v=2') format('woff2'); font-weight: 700; unicode-range: U+20C3; font-display: block; }

/* Design tokens — source of truth is README.md §Design Tokens.
   Green is reserved for commerce actions and stock signals: one green
   button per view. No pill badges, no gradients, no emoji. */
:root {
  --dr-ink:        #22272B;
  --dr-slate:      #4A5257;
  --dr-logo-grey:  #85888B;
  --dr-muted:      #7A8388;
  --dr-faint:      #A6ADAD;
  --dr-border:     #E3E7E7;
  --dr-field:      #C9CFCF;
  --dr-zebra:      #FAFBFB;
  --dr-paper:      #F6F7F7;

  --dr-green-700:  #188A34;
  --dr-green-600:  #1E9E3E;
  --dr-green-400:  #3BCB4E;
  --dr-green-50:   #E8F6EB;
  --dr-amber:      #B7791F;

  --dr-display:    'DR Dirham Mukta', 'Mukta Malar', system-ui, sans-serif;
  --dr-body:       'DR Dirham Manrope', 'Manrope', system-ui, sans-serif;
  --dr-mono:       'DR Dirham Manrope', 'IBM Plex Mono', ui-monospace, monospace;

  --dr-radius-btn:  8px;
  --dr-radius-card: 12px;
  --dr-max:        1320px;
  --dr-gutter:     40px;

  --dr-shadow-hover: 0 8px 24px rgba(20,24,26,0.10);
  --dr-shadow-flat:  0 1px 2px rgba(20,24,26,0.06);
}

/* RTL: Arabic substitutes IBM Plex Sans Arabic for both Latin faces. */
html[dir="rtl"] {
  --dr-display: 'DR Dirham Plex Arabic', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --dr-body:    'DR Dirham Plex Arabic', 'IBM Plex Sans Arabic', system-ui, sans-serif;
}

body {
  margin: 0;
  font-family: var(--dr-body);
  font-size: 15px;
  line-height: 1.65;
  color: var(--dr-slate);
  background: #fff;
}

h1, h2, h3, h4, .price, .woocommerce-Price-amount {
  font-family: var(--dr-display);
  color: var(--dr-ink);
}

h1 { font-size: 36px; letter-spacing: -0.02em; }
h2 { font-size: 26px; letter-spacing: -0.02em; }
h3 { font-size: 18px; }

.sku, .dr-mono { font-family: var(--dr-mono); }

.dr-shell {
  max-width: var(--dr-max);
  margin: 0 auto;
  padding: 0 var(--dr-gutter);
}

.dr-scaffold-note {
  margin: 48px auto;
  max-width: 760px;
  border: 1px dashed var(--dr-field);
  border-radius: var(--dr-radius-card);
  padding: 28px 32px;
  background: var(--dr-paper);
}