/*
Theme Name: Ateliers du Bois d'Arbre v15
Theme URI: https://ateliersduboisdarbre.fr
Author: Brunelle Dalbavie
Description: Thème artisanal pour les Ateliers du Bois d'Arbre. Sauge, beige, typographie BBB.
Version: 15.0
Text Domain: abda
*/

/* ── Polices BBB Baskervvol + Manifont Grotesk ────────────── */
@font-face {
  font-family: 'Baskervvol';
  src: url('fonts/BBBBaskervvol-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Baskervvol';
  src: url('fonts/BBBBaskervvol-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Baskervvol';
  src: url('fonts/BBBBaskervvol-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Baskervvol';
  src: url('fonts/BBBBaskervvol-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Baskervvol';
  src: url('fonts/BBBBaskervvol-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'ManifontGrotesk';
  src: url('fonts/BBBManifontGrotesk-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ManifontGrotesk';
  src: url('fonts/BBBManifontGrotesk-BookItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* ──────────────────────────────────────────────────────────── */

/* ── Variables ───────────────────────────────────────────── */
:root {
  --beige:       #ffffff;
  --sauge:       #1a1464;
  --sauge-fonce: #2e2096;
  --sauge-pale:  #d8d4f0;
  --blanc:       #ffffff;
  --noir:        #1e1e1e;
  --gris:        #6b6b6b;
  --bordure:     #e0e0e0;
  --titre:       'Baskervvol', Georgia, serif;
  --corps:       'ManifontGrotesk', system-ui, sans-serif;
  --nav-h:       52px;
  --marge:       clamp(32px, 7vw, 120px);
}

/* ── Reset ───────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: var(--corps); background: var(--beige); color: var(--noir); line-height: 1.7; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }

/* ── Typographie ─────────────────────────────────────────── */
h1, h2, h3, h4 { font-family: var(--titre); font-weight: 700; line-height: 1.15; }
h1 { font-size: clamp(1.6rem, 3.5vw, 2.8rem); }
h2 { font-size: clamp(1.2rem, 2.5vw, 2rem); }
h3 { font-size: clamp(1rem, 2vw, 1.4rem); }

/* ════════════════════════════════════════════════════════════
   NAVBAR FIXE
   ════════════════════════════════════════════════════════════ */
#abda-navbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--nav-h);
  background: var(--sauge);
  border-bottom: 1px solid var(--sauge-fonce);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(16px, 4vw, 48px);
  z-index: 500;
}
.abda-logo {
  font-family: var(--titre);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--beige);
  white-space: nowrap;
}
.abda-nav-links {
  display: flex;
  align-items: center;
  gap: clamp(16px, 3vw, 40px);
}
.abda-nav-links a {
  font-family: var(--corps);
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sauge-pale);
  transition: color 0.2s;
  white-space: nowrap;
}
.abda-nav-links a:hover { color: var(--beige); }
.abda-nav-links a.nav-externe {
  color: rgba(214,226,208,0.6);
  font-size: 0.72rem;
}
.abda-nav-links a.nav-externe:hover { color: var(--sauge-pale); }

/* Offset contenu */
.abda-main { margin-top: var(--nav-h); }
.admin-bar #abda-navbar { top: 32px; }

/* ════════════════════════════════════════════════════════════
   PAGE D'ACCUEIL — layout sidebar + contenu
   ════════════════════════════════════════════════════════════ */
.abda-home {
  display: grid;
  grid-template-columns: 240px 1fr;
  min-height: calc(100vh - var(--nav-h));
}

/* ── Sidebar Petit Manuel ────────────────────────────────── */
.abda-sidebar {
  background: var(--sauge);
  position: sticky;
  top: var(--nav-h);
  height: calc(100vh - var(--nav-h));
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 28px 20px 32px;
  border-right: 1px solid var(--sauge-fonce);
}
.abda-sidebar-label {
  font-family: var(--corps);
  font-size: 0.58rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(214,226,208,0.45);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.abda-sidebar-img {
  width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
  background: var(--sauge-fonce);
  margin-bottom: 16px;
}
.abda-sidebar-img img {
  width: 100%; height: 100%;
  object-fit: cover;
  filter: saturate(0.85);
  transition: transform 0.4s;
}
.abda-sidebar-img:hover img { transform: scale(1.03); }
.abda-sidebar-titre {
  font-family: var(--titre);
  font-size: 0.95rem;
  color: var(--beige);
  margin-bottom: 8px;
  line-height: 1.2;
}
.abda-sidebar-desc {
  font-family: var(--corps);
  font-size: 0.76rem;
  color: var(--sauge-pale);
  line-height: 1.65;
  margin-bottom: 18px;
  flex: 1;
}
.abda-sidebar-btn {
  display: block;
  font-family: var(--corps);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: var(--beige);
  color: var(--sauge-fonce);
  padding: 10px 16px;
  text-align: center;
  transition: background 0.2s, color 0.2s;
  border: none;
  cursor: pointer;
}
.abda-sidebar-btn:hover { background: var(--sauge-fonce); color: var(--beige); }

/* ── Contenu principal ───────────────────────────────────── */
.abda-content { min-width: 0; }

/* ════════════════════════════════════════════════════════════
   SECTIONS MOSAÏQUE
   ════════════════════════════════════════════════════════════ */
.abda-section {
  padding: clamp(32px,5vw,60px) var(--marge) 0;
}
.abda-section-header {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin-bottom: clamp(14px,2vw,24px);
}
.abda-section-titre {
  font-family: var(--titre);
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--noir);
  font-weight: normal;
}
.abda-section-ligne {
  flex: 1;
  height: 1px;
  background: var(--bordure);
}

/* ── Mosaïque (grille carrée sans espaces internes) ───────── */
.abda-mosaic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 0 calc(-1 * var(--marge));
  padding: 0 var(--marge);
}
.abda-mosaic.mosaic-auto {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* Carte mosaïque */
.abda-card {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  display: block;
  background: var(--sauge-pale);
  cursor: pointer;
}
.abda-card:nth-child(odd) { background: var(--sauge-pale); }
.abda-card:nth-child(even) { background: var(--bordure); }
.abda-card img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.85);
  transition: transform 0.5s ease, filter 0.3s ease;
}
.abda-card:hover img { transform: scale(1.05); filter: saturate(1); }

/* Overlay titre au survol */
.abda-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(68,80,64,0.85) 0%, transparent 55%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(12px,2vw,24px);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.abda-card:hover .abda-card-overlay { opacity: 1; }
.abda-card-cat {
  font-family: var(--corps);
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sauge-pale);
  margin-bottom: 4px;
}
.abda-card-titre {
  font-family: var(--titre);
  font-size: clamp(0.9rem, 1.8vw, 1.3rem);
  color: var(--beige);
  line-height: 1.2;
}

/* Carte sans image */
.abda-card.no-img .abda-card-overlay {
  opacity: 1;
  background: none;
  justify-content: center;
  align-items: center;
}
.abda-card.no-img .abda-card-titre { color: var(--sauge-fonce); text-align: center; }
.abda-card.no-img:hover .abda-card-overlay {
  background: linear-gradient(135deg, rgba(68,80,64,0.88), rgba(107,127,101,0.7));
}
.abda-card.no-img:hover .abda-card-titre { color: var(--beige); }

/* ════════════════════════════════════════════════════════════
   PAGE PROJET / PHILOSOPHIE — 2 colonnes
   ════════════════════════════════════════════════════════════ */
.abda-page-header {
  padding: clamp(24px,4vw,48px) var(--marge) clamp(16px,2vw,28px);
  border-bottom: 1px solid var(--bordure);
}
.abda-page-cat {
  font-family: var(--corps);
  font-size: 0.68rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--sauge);
  display: block;
  margin-bottom: 6px;
}
.abda-page-titre {
  font-family: var(--titre);
  font-size: clamp(1.4rem,3vw,2.4rem);
  font-weight: normal;
  color: var(--noir);
}

.abda-projet-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(30px,5vw,60px);
  padding: clamp(24px,4vw,48px) var(--marge);
  align-items: start;
}
.abda-projet-texte {
  position: sticky;
  top: calc(var(--nav-h) + 24px);
}
.abda-projet-texte .page-content {
  font-size: 0.95rem;
  line-height: 1.85;
  color: var(--noir);
}
.abda-projet-texte .page-content p { margin-bottom: 1.3em; }
.abda-projet-texte .page-content h2 { margin: 2em 0 0.7em; }

