/* Nordway — typography & layout consistency fixes (Oct 2026).
   Loaded after refinement.css. Remove this file + its enqueue to roll back. */

:root { --nw-serif: 'Newsreader', Georgia, 'Times New Roman', serif; --nw-gutter: 5vw; }

/* 1. One display serif everywhere (Georgia isn't on Android, so it was swapped per device). */
h1,
.section-head h2, .story-copy h2, .editorial h2, .quality-statement h2,
.wholesale-contact h2, .contact-options h2, .home-intro .hero-copy h2 {
  font-family: var(--nw-serif);
  font-optical-sizing: auto;
}
/* "The craft behind your coffee" was bold DM Sans while every other H2 is the serif. */
.home-intro .hero-copy h2 {
  font-weight: 400;
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.3;
  letter-spacing: -0.02em;
}

/* 2. Small text: nothing under 11px except the logo tagline. */
.topbar span, .buyer-topbar span { font-size: 12px; letter-spacing: 0.02em; }
.header .wordmark span { font-size: 8px; letter-spacing: 1.6px; }
@media (max-width: 520px) { .header .wordmark span { font-size: 6.5px; letter-spacing: 1.2px; } }
@media (max-width: 370px) { .header .wordmark span { display: none; } }
.photo-caption, .emblem-caption { font-size: 11px; }

/* 3. One eyebrow / kicker style. */
.eyebrow, .card-kicker {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* 4. Same left edge as header and sections on desktop. */
@media (min-width: 900px) {
  html:not([dir="rtl"]) .farm-copy, html:not([dir="rtl"]) .farm-navigation { left: var(--nw-gutter); }
  section.editorial { padding-left: var(--nw-gutter); padding-right: var(--nw-gutter); }
}

/* 5. One vertical rhythm between sections. */
main > section.section, main > section.home-intro, main > section.editorial {
  padding-top: clamp(48px, 6vw, 80px);
  padding-bottom: clamp(48px, 6vw, 80px);
}

/* 6. Bigger tap area for the header icons (44px+) without changing the layout. */
.header-tools .shop-icon, .header-tools .menu-toggle { position: relative; }
.header-tools .shop-icon::after, .header-tools .menu-toggle::after { content: ""; position: absolute; inset: -10px -8px; }

/* 7. Arabic: no letter-spacing (it breaks letter joining), Arabic face for headings. */
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 {
  font-family: 'Noto Sans Arabic', 'DM Sans', sans-serif;
  letter-spacing: 0 !important;
}
html[lang="ar"] .eyebrow, html[lang="ar"] .card-kicker, html[lang="ar"] .topbar span,
html[dir="rtl"] .eyebrow, html[dir="rtl"] .card-kicker, html[dir="rtl"] .topbar span {
  letter-spacing: 0 !important;
  text-transform: none;
}