/* Beltrame Voyages — styles de base. Surchargez les variables dans votre thème. */
.bv {
	--bv-bleu: #0084ba;
	--bv-bleu-fonce: #005f86;
	--bv-or: #e3b54f;
	--bv-or-clair: #fbf3df;
	--bv-texte: #2f2d2e;
	--bv-gris: #6b6869;
	--bv-fond: #f6f8fa;
	--bv-rayon: 10px;
	--bv-max: 1200px;
	color: var(--bv-texte);
	line-height: 1.6;
}
.bv *, .bv *::before, .bv *::after { box-sizing: border-box; }
.bv h1, .bv h2, .bv h3 { line-height: 1.2; margin: 0 0 .6em; }
.bv img { max-width: 100%; height: auto; display: block; }

/* ---------- Fiche ---------- */
.bv-hero { position: relative; background: var(--bv-bleu); color: #fff; min-height: 260px; display: flex; align-items: flex-end; overflow: hidden; }
.bv-hero-img { min-height: clamp(320px, 55vh, 560px); }
.bv-hero-bg { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.bv-hero-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0) 60%); }
.bv-hero-inner { position: relative; z-index: 1; width: 100%; max-width: var(--bv-max); margin: 0 auto; padding: 32px 16px; }
.bv-hero-kicker { font-size: .9rem; margin: 0 0 .5em; opacity: .95; }
.bv-hero-kicker a { color: inherit; }
.bv-hero-titre { font-size: clamp(1.8rem, 4vw, 3rem); text-transform: uppercase; letter-spacing: .01em; }
.bv-hero-duree { display: inline-block; background: var(--bv-or); color: var(--bv-texte); padding: 4px 12px; border-radius: 999px; font-weight: 600; margin: 0; }

.bv-layout { max-width: var(--bv-max); margin: 0 auto; padding: 32px 16px 64px; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; align-items: start; }
.bv-accroche { font-size: 1.2rem; font-style: italic; color: var(--bv-bleu-fonce); border-left: 4px solid var(--bv-or); padding-left: 16px; }

