/* ============================================================
   MAVORA — v70 top-tier polish layer (6th overlay)
   Premium detailing: nav, hero, cards, footer, scrollbar, arrows.
   Unlayered => wins over Tailwind & earlier overlays.
   Rollback: remove link + delete file.
   ============================================================ */

/* ---------- G. Scrollbar (webkit + firefox) ---------- */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(36, 35, 31, 0.22) transparent;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(36, 35, 31, 0.18);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(154, 120, 73, 0.45); background-clip: padding-box; }

/* ---------- A. Nav / header ---------- */
/* Inquiry List: borderless text button, bronze dot badge with white count */
header .h-11.border,
header .h-11.border:hover {
  border-color: transparent;
}
header .min-w-6 {
  min-width: 1.35rem;
  height: 1.35rem;
  border-radius: 9999px;
  padding: 0;
  background: var(--muted-bronze) !important;
  border: none !important;
  color: #fff;
  font-size: 11px;
  line-height: 1.35rem;
  font-variant-numeric: tabular-nums;
}
/* nav links: airier tracking */
header .hidden.items-center.gap-8 > div > a,
header .hidden.items-center.gap-8 > a {
  letter-spacing: 0.015em;
}
/* announcement bar: refined tracking desktop; compact mobile */
header .bg-\[var\(--charcoal\)\] a,
header .bg-\[var\(--charcoal\)\] span {
  letter-spacing: 0.24em;
}
@media (max-width: 767px) {
  header .bg-\[var\(--charcoal\)\] a,
  header .bg-\[var\(--charcoal\)\] span {
    font-size: 10px;
    letter-spacing: 0.12em;
  }
}

/* ---------- B. Hero ---------- */
h1 {
  font-weight: 500;
}
@media (max-width: 639px) {
  h1 { line-height: 1.18; }
}
/* eyebrow: bronze rule on the left */
.home-hero-copy > p:first-child::before,
main p:has(+ h1)::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 1px;
  background: rgba(154, 120, 73, 0.55);
  vertical-align: middle;
  margin-right: 12px;
}
[dir="rtl"] .home-hero-copy > p:first-child::before,
[dir="rtl"] main p:has(+ h1)::before {
  margin-right: 0;
  margin-left: 12px;
}

/* ---------- CTA / arrow glyphs: thin SVG arrow via mask (color-following) ---------- */
a .inline-flex svg.lucide-arrow-right,
a.inline-flex svg.lucide-arrow-right {
  stroke-width: 1.5;
}
/* replace text "→" pseudo arrows with svg mask arrows */
a.group .border-b .inline-flex::after,
.home-hero-copy a::after {
  content: "";
  display: inline-block;
  width: 0.95em;
  height: 0.95em;
  margin-left: 8px;
  vertical-align: -0.12em;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
[dir="rtl"] a.group .border-b .inline-flex::after,
[dir="rtl"] .home-hero-copy a::after {
  transform: scaleX(-1);
}
/* room-card CTA: grouped tag+title near, CTA pushed away */
[class*="col-span-4"] h3 {
  margin-top: 0.5rem;
}
[class*="col-span-4"] .inline-flex {
  margin-top: 1.75rem;
}
/* card image: warm-white backing so white-cutout shots blend */
.group .aspect-\[4\/3\],
.group .aspect-\[5\/4\],
.group .aspect-\[4\/5\] {
  background: var(--warm-white);
}
/* hover zoom tuned to ≤1.05 (was 1.06) */
.group:hover img {
  transform: scale(1.05);
}

/* ---------- F. Footer: tight, refined ---------- */
footer .space-y-3 a {
  font-size: 13.5px;
  line-height: 1.6;
  padding-block: 0.28rem;
}
footer .text-xs.uppercase {
  letter-spacing: 0.16em;
  font-weight: 500;
}
footer .gap-y-10 {
  row-gap: 2rem;
}
footer .mt-4.space-y-3 {
  margin-top: 0.75rem;
}
footer .mt-4.max-w-sm {
  font-size: 13.5px;
  line-height: 1.7;
}

/* ---------- C/D. Section rhythm & FAQ ---------- */
.mx-auto.mt-6 {
  max-width: 65ch;
}
.faq-row {
  /* placeholder — actual FAQ container uses same rhythm as above */
}
h3 {
  letter-spacing: 0.005em;
}

/* ---------- Home hero: breathing but compressed vertical rhythm on mobile ---------- */
@media (max-width: 639px) {
  .home-hero-copy {
    padding-block: 1.5rem;
  }
}

/* ---------- Safety ---------- */
@media (prefers-reduced-motion: reduce) {
  a.group .border-b .inline-flex::after,
  .home-hero-copy a::after {
    transition: none;
  }
}