:root {
  --rust-text: #A34B1E;
  --muted-text: #5C6159;
}

.price,
.eyebrow,
.see-all,
.booking-code,
a.contact-link.email,
.spec i,
.step i {
  color: var(--rust-text);
}

.muted,
.card-meta,
.card-title + .muted,
.pay-note,
p.muted {
  color: var(--muted-text);
}


.card-meta i {
  color: #A89370;
}

/* Footer-ի sand տեքստը մի փոքր բացել */
.site-footer p,
.site-footer a {
  color: #E5D5BC;
}

/* Hero-ի lead տեքստը */
.hero p.lead {
  color: #EAD9BF;
}

/* ------------------------------------------------------------
   ACCESSIBILITY — Focus visibility (keyboard navigation)
   ------------------------------------------------------------ */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--rust);
  outline-offset: 2px;
}

/* Screen reader only — visually hidden but readable */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ------------------------------------------------------------
   PERFORMANCE — Hero background: WebP + responsive
   ------------------------------------------------------------
   206 KB JPEG → 79 KB WebP (desktop) / 24 KB (mobile)
   ------------------------------------------------------------ */

/*.hero {*/
/*  background-image: url('/assets/img/hero-bg.jpg');   !* fallback *!*/
/*  background-image: url('/assets/img/hero-bg.webp');  !* WebP-ը override է անում *!*/
/*  background-size: cover;*/
/*  background-position: center center;*/
/*  background-repeat: no-repeat;*/
/*  position: relative;*/
/*}*/

/*@media (max-width: 800px) {*/
/*  .hero {*/
/*    background-image: url('/assets/img/hero-bg-mobile.webp');*/
/*  }*/
/*}*/

/* ------------------------------------------------------------
   PERFORMANCE — CLS կանխարգելում
   Նկարներին տալիս ենք հստակ aspect-ratio, որ layout չցատկի
   ------------------------------------------------------------ */

.card-media {
  aspect-ratio: 16 / 10;
  background: var(--pine-soft);
}
.card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery a {
  aspect-ratio: 16 / 10;
  background: var(--pine-soft);
}

.loc-card {
  aspect-ratio: 4 / 5;
}

/* ------------------------------------------------------------
   PERFORMANCE — Content-visibility
   Էկրանից դուրս գտնվող բաժինները ուշ են render-վում
   ------------------------------------------------------------ */

.site-footer,
.section:not(:first-of-type) {
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
}