/* The coming-soon page (27 Oct 2026): Option 2's first screen (its stylesheet comes first), with everything a
   visitor needs until the new site is ready: where to join, how to write, where else we are, and Mawhiba. */
/* The tools sit at the far side of the bar (there are no page links on this page) */
.bar .tools { margin-inline-start: auto; }
/* Sized to fit one screen on a computer: the name also follows the screen's height */
.soon { padding-block: 96px 17vh; }
.soon .title { font-size: clamp(56px, min(7.4vw, 11.5vh), 120px); }
.soon__tag { display: inline-flex; align-items: center; gap: 10px; width: max-content; margin: 0 0 22px; padding: 8px 16px; border-radius: 999px; background: var(--panel-2); color: var(--ink); font-size: 15px; font-weight: 600; }
.soon__tag i { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); animation: soon-pulse 1.8s ease-in-out infinite; }
@keyframes soon-pulse { 50% { opacity: 0.35; scale: 0.7; } }
.soon__head { margin: 28px 0 0; max-width: 18em; font-family: var(--display); font-weight: 900; font-size: clamp(24px, 2.6vw, 38px); line-height: 1.15; letter-spacing: -0.02em; color: var(--ink); }
html[lang='ar'] .soon__head { line-height: 1.5; letter-spacing: 0; }
.soon .lead { margin-top: 12px; max-width: 44ch; }
/* The other channels and the Mawhiba chip share one row (they wrap on a phone) */
.soon__row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 28px; }
.soon__social { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
/* solid, like the chip, so the waves never run behind the icons */
.soon__social .tool { width: 46px; height: 46px; padding: 0; background: var(--chip-solid); }
.soon__social .tool:hover { background: var(--btn-bg); color: var(--btn-ink); }
.soon .chip { margin-top: 0; }
.soon__foot { position: relative; z-index: 2; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding-block: 18px 24px; background: var(--ground); font-size: 13px; color: var(--muted); }
@media (max-width: 759.98px) {
  .soon { padding-block: 100px 22vh; }
  .soon .lead { max-width: 36ch; }
  .soon__tag { margin-bottom: 16px; }
  .soon__head { margin-top: 20px; }
}

/* Mawhiba's logo in white on dark backgrounds (when the file is there, see build.mjs); the coloured one on its
   white pill in light mode. */
.chip .mark--white { display: none; }
:root:not([data-theme='light']) .chip--white-mark > span:first-child { padding-inline: 6px; background: none; }
:root:not([data-theme='light']) .chip--white-mark .mark--colour { display: none; }
:root:not([data-theme='light']) .chip--white-mark .mark--white { display: block; }