/* ============================================================
   Amar — Contrast Fixes v2
   Բեռնել lighthouse.css-ից ՀԵՏՈ
   ============================================================
   Խնդիրը՝ lighthouse.css-ի կանոնները ավելի ցածր specificity
   ունեին, քան app.css-ի բնօրինակները, ուստի չկիրառվեցին։
   ============================================================ */

:root {
  --rust-text: #A34B1E;    /* 5.2:1 cream-ի վրա */
  --rust-badge: #A34B1E;   /* սպիտակ տեքստի հետ 5.4:1 */
  --muted-text: #5C6159;   /* 5.9:1 cream-ի վրա */
  --footer-fg: #EFE2CD;    /* մուգ կանաչի վրա 10:1 */
}

/* ------------------------------------------------------------
   1. .eyebrow — «ԱՌԱՋԱՐԿՎՈՂ» պիտակը
   Բնօրինակը՝ .section-head .eyebrow (specificity 0,2,0)
   Այստեղ նույն specificity-ն է + ավելի ուշ բեռնում
   ------------------------------------------------------------ */
.section-head .eyebrow,
.section-head p.eyebrow,
p.eyebrow,
.eyebrow {
  color: #A34B1E !important;
}

/* ------------------------------------------------------------
   2. .card-badge — «Առաջարկվող» նշանը նկարի վրա
   Սպիտակ #FFF rust-ի (#C9622B) վրա = 4.0:1 → ձախողվում է
   Մուգացնում ենք ֆոնը → 5.4:1
   ------------------------------------------------------------ */
.card-media .card-badge,
.card-badge {
  background: var(--rust-badge) !important;
  color: #FFFFFF !important;
  font-weight: 700;
}
.card-media .card-badge.badge-type,
.card-badge.badge-type {
  background: #163A2E !important;   /* սպիտակի հետ 11:1 */
}

/* ------------------------------------------------------------
   3. Footer-ի h3 վերնագրերը
   Գլոբալ h1,h2,h3 կանոնը տալիս է color: var(--pine) = #1F4D3D,
   որը footer-ի #163A2E ֖ֈոնի վրա գործնականում անտեսանելի է (1.1:1)
   ------------------------------------------------------------ */
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: #FFFFFF !important;
}

.site-footer,
.site-footer p,
.site-footer a,
.site-footer span {
  color: var(--footer-fg);
}

.site-footer a:hover {
  color: #FFFFFF;
}

.footer-bottom,
.footer-bottom span {
  color: #D6C4A8;
}

/* ------------------------------------------------------------
   4. Muted տեքստ
   ------------------------------------------------------------ */
.muted,
p.muted,
small.muted,
span.muted,
.card-meta,
.card-meta span,
.pay-note,
.spec small {
  color: var(--muted-text);
}

/* Footer-ի ներսում muted-ը չպետք է մուգ լինի */
.site-footer .muted {
  color: var(--footer-fg);
}

/* ------------------------------------------------------------
   5. Rust տեքստ cream ֆոնի վրա
   ------------------------------------------------------------ */
.price,
.see-all,
.booking-code,
.section-head .see-all {
  color: var(--rust-text) !important;
}

.price small {
  color: var(--muted-text);
}

/* Կոճակների ֆոնի rust-ը մնում է բնօրինակ — սպիտակ տեքստի հետ
   14px+ bold է, ուստի large text-ի կատեգորիայում 3:1 բավական է։
   Բայց ապահովության համար մուգացնում ենք */
.btn-rust {
  background: #B85526;
}
.btn-rust:hover {
  background: #9A4520;
}

/* ------------------------------------------------------------
   6. Icon-ների գույները (դեկորատիվ, բայց Lighthouse-ը ստուգում է)
   ------------------------------------------------------------ */
.card-meta i {
  color: #9C8560;
}
.spec i,
.step i {
  color: var(--rust-text);
}
.amenity i {
  color: #1F4D3D;
}