/* =========================================================
   furrow-he.css — Timelapse Israel (Hebrew) shared design system
   Same design values as the lapsecloud.com (English) redesign,
   adapted for Hebrew/RTL per the handoff doc section 6:
     - letter-spacing: 0 everywhere (negative tracking hurts
       Hebrew readability)
     - no text-transform: uppercase (meaningless for Hebrew, and
       any leftover rule would still affect mixed Latin content)
     - Heebo self-hosted below instead of Red Hat (brief left the
       font choice to Elan; Heebo matches the portal and was
       already in use on every page via Google Fonts)
   One file, linked from every page, instead of each page
   duplicating its own <style> block.
   ========================================================= */

/* ---- Fonts: self-hosted Heebo (OFL), replaces Google Fonts ---- */
/* Files + license: /fonts/heebo/ — no CSP change needed (fonts
   were never restricted in _headers), but this avoids sending
   visitor IPs to Google and removes a render-blocking request. */

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/heebo/heebo-hebrew-300-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: 300;
  font-display: swap;
  src: url('/fonts/heebo/heebo-latin-300-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/heebo/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('/fonts/heebo/heebo-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/heebo/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('/fonts/heebo/heebo-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/heebo/heebo-hebrew-600-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: 600;
  font-display: swap;
  src: url('/fonts/heebo/heebo-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/heebo/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('/fonts/heebo/heebo-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/heebo/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('/fonts/heebo/heebo-latin-800-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/heebo/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('/fonts/heebo/heebo-latin-900-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- Design tokens (same values as the lapsecloud.com redesign) ---- */
:root {
  --bg: #F7F3EA;
  --card: #FFFDF8;
  --text: #1E1B18;
  --text-secondary: #4F4840;
  --text-tertiary: #645C53;
  --border: #DDD5C4;
  --border-strong: #C9BFAA;
  --bg-warm-2: #EFE9DB;

  --coral: #E17847;
  --coral-hover: #CC6A3C;
  --orange-text: #A9501F; /* text on light bg — coral itself fails contrast for text */
  --bg-orange-weak: #FDF0E6;
  --bg-orange-weak-2: #F8E1D3;
  --border-orange-weak: #F5C6A5;

  --radius: 6px;        /* buttons, fields */
  --radius-card: 10px;
  --shadow-card: 0 1px 2px rgba(30,27,24,.08), 0 6px 14px -8px rgba(30,27,24,.28);

  /* Deliberately-kept-dark zones (hero on video, orange band, footer band) */
  --dark: #0D0D0D;
  --dark-2: #161616;
  --dark-3: #1F1F1F;
}

/* ---- Desktop scale knob ----
   Sizes in the CSS (and in inline styles) are written as
   calc(Npx * var(--ds)). --ds is 1 up to 1024px, so mobile and tablet are
   exactly as designed, and 1.3 from 1025px so text, images and cards take
   more room on desktop (matches the English site's proportions).
   To make desktop bigger or smaller, change ONLY the 1.3 below. */
:root { --ds: 1; }
@media (min-width: 1025px) { :root { --ds: 1.3; } }

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Heebo', sans-serif;
  background: var(--bg);
  color: var(--text);
  direction: rtl;
  text-align: right;
  line-height: 1.7;
  overflow-x: hidden;
  letter-spacing: 0; /* never negative-track Hebrew */
}

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }
ul { list-style: none; }

.container { max-width: calc(1140px * var(--ds)); margin: 0 auto; padding: 0 calc(24px * var(--ds)); }

/* ---- Shared simple-page chrome (privacy / terms / accessibility) ---- */
.furrow-simple-header {
  background: var(--card);
  border-bottom: 1px solid var(--border);
  padding: calc(16px * var(--ds)) calc(24px * var(--ds));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.furrow-simple-header .logo {
  font-size: calc(20px * var(--ds));
  font-weight: 800;
  color: var(--orange-text);
}
.furrow-simple-header .back {
  font-size: calc(14px * var(--ds));
  color: var(--text-tertiary);
  transition: color .2s;
}
.furrow-simple-header .back:hover { color: var(--orange-text); }

.furrow-simple-main {
  max-width: calc(780px * var(--ds));
  margin: 0 auto;
  padding: calc(48px * var(--ds)) calc(24px * var(--ds)) calc(80px * var(--ds));
}
.furrow-simple-main h1 {
  font-size: calc(32px * var(--ds));
  font-weight: 800;
  margin-bottom: calc(8px * var(--ds));
}
.furrow-simple-main .updated {
  font-size: calc(13px * var(--ds));
  color: var(--text-tertiary);
  margin-bottom: calc(40px * var(--ds));
}
.furrow-simple-main h2 {
  font-size: calc(18px * var(--ds));
  font-weight: 700;
  color: var(--orange-text);
  margin: calc(32px * var(--ds)) 0 calc(12px * var(--ds));
}
.furrow-simple-main p {
  font-size: calc(15px * var(--ds));
  color: var(--text-secondary);
  margin-bottom: calc(12px * var(--ds));
}
.furrow-simple-main ul {
  margin: 0 calc(20px * var(--ds)) calc(12px * var(--ds)) 0;
}
.furrow-simple-main li {
  font-size: calc(15px * var(--ds));
  color: var(--text-secondary);
  margin-bottom: calc(6px * var(--ds));
}
.furrow-simple-main a { color: var(--orange-text); text-decoration: underline; }
.furrow-simple-main .box {
  background: var(--bg-warm-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  padding: calc(20px * var(--ds)) calc(24px * var(--ds));
  margin: calc(16px * var(--ds)) 0;
}
.furrow-simple-main .box p:last-child { margin-bottom: 0; }

.furrow-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(8px * var(--ds)) calc(18px * var(--ds)); margin-bottom: calc(10px * var(--ds)); font-size: calc(13px * var(--ds)); }
.furrow-legal a { color: var(--text-tertiary); text-decoration: underline; }
.furrow-legal a:hover { color: var(--orange-text); }

.furrow-simple-footer {
  text-align: center;
  padding: calc(24px * var(--ds));
  font-size: calc(13px * var(--ds));
  color: var(--text-tertiary);
  border-top: 1px solid var(--border);
}