/* Slider projet */
.abda-swiper { overflow: hidden; }
.abda-swiper .swiper-slide img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  filter: saturate(0.9);
}
.abda-swiper .swiper-button-prev,
.abda-swiper .swiper-button-next {
  color: var(--beige);
  background: rgba(68,80,64,0.5);
  width: 36px; height: 36px;
  border-radius: 50%;
}
.abda-swiper .swiper-button-prev::after,
.abda-swiper .swiper-button-next::after { font-size: 13px; font-weight: 700; }
.abda-swiper .swiper-pagination-bullet { background: var(--beige); opacity: 0.6; }
.abda-swiper .swiper-pagination-bullet-active { background: var(--sauge-fonce); opacity: 1; }

/* ════════════════════════════════════════════════════════════
   PAGES TEXTE (À propos, Presse)
   ════════════════════════════════════════════════════════════ */
.abda-text-page {
  padding: clamp(32px,5vw,60px) var(--marge);
  max-width: calc(720px + 2 * var(--marge));
}
.abda-text-page h1 {
  font-family: var(--titre);
  font-size: clamp(1.6rem,3.5vw,2.8rem);
  font-weight: normal;
  margin-bottom: clamp(16px,3vw,32px);
  padding-bottom: 16px;
  border-bottom: 1px solid var(--bordure);
}
.abda-text-page .page-content { font-size: 0.95rem; line-height: 1.85; }
.abda-text-page .page-content p { margin-bottom: 1.3em; }
.abda-text-page .page-content h2 { margin: 2em 0 0.7em; color: var(--sauge-fonce); }
.abda-text-page .page-content a { color: var(--sauge); text-decoration: underline; text-underline-offset: 3px; }

