/* Shahrukhz Residences skin, loaded after the shared site.css. Taken from Danube's brochure and plan pages: the deep
   navy of the night spreads and plan pages (#0E2A54), the sea blue of the covers (#1F6FB5), the bronze-gold of the
   tower's frames (#A87B4F, deepened for buttons), a pale sand ground; headings in light, widely spaced capitals
   ("DESTINATIONS & DISTANCES", "SIGNATURE OCEAN"). Arabic keeps normal spacing. */
:root {
  --ink: #14223A;
  --muted: #55627A;
  --ground: #F7F4EE;
  --band: #EDE7DC;
  --line: #D8DCE3;
  --navy: #0E2A54;
  --sea: #1F6FB5;
  --sea-pale: #E3EEF8;
  --bronze: #8C6239;
  --bronze-pale: #F4EBDF;
  --radius: 0;
  --shadow: 0 6px 28px rgba(14, 42, 84, 0.10);
}
body { background: var(--ground); }
.hdr { background: rgba(247, 244, 238, 0.92); }
.hdr.is-solid, .hdr.is-menu, .mnav { background: var(--ground); }

/* ---------- type: light spaced capitals, as the brochure sets them ---------- */
.eyebrow { font: 600 13px/1.3 var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--bronze); margin-bottom: 12px; }
.h2, .form__title { font: 600 32px/1.15 var(--sans); letter-spacing: 0.01em; color: var(--navy); }
.hero__title { font: 300 64px/1.0 var(--sans); letter-spacing: 0.06em; text-transform: uppercase; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45); }
.hero__sub { font-weight: 500; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); }
[dir="rtl"] .eyebrow, [dir="rtl"] .h2, [dir="rtl"] .form__title, [dir="rtl"] .hero__title { letter-spacing: 0; }

/* ---------- buttons: flat, bronze ---------- */
.btn { border-radius: 0; letter-spacing: 0.06em; text-transform: uppercase; font-size: 13px; font-weight: 700; white-space: normal; text-align: center; }
[dir="rtl"] .btn { letter-spacing: 0; }
.btn--line { color: var(--navy); border-color: var(--navy); }
.btn--line:hover { background: var(--navy); }
.btn--white { color: var(--navy); }
.tab { border-radius: 0; }

/* ---------- first screen ---------- */
.hero__dev { width: 150px; }
.hcard--glass { background: rgba(14, 42, 84, 0.55); border-radius: 0; }
.hcard--solid { background: var(--bronze); border-radius: 0; }

/* ---------- bands in the kit's colours ---------- */
.amen { background: var(--sea-pale); }
.amen__text { background: var(--ground); }
.gallery { background: var(--band); }
.unit__row, .plans, .facts { background: var(--band); }
.unit.is-open .unit__row { background: var(--navy); }
.loc__card { background: var(--bronze-pale); }
.drive__n { background: var(--bronze); }
/* The distances page shows whole, at its own proportions, on every screen. */
.loc__map { background: var(--navy); align-self: start; aspect-ratio: 2000 / 1125; }
.loc__map img { object-fit: contain; height: auto; }

@media (max-width: 700px) {
  .hero__title { font-size: 38px; letter-spacing: 0.03em; }
  .h2, .form__title { font-size: 26px; }
  .btn { letter-spacing: 0.01em; }
  .mobar .btn { font-size: 12px; line-height: 1.15; padding-inline: 10px; }
}