/*
 * STYLES PARTAGES — site Biome Constructions
 * ---------------------------------------------------------------
 * Charge apres tokens.css dans le layout principal (resources/views/layouts/site.blade.php).
 * Contient : le reset de base issu de la maquette (voir balise <style> dans
 * l'entete de chaque page .dc.html) et les classes de hover portees depuis
 * les attributs "style-hover" de la maquette (Header, Footer, StickyActions).
 *
 * Regle projet : pas de JS pour de simples effets de survol, on utilise :hover.
 * Les valeurs sont identiques au pixel a celles de la maquette.
 *
 * NE PAS MODIFIER LES VALEURS SANS VALIDATION (voir CLAUDE.md section 4).
 */

/* ===== Reset de base (identique a la balise <style> des pages .dc.html) ===== */
body {
  margin: 0;
  background: #fff;
}

/* ===== HEADER (Header.dc.html) ===== */

/* Liens de la nav du haut (Contact, Emplois, Notre entreprise, Partenaires) */
.biome-header__top-link:hover {
  color: var(--couleur-bleu-principal);
}

/* Blocs de la nav principale (ACHETER, VENDRE MON TERRAIN) */
.biome-header__block:hover {
  background: var(--couleur-fond-survol-bleu-clair);
}

/* ===== FOOTER (Footer.dc.html) ===== */

/* Icones reseaux sociaux (cercle) */
.biome-footer__social:hover {
  background: var(--couleur-bleu-principal);
}

/* Liens de colonnes (Acheter, Vendre mon terrain, L'entreprise, email) */
.biome-footer__link:hover {
  color: #fff;
}

/* Lien telephone en gras : deja blanc au repos, pas de changement de couleur au survol dans la maquette */
.biome-footer__link-strong:hover {
  color: #fff;
}

/* Liens du bas de footer (mentions legales, confidentialite, cookies) */
.biome-footer__bottom-link:hover {
  color: #fff;
}

/* ===== STICKY ACTIONS (StickyActions.dc.html) ===== */

/* Blocs sur fond bleu fonce (telephone, rappel, contact, offres, postuler...) */
.biome-sticky__item--fonce:hover {
  background: var(--couleur-bleu-fonce-hover);
}

/* Blocs sur fond bleu principal (biens, etre contacte, postuler) */
.biome-sticky__item--principal:hover {
  background: var(--couleur-bleu-hover);
}

/* Bloc sur fond bleu clair (estimez votre terrain) */
.biome-sticky__item--clair:hover {
  background: var(--couleur-bleu-clair-hover);
}

/* ===== PROPERTY CARD (PropertyCard.dc.html) ===== */

.biome-property-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ombre-property-card-hover);
}

.biome-property-card__voir:hover {
  border-color: var(--couleur-bleu-principal);
  color: var(--couleur-bleu-principal);
}

.biome-property-card__planifier:hover {
  background: var(--couleur-fond-survol-bleu);
}

.biome-property-card [data-bouton-favori]:hover {
  transform: scale(1.1);
}

/* ===== ACCUEIL (Accueil.dc.html) ===== */

/* Bouton principal du hero ("Voir nos biens disponibles") */
.biome-accueil__hero-cta:hover {
  background: var(--couleur-bleu-principal);
}

/* Cartes "parcours" (Acheter / Vendre mon terrain) */
.biome-accueil__parcours-carte:hover {
  transform: translateY(-4px);
  box-shadow: var(--ombre-carte-parcours-hover);
}

/* Liens secondaires bordures ("Voir tous nos biens", "En savoir plus",
   "Voir tous nos partenariats") */
.biome-accueil__lien-secondaire:hover {
  background: var(--couleur-fond-survol-bleu-clair);
}

/* Cartes biens disponibles */
.biome-accueil__bien-carte:hover {
  transform: translateY(-4px);
  box-shadow: var(--ombre-carte-hover);
}

/* Cartes partenaires */
.biome-accueil__partenaire-carte:hover {
  transform: translateY(-4px);
}

/* ===== QUI SOMMES-NOUS (Qui-sommes-nous.dc.html) ===== */

/* Bouton hero principal ("Decouvrir nos biens") */
.biome-about__hero-cta-principal:hover {
  background: var(--couleur-bleu-principal);
}

/* Bouton hero secondaire ("Nous contacter") */
.biome-about__hero-cta-secondaire:hover {
  border-color: var(--couleur-bleu-principal);
}

/* Bouton de la carte "independance" ("Decouvrez nos biens disponibles") */
.biome-about__carte-cta:hover {
  background: var(--couleur-bleu-hover);
}

/* ===== INVESTIR (Investir.dc.html) ===== */

/* Bouton hero principal ("Recevoir les opportunites") */
.biome-investir__hero-cta-principal:hover {
  background: var(--couleur-bleu-clair);
}

/* Bouton hero secondaire ("Etre conseille") */
.biome-investir__hero-cta-secondaire:hover {
  border-color: #fff;
}

/* Lien "Recevoir la liste complete" */
.biome-investir__lien-liste:hover {
  background: var(--couleur-fond-survol-bleu-clair);
}

/* Bouton "Demander le dossier" de chaque carte bien */
.biome-investir__carte-cta:hover {
  background: var(--couleur-bleu-principal);
}

/* ===== ACHETER — CARTE DES COMMUNES (bloc filtre localisation) ===== */

/* Commune avec au moins un bien, non selectionnee : teinte plus claire au
   survol (communes sans bien et communes selectionnees : pas de changement
   au survol, cf. resources/views/pages/acheter.blade.php). */
.biome-commune-forme--avec-biens:hover {
  fill: var(--couleur-bleu-clair);
}

/* Commune selectionnee (etat pilote par site.js, en direct avant l'appui sur
   "Rechercher"). Sur la carte, le fill est un attribut de presentation : une
   propriete CSS le surcharge par simple cascade ; la variante :hover (placee
   APRES la regle de survol ci-dessus, meme specificite) prime sur celle-ci pour
   un bien selectionne survole. Dans la liste, le bouton porte une classe de base
   (.biome-commune-bouton) que la classe selectionnee surcharge par l'ordre.
   Aucune regle de forcage ici (dette confinee a mobile.css, voir MobileSocleTest). */
.biome-commune-forme--selectionnee,
.biome-commune-forme--selectionnee:hover {
  fill: var(--couleur-bleu-fonce);
  stroke-width: 1.6;
}
.biome-commune-bouton {
  border: 1.5px solid #DCE3EC;
  background: #fff;
}
.biome-commune-bouton--selectionnee {
  border-color: var(--couleur-bleu-principal);
  background: var(--couleur-fond-survol-bleu-clair);
}

/* Bande de vignettes de la galerie bien : scroll horizontal sans barre
   visible (le defilement se fait aux fleches sur desktop, au doigt en
   mobile). Voir resources/views/pages/bien.blade.php et initGalerieBien. */
.biome-galerie-bande {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.biome-galerie-bande::-webkit-scrollbar {
  display: none;
}