/* Fond photographique commun aux pages : image haute résolution, sans flou ni bandeaux.
   Le bandeau d’accueil .hero-new / .hero-new-bg est volontairement laissé intact. */
html { min-height: 100%; }
body {
  min-height: 100vh;
  background-color: #17364e !important;
  background-image: url("/images/wide_ultra_detailed_tropical_landscape_scene_brig.png?v=20261009-fond-hd") !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Annuler uniquement les anciens bandeaux/décorations ajoutés aux rubriques. */
.page-visual,
.rubrique-visual,
#annonces::before,
#annonces::after {
  display: none !important;
  content: none !important;
  background-image: none !important;
}

/* Fond visible sur les rubriques, sans ajouter de bandeau ni toucher au hero. */
main > section:not(.hero-new) {
  background-color: rgba(243, 246, 249, .78) !important;
  background-image: none !important;
}

/* Les annonces gardent un en-tête éditorial simple : aucun bandeau ni photo ajoutée. */
#annonces {
  background: rgba(245, 248, 251, .88) !important;
  padding-top: 48px;
}
#annonces .section-head {
  display: block;
  max-width: 1180px;
  margin: 0 auto 28px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
#annonces .section-head h2 {
  color: #18364f;
  text-shadow: none;
}
#annonces .section-head p {
  color: #526b80;
  text-shadow: none;
}
#annonces .section-head::after { display: none !important; }
#annonces .property-tabs,
#annonces .search-panel,
#annonces .results-bar,
#annonces .listing-grid {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
#annonces .search-panel {
  background: rgba(255,255,255,.96);
  border: 1px solid #e2e8ee;
  box-shadow: 0 10px 30px rgba(20,43,64,.07);
  backdrop-filter: none !important;
}

/* Lisibilité sur le fond photo : les panneaux restent clairs, l'image reste nette derrière. */
main:not(:has(>.hero-new)),
body > main:not(:has(>.hero-new)) {
  background: transparent;
}
.agency-section,
.account-panel,
.form-wrap,
.agency-content,
.dashboard-section,
.dashboard-card,
.agency-profile-card,
.advertiser-form-section {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 800px) {
  body {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
  #annonces { padding-top: 30px; }
}