/* Lien retour */
.abda-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--corps);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gris);
  margin-bottom: 28px;
  transition: color 0.2s;
}
.abda-back::before { content: '←'; }
.abda-back:hover { color: var(--sauge-fonce); }

/* ════════════════════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════════════════════ */
.abda-footer {
  background: var(--sauge);
  padding: 32px var(--marge);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-top: clamp(40px,6vw,80px);
  flex-wrap: wrap;
}
.abda-footer-nom {
  font-family: var(--titre);
  font-size: 1rem;
  color: var(--beige);
  font-weight: normal;
}
.abda-footer-liens {
  display: flex;
  gap: 24px;
  align-items: center;
}
.abda-footer-liens a {
  font-family: var(--corps);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sauge-pale);
  transition: color 0.2s;
}
.abda-footer-liens a:hover { color: var(--beige); }
.abda-footer-bas {
  background: var(--sauge-fonce);
  padding: 10px var(--marge);
  font-family: var(--corps);
  font-size: 0.68rem;
  color: rgba(214,226,208,0.5);
  display: flex;
  justify-content: space-between;
}
.abda-footer-bas a { color: rgba(214,226,208,0.5); }
.abda-footer-bas a:hover { color: var(--sauge-pale); }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .abda-home { grid-template-columns: 1fr; }
  .abda-sidebar {
    position: static;
    height: auto;
    flex-direction: row;
    overflow-x: auto;
    padding: 12px 16px;
    border-right: none;
    border-bottom: 1px solid var(--sauge-fonce);
    gap: 16px;
    align-items: center;
  }
  .abda-sidebar-label { display: none; }
  .abda-sidebar-img { width: 80px; height: 80px; aspect-ratio: 1; flex-shrink: 0; margin-bottom: 0; }
  .abda-sidebar-desc { font-size: 0.72rem; margin-bottom: 0; }
  .abda-sidebar-btn { flex-shrink: 0; padding: 8px 14px; }
}

@media (max-width: 768px) {
  :root { --marge: 16px; }
  .abda-mosaic { grid-template-columns: repeat(2, 1fr); }
  .abda-mosaic.mosaic-philosophie { grid-template-columns: 1fr; }
  .abda-projet-layout { grid-template-columns: 1fr; }
  .abda-projet-texte { position: static; }
  .abda-footer { flex-direction: column; gap: 16px; }
  .abda-nav-links { gap: 12px; }
  .abda-nav-links a { font-size: 0.68rem; }
  .abda-logo { font-size: 0.82rem; }
}

@media (max-width: 480px) {
  .abda-mosaic { grid-template-columns: 1fr; }
}

/* ── v2 : Force Bold + Uppercase ────────────────────────── */
h1, h2, h3, h4,
.abda-section-titre,
.abda-page-titre,
.abda-card-titre,
.abda-footer-nom {
  font-family: 'Baskervvol', Georgia, serif !important;
  font-weight: 700 !important;
}

#abda-navbar .abda-logo {
  font-family: 'Baskervvol', Georgia, serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #d8d4f0 !important;
}