.bv-box { border-radius: var(--bv-rayon); padding: 20px 24px; margin: 24px 0; }
.bv-box h2 { font-size: 1.15rem; text-transform: uppercase; letter-spacing: .03em; }
.bv-box ul { margin: 0; padding-left: 1.2em; }
.bv-box li { margin: .25em 0; }
.bv-box-plus { background: var(--bv-or-clair); border: 2px solid var(--bv-or); }
.bv-box-comprend { background: var(--bv-bleu); color: #fff; }
.bv-box-nc { background: var(--bv-fond); }
.bv-conditions { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }

.bv-programme h2, .bv-asavoir h2 { font-size: 1.5rem; color: var(--bv-bleu); }
.bv-jours { list-style: none; margin: 0; padding: 0; border-left: 3px solid var(--bv-or); }
.bv-jour { position: relative; padding: 0 0 20px 24px; }
.bv-jour::before { content: ""; position: absolute; left: -9px; top: 4px; width: 15px; height: 15px; border-radius: 50%; background: var(--bv-bleu); border: 3px solid #fff; }
.bv-jour h3 { font-size: 1.05rem; text-transform: uppercase; color: var(--bv-bleu-fonce); }
.bv-jour-num { color: var(--bv-or); margin-right: .3em; }
.bv-jour-texte p { margin: 0 0 .6em; }
.bv-jour-texte strong { color: var(--bv-bleu-fonce); }

.bv-encart { background: var(--bv-fond); border-radius: var(--bv-rayon); padding: 20px 24px; margin: 24px 0; border-top: 4px solid var(--bv-or); }
.bv-encart h3 { font-size: 1rem; text-transform: uppercase; color: var(--bv-bleu); }
.bv-alerte { background: #fff6e0; border-left: 4px solid var(--bv-or); padding: 10px 14px; }

.bv-side { position: sticky; top: 24px; }
.bv-resa { background: #fff; border-radius: var(--bv-rayon); box-shadow: 0 6px 30px rgba(0,0,0,.08); padding: 24px; border-top: 6px solid var(--bv-bleu); }
.bv-resa h2 { font-size: 1rem; text-transform: uppercase; margin-top: 1em; }
.bv-resa-prix { margin: 0; }
.bv-resa-prix strong { display: block; font-size: 2.4rem; color: var(--bv-bleu); line-height: 1.1; }
.bv-resa-prix small { color: var(--bv-gris); }
.bv-departs { list-style: none; margin: 0 0 12px; padding: 0; }
.bv-depart { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid #e6e8ea; }
.bv-depart-prix { font-weight: 700; }
.bv-depart-complet { opacity: .55; }
.bv-resa-note { font-size: .9rem; color: var(--bv-gris); }
.bv-btn { display: block; text-align: center; background: var(--bv-or); color: var(--bv-texte); font-weight: 700; padding: 14px 16px; border-radius: 999px; text-decoration: none; margin-top: 12px; }
.bv-btn:hover, .bv-btn:focus { background: #d9a535; color: var(--bv-texte); }
.bv-btn-alt { background: transparent; border: 2px solid var(--bv-bleu); color: var(--bv-bleu); }
.bv-btn-alt:hover, .bv-btn-alt:focus { background: var(--bv-bleu); color: #fff; }

.bv-statut { display: inline-block; font-size: .75rem; font-weight: 700; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; }
.bv-statut-dernieres_places { background: var(--bv-or); color: var(--bv-texte); }
.bv-statut-complet { background: #b32d2e; color: #fff; }

/* ---------- Catalogue ---------- */
.bv-archive { max-width: var(--bv-max); margin: 0 auto; padding: 32px 16px 64px; }
.bv-archive-head h1 { color: var(--bv-bleu); font-size: clamp(1.8rem, 4vw, 2.6rem); }
.bv-filtres { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; background: var(--bv-fond); padding: 16px; border-radius: var(--bv-rayon); margin: 16px 0 32px; }
.bv-filtres label { display: flex; flex-direction: column; gap: 4px; flex: 1 1 180px; font-size: .85rem; font-weight: 600; }
.bv-filtres select { padding: 10px; border: 1px solid #cfd4d8; border-radius: 6px; background: #fff; font: inherit; font-weight: 400; }
.bv-filtres button { background: var(--bv-bleu); color: #fff; border: 0; border-radius: 999px; padding: 12px 24px; font-weight: 700; cursor: pointer; }
.bv-reset { align-self: center; }

.bv-grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.bv-card { background: #fff; border-radius: var(--bv-rayon); overflow: hidden; box-shadow: 0 2px 14px rgba(0,0,0,.07); transition: transform .2s, box-shadow .2s; }
.bv-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.bv-card-link { display: block; color: inherit; text-decoration: none; height: 100%; }
.bv-card-media { position: relative; aspect-ratio: 4 / 3; background: var(--bv-bleu); }
.bv-card-media img { width: 100%; height: 100%; object-fit: cover; }
.bv-card-noimg { width: 100%; height: 100%; background: linear-gradient(135deg, var(--bv-bleu), var(--bv-bleu-fonce)); }
.bv-card-prix { position: absolute; left: 0; bottom: 16px; background: var(--bv-or); color: var(--bv-texte); font-weight: 800; font-size: 1.3rem; padding: 4px 14px 4px 16px; border-radius: 0 999px 999px 0; }
.bv-card-prix small { font-size: .7rem; font-weight: 600; }
.bv-card-body { padding: 16px 20px 20px; }
.bv-card-dest { margin: 0 0 4px; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--bv-bleu); font-weight: 700; }
.bv-card-titre { font-size: 1.15rem; margin: 0 0 6px; }
.bv-card-duree { margin: 0 0 6px; color: var(--bv-gris); font-size: .9rem; }
.bv-card-date { margin: 0; font-size: .9rem; font-weight: 600; }
.bv-vide { padding: 32px; background: var(--bv-fond); border-radius: var(--bv-rayon); }

/* ---------- Calendrier ---------- */
.bv-cal-mois { color: var(--bv-bleu); text-transform: uppercase; font-size: 1.1rem; border-bottom: 2px solid var(--bv-or); padding-bottom: 4px; margin-top: 1.5em; }
.bv-cal-liste { list-style: none; margin: 0; padding: 0; }
.bv-cal-liste a { display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #eceff1; color: inherit; text-decoration: none; }
.bv-cal-liste a:hover .bv-cal-titre { color: var(--bv-bleu); }
.bv-cal-titre { font-weight: 700; flex: 1 1 260px; }
.bv-cal-dates { color: var(--bv-gris); }
.bv-cal-prix { font-weight: 700; color: var(--bv-bleu); }

@media (max-width: 900px) {
	.bv-layout { grid-template-columns: 1fr; gap: 24px; }
	.bv-side { position: static; order: -1; }
	.bv-conditions { grid-template-columns: 1fr; }
}
.bv-nowrap { white-space: nowrap; }

/* ---------- Ramassage ---------- */
.bv-ramassage h2 { color: var(--bv-bleu); text-transform: uppercase; font-size: 1.4rem; margin-top: 1.5em; }
.bv-villes { columns: 3 160px; column-gap: 24px; list-style: none; padding: 0; margin: 0 0 1em; }
.bv-villes li { padding: 5px 0; border-bottom: 1px solid #e3e8eb; break-inside: avoid; }
.bv-tab-wrap { overflow-x: auto; }
.bv-tab { border-collapse: collapse; width: 100%; min-width: 460px; }
.bv-tab th, .bv-tab td { border: 1px solid #e3e8eb; padding: 10px 12px; text-align: left; vertical-align: top; }
.bv-tab thead th { background: var(--bv-bleu); color: #fff; text-transform: uppercase; font-size: .82rem; letter-spacing: .06em; }
.bv-tab .bv-dep { background: var(--bv-or-clair); color: var(--bv-bleu-fonce); text-transform: uppercase; letter-spacing: .05em; }
.bv-tab .bv-p { text-align: center; font-weight: 700; white-space: nowrap; }
.bv-tab small { color: var(--bv-gris); }

/* ---------- Brochures ---------- */
.bv-brochures { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 32px; }
.bv-broch-cover { aspect-ratio: 210 / 297; max-width: 100%; background: var(--bv-fond); box-shadow: 0 2px 14px rgba(0,0,0,.08); overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; padding: 16px; color: var(--bv-gris); }
.bv-broch-cover img { width: 100%; height: 100%; object-fit: cover; }
.bv-broch h3 { margin: 14px 0 4px; }
.bv-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.bv-btns .bv-btn { display: inline-block; margin: 0; padding: 10px 18px; }
.bv-bientot { color: var(--bv-gris); font-style: italic; }

/* ---------- Contact ---------- */
.bv-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
.bv-form label { display: flex; flex-direction: column; gap: 4px; font-weight: 600; min-width: 0; }
.bv-form .bv-full { grid-column: 1 / -1; }
.bv-form input, .bv-form select, .bv-form textarea { font: inherit; font-weight: 400; padding: 10px 12px; border: 1px solid #cfd4d8; width: 100%; }
.bv-form .bv-rgpd { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 400; color: var(--bv-gris); }
.bv-form .bv-rgpd input { width: auto; margin-top: 5px; }
.bv-form button.bv-btn { border: 0; cursor: pointer; display: inline-block; padding: 14px 28px; }
.bv-req { color: #b32d2e; }
.bv-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bv-ok { background: var(--bv-or-clair); border-left: 4px solid var(--bv-or); padding: 14px 16px; }
@media (max-width: 700px) { .bv-form { grid-template-columns: 1fr; } }

/* ---------- Accueil ---------- */
.bv-hero-accueil, .bv-accueil-gris, .bv-accueil-sombre, .bv-accueil-excursions, .bv-chiffres, .bv-accueil-contact { width: 100vw; max-width: none !important; position: relative; left: 50%; transform: translateX(-50%); padding-left: max(16px, calc((100vw - var(--bv-max, 1200px)) / 2)); padding-right: max(16px, calc((100vw - var(--bv-max, 1200px)) / 2)); box-sizing: border-box; }
.bv-hero-accueil { position: relative; min-height: clamp(460px, 78vh, 720px); background: #0b3a4f; color: #fff; overflow: hidden; display: flex; align-items: center; }
.bv-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.2s ease; }
.bv-slide.on { opacity: 1; z-index: 1; }
.bv-slide img { width: 100%; height: 100% !important; object-fit: cover; }
.bv-voile { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(90deg, rgba(0,28,42,.82), rgba(0,28,42,.45) 50%, rgba(0,28,42,0) 80%), linear-gradient(0deg, rgba(0,28,42,.55), rgba(0,28,42,0) 40%); }
.bv-hero-in { position: relative; z-index: 3; width: 100%; padding-block: 64px 120px; }
.bv-kicker { display: inline-block; background: var(--bv-or); color: var(--bv-texte); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; padding: 4px 10px; }
.bv-hero-accueil h1 { color: #fff; font-size: clamp(2.6rem, 7.5vw, 5.6rem); font-weight: 800; text-transform: uppercase; line-height: .95; margin: 18px 0 16px; max-width: 11ch; }
.bv-hero-accueil p { font-size: clamp(1.05rem, 1.6vw, 1.3rem); max-width: 40ch; margin: 0; }
.bv-dots { display: flex; gap: 8px; margin-top: 28px; }
.bv-dot { width: 34px; height: 4px; border: 0; padding: 0; background: rgba(255,255,255,.45); cursor: pointer; }
.bv-dot.on { background: var(--bv-or); }
.bv-slide figcaption { position: absolute; z-index: 4; right: max(16px, calc((100vw - 1200px) / 2)); bottom: 72px; max-width: 320px; }
.bv-slide figcaption a { display: flex; flex-direction: column; gap: 2px; background: rgba(0,28,42,.72); color: #fff; text-decoration: none; padding: 12px 16px; border-left: 4px solid var(--bv-or); }
.bv-cap-k { font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: var(--bv-or); font-weight: 700; }
.bv-cap-t { font-weight: 700; }
.bv-slide:not(.on) figcaption { display: none; }
.bv-accueil-recherche { position: relative; z-index: 5; margin-top: -48px; }
.bv-accueil-recherche .bv-filtres { background: #fff; box-shadow: 0 2px 14px rgba(0,40,60,.08); border-top: 4px solid var(--bv-or); }
.bv-accueil-section, .bv-accueil-gris, .bv-accueil-sombre { padding-block: 48px; }
.bv-accueil-section h2, .bv-accueil-contact h2 { color: var(--bv-bleu, #0084ba); text-transform: uppercase; font-weight: 800; }
.bv-accueil-gris { background: #f2f6f8; }
.bv-accueil-sombre { background: #0d2f40; color: #fff; }
.bv-accueil-sombre h2 { color: #e3b54f !important; }
.bv-prochains { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 24px; }
.bv-card-une .bv-card-titre { font-size: 1.5rem; }
.bv-lignes { display: flex; flex-direction: column; gap: 12px; }
.bv-ligne { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 16px; align-items: center; background: #fff; box-shadow: 0 2px 14px rgba(0,40,60,.08); text-decoration: none; color: inherit; padding-right: 16px; flex: 1; }
.bv-ligne img { width: 120px; height: 100%; min-height: 96px; object-fit: cover; display: block; }
.bv-ligne-txt { display: flex; flex-direction: column; gap: 2px; padding-block: 10px; min-width: 0; }
.bv-ligne-p { font-weight: 800; color: var(--bv-bleu); font-size: 1.15rem; white-space: nowrap; }
.bv-tuiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.bv-tuile { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: #0b3a4f; color: #fff; text-decoration: none; display: flex; flex-direction: column; justify-content: flex-end; }
.bv-tuile img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transition: transform .5s ease; }
.bv-tuile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0,28,42,.85), rgba(0,28,42,0) 55%); }
.bv-tuile:hover img { transform: scale(1.06); }
.bv-tuile-t, .bv-tuile-n { position: relative; z-index: 1; padding: 0 16px; }
.bv-tuile-t { font-weight: 800; text-transform: uppercase; font-size: 1.15rem; line-height: 1.1; }
.bv-tuile-n { color: var(--bv-or); font-weight: 600; font-size: .9rem; padding-bottom: 16px; padding-top: 4px; }
.bv-tuiles-une .bv-tuile:first-child { grid-column: span 2; aspect-ratio: auto; }
.bv-accueil-excursions { background: #fbf3df; padding-block: 56px; }
.bv-accueil-excursions h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; text-transform: uppercase; color: #005f86; }
.bv-kick { text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 700; color: #0084ba; }
.bv-lien-btn a { display: inline-block; background: #e3b54f; color: #2f2d2e; font-weight: 700; padding: 12px 22px; text-decoration: none; }
.bv-chiffres { background: #0084ba; color: #fff; padding-block: 40px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.bv-chiffres b { display: block; font-size: clamp(2.4rem, 5vw, 3.6rem); font-weight: 800; line-height: 1; color: #e3b54f; }
.bv-accueil-contact { background: #f2f6f8; padding-block: 40px; }
@media (max-width: 900px) {
  .bv-prochains { grid-template-columns: 1fr; }
  .bv-tuiles, .bv-chiffres { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bv-tuiles-une .bv-tuile:first-child { aspect-ratio: 16 / 10; }
  .bv-slide figcaption { display: none; }
}
@media (prefers-reduced-motion: reduce) { .bv-slide, .bv-tuile img { transition: none; } }

/* ---------- Onglets ramassage + agences ---------- */
.bv-onglets { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 3px solid var(--bv-bleu); margin-bottom: 24px; }
.bv-onglets button { font: inherit; border: 0; cursor: pointer; padding: 12px 22px; background: var(--bv-fond); color: var(--bv-bleu); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.bv-onglets button small { text-transform: none; letter-spacing: 0; font-weight: 400; }
.bv-onglets button[aria-selected="true"] { background: var(--bv-bleu); color: #fff; }
.bv-exc-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
.bv-exc-ville { border-top: 4px solid var(--bv-or); padding-top: 10px; }
.bv-exc-ville b { display: block; color: var(--bv-bleu-fonce); text-transform: uppercase; margin-bottom: 6px; }
.bv-exc-ville ul { list-style: none; margin: 0; padding: 0; }
.bv-exc-ville li { padding: 4px 0; border-bottom: 1px solid #e3e8eb; font-size: .95rem; }
.bv-agences { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.bv-agence h3 { color: var(--bv-bleu); text-transform: uppercase; font-size: 1rem; margin: 0 0 4px; }
.bv-agence p { margin: 0 0 6px; }
.bv-lignes-tel { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0; align-items: baseline; }
.bv-lignes-tel dt { font-size: .74rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; color: var(--bv-gris); }
.bv-lignes-tel dd { margin: 0; font-weight: 800; font-size: 1.1rem; }
.bv-lignes-tel dd a { color: var(--bv-bleu); text-decoration: none; }
.bv-lignes-mail dd { font-size: .92rem; font-weight: 600; overflow-wrap: anywhere; }
.bv-horaires { color: var(--bv-gris); font-size: .92rem; margin-top: 8px !important; }

/* Newsletter [beltrame_newsletter] */
.bv-newsletter { display: grid; grid-template-columns: 1fr 1.2fr; gap: 12px 32px; align-items: center; }
.bv-newsletter-titre { font-size: 1.35rem; font-weight: 700; margin: 0 0 4px; }
.bv-newsletter-txt p { margin: 0; }
.bv-newsletter .bv-ok, .bv-newsletter .bv-alerte { grid-column: 2; margin: 0; color: #1d1d1b; }
.bv-newsletter-form { display: flex; flex-wrap: wrap; gap: 8px; }
.bv-newsletter-form input[type=text], .bv-newsletter-form input[type=email] { flex: 1 1 140px; min-width: 0; padding: 12px 14px; border: 1px solid #cfd8de; border-radius: 8px; font: inherit; }
.bv-newsletter-form input[type=email] { flex-basis: 220px; }
.bv-newsletter-form .bv-btn { flex: 0 0 auto; }
.bv-newsletter-mention { flex-basis: 100%; margin: 2px 0 0; font-size: .82rem; opacity: .8; }
@media (max-width: 760px) { .bv-newsletter { grid-template-columns: 1fr; } .bv-newsletter .bv-ok, .bv-newsletter .bv-alerte { grid-column: 1; } }