/* ================= RUBRIQUE (category.php, DA §8) ================= */

.efa-rub-entete{ position: relative; height: 460px; background-color: var(--efa-nuit); background-size: cover; background-position: center; display: flex; align-items: flex-end; }
.efa-rub-entete::before{ content:""; position:absolute; inset:0; background: linear-gradient(to right, rgba(12,46,47,.75) 0%, rgba(12,46,47,.25) 55%, rgba(12,46,47,.1) 100%); }
.efa-rub-entete-interieur{ position: relative; z-index: 2; width: 100%; padding-bottom: 148px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.efa-rub-entete-interieur > *{ max-width: calc(100% - 480px); }
.efa-rub-titre{ font-size: clamp(3rem, 1.6rem + 4vw, 6rem); font-weight: 900; line-height: .9; text-transform: uppercase; color: #fff; text-shadow: 0 2px 24px rgba(12,46,47,.4); }
.efa-rub-chapo{ margin: 0; color: rgba(255,255,255,.9); font-size: 1.0625rem; line-height: 1.5; max-width: 52ch; }
.efa-rub-credit{ right: auto; left: var(--efa-gouttiere); top: 16px; z-index: 3; margin: 0; }
@media (min-width: 1329px){ .efa-rub-credit{ left: calc((100vw - var(--efa-conteneur)) / 2 + var(--efa-gouttiere)); } }

/* Bande « niveau de crue » */
.efa-rub-crue{ position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: rgba(8,107,103,.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; z-index: 2; }
.efa-rub-crue-interieur{ width: 100%; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; color: #fff; }
.efa-rub-crue-interieur > *{ max-width: calc(100% - 480px); }
.efa-rub-reperes{ display: flex; gap: 10px 26px; font-weight: 700; flex-wrap: wrap; font-size: .9375rem; }
.efa-rub-reperes span{ display: inline-flex; align-items: center; gap: 8px; }
.efa-rub-reperes span::before{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--efa-turquoise); }
.efa-rub-sous{ display: flex; gap: 8px; flex-wrap: wrap; }
.efa-rub-sous .efa-cartouche{ background: rgba(255,255,255,.12); border-color: #fff; color: #fff; font-size: .6875rem; padding: 5px 12px; }
.efa-rub-sous .efa-cartouche::before{ border-color: rgba(255,255,255,.5); }
.efa-rub-sous .efa-cartouche::after{ background: #fff; }

.efa-rub-formulaire-carte{ position: absolute; right: max(var(--efa-gouttiere), calc((100vw - var(--efa-conteneur)) / 2 + var(--efa-gouttiere))); bottom: -80px; z-index: 5; width: 420px; }
.efa-rub-formulaire-carte .efa-form-voyage{ width: 100%; }

/* À la une : bornée à l'écran (jamais plus haute que la fenêtre) */
.efa-rub-une{ padding-top: 120px; padding-bottom: 32px; background: var(--efa-calcaire); }
.efa-rub-une-grille{ display: grid; grid-template-columns: 1.6fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; height: clamp(420px, calc(100vh - 220px), 560px); }
.efa-rub-une-carte{ position: relative; background-color: #0c2e2f; border-radius: var(--efa-rayon-tuile); overflow: hidden; display: block; grid-row: span 2; box-shadow: var(--efa-ombre); text-decoration: none; }
.efa-rub-une-carte:not(.efa-rub-une-carte--grande){ grid-row: span 1; }
.efa-rub-une-carte img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.efa-rub-une-carte:hover img{ transform: scale(1.04); }
.efa-rub-une-carte::after{ content:""; position:absolute; inset:0; background: linear-gradient(to top, rgba(12,46,47,.85), rgba(12,46,47,0) 60%); }
.efa-rub-une-etiquette{ position: absolute; top: 16px; left: 16px; z-index: 2; font-size: .6875rem; padding: 4px 12px; }
.efa-rub-une-titre{ position: absolute; left: 22px; bottom: 18px; right: 22px; z-index: 2; color: #fff; font-family: var(--efa-titre); font-weight: 800; font-size: 1.625rem; line-height: 1.05; }
.efa-rub-une-carte--grande .efa-rub-une-titre{ font-size: clamp(2rem, 1.3rem + 1.6vw, 3rem); max-width: 22ch; }

.efa-rub-grille-section{ padding-block: 32px 88px; background: var(--efa-calcaire); }
.efa-rub-grille{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--efa-gouttiere); align-items: stretch; }
.efa-rub-carte{ background: var(--efa-blanc); border-radius: var(--efa-rayon); }
.efa-rub-carte a{ height: 100%; display: flex; flex-direction: column; }
.efa-rub-carte img{ height: auto; aspect-ratio: 16/10; object-fit: cover; }
.efa-rub-carte h3{ font-family: var(--efa-titre); font-weight: 800; font-size: 1.5rem; line-height: 1.1; }
.efa-rub-plus{ text-align: center; margin-top: 36px; }
.efa-rub-plus .efa-btn{ border-color: var(--efa-accent); color: var(--efa-accent); min-height: 48px; }
.efa-rub-vide{ padding-block: 120px 80px; text-align: center; background: var(--efa-calcaire); }
@media (max-width: 980px){ .efa-rub-grille{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px){ .efa-rub-grille{ grid-template-columns: 1fr; } }

@media (max-width: 1040px){
	.efa-rub-entete{ height: auto; flex-direction: column; align-items: stretch; background-color: var(--efa-calcaire); background-size: auto 340px; background-repeat: no-repeat; background-position: center top; }
	.efa-rub-entete::before{ bottom: auto; height: 340px; background: linear-gradient(to top, rgba(12,46,47,.85), rgba(12,46,47,.15) 70%); }
	.efa-rub-entete-interieur{ min-height: 340px; justify-content: flex-end; padding-top: 48px; padding-bottom: 20px; }
	.efa-rub-crue{ background: var(--efa-accent); backdrop-filter: none; -webkit-backdrop-filter: none; }
	.efa-rub-entete-interieur > *, .efa-rub-crue-interieur > *{ max-width: 100%; }
	.efa-rub-crue{ position: relative; height: auto; padding: 16px 0; }
	.efa-rub-formulaire-carte{ position: relative; right: auto; bottom: auto; width: auto; max-width: 560px; margin: 40px auto 0; padding-inline: 16px; }
	.efa-rub-entete{ padding-bottom: 0; }
	.efa-rub-une{ padding-top: 40px; }
	.efa-rub-une-grille{ grid-template-columns: 1fr; grid-template-rows: none; height: auto; }
	.efa-rub-une-carte, .efa-rub-une-carte--grande{ grid-row: auto; height: 280px; }
}
@media (max-width: 600px){
	.efa-rub-titre{ font-size: 2.75rem; }
	.efa-rub-une-carte, .efa-rub-une-carte--grande{ height: 230px; }
	.efa-rub-une-carte--grande .efa-rub-une-titre{ font-size: 1.75rem; }
}