/* ==== Arrière-plan site (image + position) ==== */
body{
  background-image:url('/storage/backgrounds/terres-royales-bg-3840x2160-q70.webp'); /* ? mets ton chemin */
  background-size: cover;
  background-position: center 30%; /* remonte un peu le cadrage vers le ciel/château */
  background-attachment: fixed; /* effet parallax léger */
  background-color:#0f0d0b;
  color:#e7e2d9;
}

/* ==== Hero plein écran + overlay sombre pour lisibilité ==== */
.hero, .page-header, .jumbotron, header.hero, .header {
  position: relative !important;
  min-height: 70vh;            /* hauteur du bandeau */
  display: flex;
  align-items: center;         /* centre verticalement le titre */
  background: transparent !important;
}
.hero::after, .page-header::after, .jumbotron::after, header.hero::after, .header::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(70% 60% at 50% 30%, rgba(0,0,0,.15), rgba(0,0,0,.55)),
              linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55));
  pointer-events:none;
}

/* Titre lisible par-dessus l'image */
.hero h1, .page-header h1, .jumbotron h1, .header h1{
  color:#fff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.85);
  font-weight:800;
}

/* ==== Enlever le “gros bloc gris” sous le hero ==== */
main, .content, .bg-light, .container-fluid, .container,
.section, .page, .page-content {
  background: transparent !important;
}

/* Cartes/blocs plus sombres si ton thème en affiche */
.card, .list-group-item, .dropdown-menu{
  background: rgba(23,19,16,.85) !important;    /* surface sombre */
  border: 1px solid rgba(212,175,55,.18) !important; /* léger liseré doré */
  color:#e7e2d9 !important;
}

/* Navbar subtilement translucide */
.navbar, .navbar.navbar-light, .navbar.navbar-dark{
  background: rgba(15,13,11,.75) !important;
  backdrop-filter: saturate(130%) blur(6px);
  border-bottom: 1px solid rgba(212,175,55,.22);
}

/* Petites optimisations */
a{ color:#e7e2d9 }
a:hover{ color:#d4af37 }