/* ── v3 : Navbar verte, sidebar indigo ───────────────────── */
:root {
  --sauge-nav:   #6b7f65;
  --sauge-nav-f: #445040;
  --sauge-nav-p: #d6e2d0;
}

#abda-navbar {
  background: var(--sauge-nav) !important;
  border-bottom-color: var(--sauge-nav-f) !important;
}
#abda-navbar .abda-logo {
  color: var(--beige) !important;
}
#abda-navbar .abda-nav-links a {
  color: var(--sauge-nav-p) !important;
}
#abda-navbar .abda-nav-links a:hover {
  color: var(--beige) !important;
}

/* Sidebar reste indigo (Ronce) */
.abda-sidebar {
  background: #1a1464 !important;
  border-right-color: #2e2096 !important;
}
.abda-sidebar-btn {
  background: #d8d4f0 !important;
  color: #1a1464 !important;
}
.abda-sidebar-btn:hover {
  background: #2e2096 !important;
  color: #d8d4f0 !important;
}

/* Footer aussi en vert sauge */
.abda-footer { background: var(--sauge-nav) !important; }
.abda-footer-bas { background: var(--sauge-nav-f) !important; }
.abda-footer-nom { color: var(--beige) !important; }
.abda-footer-liens a { color: var(--sauge-nav-p) !important; }

/* ── v5 : Sidebar verte + titres Manifont Grotesk caps ───── */

