/* ════════════════════════════════════════
   MIKVEDEN — BANDEAUX (bandeau.php)
   ════════════════════════════════════════ */
.mkb { position:relative; overflow:hidden; transition: max-height .28s ease, opacity .28s ease; max-height:400px; }
.mkb.is-closing { max-height:0 !important; opacity:0; }
.mkb-wrap { position:relative; max-width:1140px; margin:0 auto; padding:0 16px; }

/* ── Format texte : barre fine ── */
.mkb--texte { --mkb-bg:#e8f4f6; --mkb-fg:#00586a; --mkb-accent:#00758d; background:var(--mkb-bg); color:var(--mkb-fg); font-size:13.5px; line-height:1.4; }
.mkb--evenement { --mkb-bg:linear-gradient(90deg,#fdf3d7 0%,#fff8e7 50%,#fdf3d7 100%); --mkb-fg:#6b5208; --mkb-accent:#c9960c; }
.mkb--rose      { --mkb-bg:#fdeeee; --mkb-fg:#7d3f48; --mkb-accent:#b76e79; }
.mkb--urgent    { --mkb-bg:#fde8e4; --mkb-fg:#8a2c1c; --mkb-accent:#c4482f; }
.mkb--texte .mkb-wrap { display:flex; align-items:center; justify-content:center; min-height:44px; padding-right:44px; }
.mkb-link {
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 12px;
  padding:9px 0; color:inherit !important; text-decoration:none !important; text-align:center;
}
.mkb-ico {
  display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%;
  background:rgba(255,255,255,.7); color:var(--mkb-accent); font-size:12px; flex-shrink:0;
}
.mkb-txt b { font-weight:700; }
.mkb-btn {
  display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px;
  background:var(--mkb-accent); color:#fff; font-weight:600; font-size:12.5px; white-space:nowrap;
  transition: transform .2s ease, box-shadow .2s ease;
}
a.mkb-link:hover .mkb-btn { transform:translateX(2px); box-shadow:0 4px 12px rgba(0,0,0,.12); }
.mkb-mob { display:none; }
.mkb-close {
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border:0; border-radius:50%; background:transparent;
  color:inherit; opacity:.55; font-size:18px; line-height:1; cursor:pointer;
}
.mkb-close:hover { opacity:1; background:rgba(255,255,255,.6); }
@media (max-width: 767px) {
  .mkb--texte { font-size:12.5px; }
  .mkb-desk { display:none; }
  .mkb-mob { display:inline; }
  .mkb-link { flex-wrap:nowrap; gap:8px; text-align:left; justify-content:flex-start; }
  .mkb--texte .mkb-wrap { justify-content:flex-start; }
  .mkb-btn { padding:4px 10px; }
}

/* ── Format image ── */
.mkb--image { padding:8px 0; }
.mkb--image .mkb-wrap > a, .mkb--image picture { display:block; }
.mkb--image img { display:block; width:100%; height:auto; border-radius:16px; }
.mkb--image a { transition: transform .25s ease, box-shadow .25s ease; border-radius:16px; }
.mkb--image a:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,42,51,.12); }
.mkb--image .mkb-close { top:18px; right:26px; transform:none; background:rgba(255,255,255,.85); opacity:.85; color:#333; }
.mkb--apres-recherche { margin-top:40px; }

@media (prefers-reduced-motion: reduce) { .mkb, .mkb * { transition:none !important; } }