/* ============================================================
   Accessibilité — Contraste WCAG AA
   Couleur de marque #f26800 STRICTEMENT conservée.

   Rappels de ratio (luminance #f26800 = 0.288) :
     • #f26800 sur blanc            = 3.11:1  → conforme en GRAND texte (seuil 3:1)
                                                 (≥18.66px gras ou ≥24px)
     • texte #1e2a3a sur #f26800    = 4.68:1  → conforme TOUTE taille (seuil 4.5:1)

   Stratégie (choisie : « agrandir / graisser le texte orange ») :
     - Petits libellés orange sur fond clair  → pastille #f26800 pleine
       + texte foncé gras (#1e2a3a) : 4.68:1, conforme quelle que soit la taille.
     - Liens / CTA orange sur blanc           → agrandis + mis en gras pour
       atteindre le seuil « grand texte » (3:1) tout en gardant #f26800.

   Chargé en dernier + !important : prime sur les styles scoped Vue ([data-v-*]).
   ============================================================ */

/* --- Badges de section (TOP RATED, LATEST, WE ARE PROVIDING, EXPLORE…) --- */
.section-badge {
  background: #f26800 !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 0.3rem 0.9rem !important;
  border-radius: 50px !important;
}

.section-badge i,
.section-badge svg {
  color: #fff !important;
  fill: #fff !important;
}

/* --- Badges de carte propriété (FOR SALE / FOR RENT) ---
   Déjà sur fond #f26800 plein : on passe le texte en foncé gras. */
.property-badge,
.badge-sale,
.badge-rent,
.badge-default {
  color: #fff !important;
  font-weight: 700 !important;
}

/* --- Liens / CTA orange sur fond clair ---
   #f26800 conservé ; agrandi + gras → « grand texte » (3:1 vs blanc = 3.11:1). */
.details-link,
.view-all-link,
.property-details-btn,
.learn-more-btn,
.more-link {
  color: #f26800 !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  /* ≈19.2px ≥ 18.66px gras */
}

/* --- Titres de section orange (déjà grands) : on garantit le gras --- */
.text-highlight {
  color: #f26800 !important;
  font-weight: 700 !important;
}

/* --- Titres footer / headquarter sur fond crème #fef1e7 ---
   #f26800 sur crème ≈ 2.8:1 (échoue même en grand). Pastille pleine. --- */
.footer-col-title,
.headquarter-title {
  display: inline-block !important;
  background: #f26800 !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 0.25rem 0.7rem !important;
  border-radius: 6px !important;
}

/* --- NavBar : lien actif + bouton login ---
   Le petit texte orange sur blanc ne peut pas atteindre 4.5:1.
   On garde #f26800 comme INDICATEUR de marque (soulignement / bordure,
   objet graphique = seuil 3:1) et on passe le libellé en foncé gras. */
.nav-links li a[aria-current="page"],
.nav-links li a.active,
.nav-links li a.medium.active {
  color: #fff !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-color: #f26800 !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 5px !important;
}

.login-btn {
  color: #1e2a3a !important;
  font-weight: 700 !important;
  border-color: #f26800 !important;
  /* bordure de marque, objet UI ≥3:1 */
}

.login-btn:hover {
  background: #f26800 !important;
  color: #fff !important;
}