/* Sidebar verte comme la navbar */
.abda-sidebar {
  background: #6b7f65 !important;
  border-right-color: #445040 !important;
}
.abda-sidebar-label { color: rgba(214,226,208,0.5) !important; border-bottom-color: rgba(255,255,255,0.1) !important; }
.abda-sidebar-titre { color: #f4ede0 !important; }
.abda-sidebar-desc { color: #d6e2d0 !important; }
.abda-sidebar-btn { background: #d6e2d0 !important; color: #445040 !important; }
.abda-sidebar-btn:hover { background: #445040 !important; color: #d6e2d0 !important; }

/* Titres : Manifont Grotesk Bold + majuscules */
h1, h2, h3, h4,
.abda-section-titre,
.abda-page-titre,
.abda-card-titre,
.abda-footer-nom,
.abda-logo {
  font-family: 'ManifontGrotesk', system-ui, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* ── v7 : Presse + marges + police logo ─────────────────── */

/* Logo en Manifont Grotesk (pas Baskervvol) */
#abda-navbar .abda-logo {
  font-family: 'ManifontGrotesk', system-ui, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 1.05rem !important;
  color: var(--beige) !important;
}

/* Mosaïques plus petites — marges plus grandes */
:root { --marge: clamp(48px, 10vw, 160px); }

/* Carte presse — titre toujours visible en bas */
.abda-card-presse {
  display: flex;
  flex-direction: column;
}
.abda-card-presse img {
  flex: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.abda-card-presse-footer {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(68,80,64,0.92) 0%, transparent 100%);
  padding: clamp(10px,2vw,20px) clamp(10px,2vw,16px) clamp(10px,2vw,16px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 1 !important; /* toujours visible */
}
.abda-card-media {
  font-family: 'ManifontGrotesk', system-ui, sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sauge-pale);
}
.abda-card-presse-titre {
  font-family: 'ManifontGrotesk', system-ui, sans-serif;
  font-size: clamp(0.78rem, 1.4vw, 1rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25;
  text-transform: uppercase;
}

/* Hover presse : légère mise en valeur */
.abda-card-presse:hover .abda-card-presse-footer {
  background: linear-gradient(to top, rgba(68,80,64,0.98) 0%, rgba(68,80,64,0.4) 100%);
}
.abda-card-presse:hover .abda-card-presse-titre {
  color: var(--sauge-nav-p, #d6e2d0);
}

/* Mobile */
@media (max-width: 768px) {
  :root { --marge: 20px; }
}

/* ── v8 corrections ─────────────────────────────────────── */

/* 1. Marges page presse */
.abda-mosaic-presse,
.abda-mosaic { padding-left: var(--marge) !important; padding-right: var(--marge) !important; }
/* Mais pas de gap interne */
.abda-mosaic { margin-left: 0 !important; margin-right: 0 !important; }

/* 2. Type + média dans carte presse */
.abda-card-presse-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
  flex-wrap: wrap;
}
.abda-card-type {
  font-family: 'ManifontGrotesk', system-ui, sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  background: rgba(255,255,255,0.2);
  color: #ffffff;
  padding: 2px 7px;
  border-radius: 2px;
}
.abda-card-media {
  font-family: 'ManifontGrotesk', system-ui, sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--sauge-pale, #d6e2d0);
}

/* 3. Tailles polices page accueil inversées */
/* Logo plus petit */
#abda-navbar .abda-logo {
  font-size: 0.85rem !important;
  letter-spacing: 0.12em !important;
}
/* Titres sections (Philosophie, Réalisations) plus grands */
.abda-section-titre {
  font-size: clamp(1.3rem, 2.5vw, 2rem) !important;
}

/* 4. Nav links plus gros */
.abda-nav-links a {
  font-size: 0.88rem !important;
  letter-spacing: 0.06em !important;
}
.abda-nav-links a.nav-externe {
  font-size: 0.85rem !important;
}

/* ── v9 : tailles corrigées ─────────────────────────────── */
#abda-navbar .abda-logo {
  font-size: 1.2rem !important;
  letter-spacing: 0.1em !important;
}
.abda-section-titre {
  font-size: clamp(0.85rem, 1.4vw, 1.1rem) !important;
  letter-spacing: 0.12em !important;
}

/* ── v12 : sidebar police + espacement ──────────────────── */

/* Titre Petit Manuel → Manifont Grotesk comme le reste */
.abda-sidebar-titre {
  font-family: 'ManifontGrotesk', system-ui, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 0.82rem !important;
}

/* Moins d'espace entre description et bouton Commander */
.abda-sidebar-desc {
  margin-bottom: 10px !important;
  flex: unset !important;
}

/* ── v14 : sidebar mobile optimisée ─────────────────────── */
@media (max-width: 900px) {
  .abda-sidebar {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 12px 16px !important;
    gap: 12px !important;
    overflow-x: visible !important;
  }
  .abda-sidebar-label { display: none !important; }

  /* Image petite à gauche */
  .abda-sidebar-img {
    width: 64px !important;
    height: 64px !important;
    aspect-ratio: 1 !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Titre + description dans le milieu */
  .abda-sidebar-titre {
    font-size: 0.72rem !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
  }
  .abda-sidebar-desc {
    font-size: 0.68rem !important;
    margin-bottom: 0 !important;
    display: none !important; /* caché sur mobile pour compacité */
  }

  /* Bouton à droite */
  .abda-sidebar-btn {
    flex-shrink: 0 !important;
    padding: 8px 14px !important;
    font-size: 0.65rem !important;
    white-space: nowrap !important;
    margin-left: auto !important;
  }

  /* Titre logo mobile — sur une ligne */
  #abda-navbar {
    padding: 0 12px !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    min-height: 48px !important;
  }
  #abda-navbar .abda-logo {
    font-size: 0.78rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  .abda-nav-links {
    flex-shrink: 0 !important;
    gap: 10px !important;
  }
  .abda-nav-links a {
    font-size: 0.65rem !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 480px) {
  /* Sur très petit écran, cacher "Collectif Ronce" */
  .abda-nav-links a.nav-externe { display: none !important; }
}

/* ── v15 : bandeaux mobiles sur 2 lignes ────────────────── */
@media (max-width: 768px) {

  /* Navbar : logo ligne 1, liens ligne 2 */
  #abda-navbar {
    flex-direction: column !important;
    align-items: flex-start !important;
    height: auto !important;
    padding: 10px 14px !important;
    gap: 6px !important;
  }
  #abda-navbar .abda-logo {
    font-size: 0.9rem !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    line-height: 1.2 !important;
  }
  .abda-nav-links {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
  }
  .abda-nav-links a {
    font-size: 0.72rem !important;
    white-space: nowrap !important;
  }
  .abda-nav-links a.nav-externe { display: inline !important; }

  /* Sidebar : image + titre ligne 1, bouton ligne 2 */
  .abda-sidebar {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 12px 14px !important;
    gap: 10px !important;
  }
  .abda-sidebar-row-top {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .abda-sidebar-img {
    width: 56px !important;
    height: 56px !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
  }
  .abda-sidebar-titre {
    font-size: 0.78rem !important;
    white-space: normal !important;
    flex: 1 !important;
    margin-bottom: 0 !important;
  }
  .abda-sidebar-desc { display: none !important; }
  .abda-sidebar-btn {
    width: 100% !important;
    text-align: center !important;
    padding: 9px !important;
    font-size: 0.7rem !important;
    margin-left: 0 !important;
  }
  /* Offset contenu sous les deux bandeaux */
  .abda-main { margin-top: 0 !important; }
}