/* Alana Auto — styles partagés par toutes les pages (menu unifié, boutons, barre mobile) */

/* ---------- Menu ---------- */
header nav.aa-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1.1rem; }
header nav.aa-nav a { color: #fff; text-decoration: none; font-weight: 600; font-size: .95rem; padding: .25rem 0; border-bottom: 2px solid transparent; }
header nav.aa-nav a:hover { color: #ff6b00; }
header nav.aa-nav a[aria-current="page"] { color: #ff6b00; border-bottom-color: #ff6b00; }
header nav.aa-nav a.aa-nav-cta { background: #ff6b00; color: #fff; padding: .5rem .95rem; border-radius: 8px; border-bottom: 0; font-weight: 800; }
header nav.aa-nav a.aa-nav-cta:hover { background: #e55f00; color: #fff; }
header nav.aa-nav a.aa-nav-cta[aria-current="page"] { box-shadow: 0 0 0 2px #fff inset; }
header nav.aa-nav a.aa-nav-pro { border: 1.5px solid #ffb27a; color: #ffb27a; padding: .42rem .8rem; border-radius: 8px; font-weight: 800; }
header nav.aa-nav a.aa-nav-pro:hover { background: #ffb27a; color: #0a2540; }

.aa-nav-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; background: transparent; color: #fff; cursor: pointer; padding: 0; }
.aa-nav-toggle svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; fill: none; }
.aa-nav-toggle:focus-visible, header nav.aa-nav a:focus-visible { outline: 3px solid #ff6b00; outline-offset: 2px; }

@media (max-width: 960px) {
  header { position: relative; }
  .aa-nav-toggle { display: inline-flex; margin-left: auto; }
  header nav.aa-nav { display: none; order: 5; width: 100%; flex-direction: column; align-items: stretch; gap: 0; margin-top: .4rem; text-align: left; }
  header.aa-open nav.aa-nav { display: flex; }
  header nav.aa-nav a { padding: .85rem .2rem; font-size: 1rem; border-bottom: 0; border-top: 1px solid rgba(255,255,255,.14); }
  header nav.aa-nav a[aria-current="page"] { border-bottom: 0; }
  header nav.aa-nav a.aa-nav-cta { margin: .6rem 0 .2rem; text-align: center; padding: .9rem; }
}

/* ---------- Barre d'actions mobile (Appeler / Réserver / WhatsApp) ---------- */
.mobile-actions { display: none; }
@media (max-width: 700px) {
  .mobile-actions { position: fixed; z-index: 9998; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; background: #0a2540; padding: .5rem .5rem calc(.5rem + env(safe-area-inset-bottom)); box-shadow: 0 -4px 18px rgba(0,0,0,.22); }
  .mobile-actions a { display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 10px; color: #fff; text-decoration: none; font-weight: 800; font-size: .86rem; text-align: center; background: rgba(255,255,255,.08); }
  .mobile-actions a.primary { background: #ff6b00; }
  .mobile-actions a.wa { background: #1faa59; }
  body.has-mobile-actions { padding-bottom: 72px; }
}

/* ---------- Accessibilité ---------- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #ff6b00; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

/* ---------- Bandeau cookies ---------- */
.aa-cookiebar{position:fixed;z-index:10001;left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto;background:#0a2540;color:#fff;border-radius:16px;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.aa-cookiebar p{flex:1 1 360px;margin:0}
.aa-cookiebar a{color:#ffb27a;font-weight:700}
.aa-cookiebar-btns{display:flex;gap:10px;flex:0 0 auto}
.aa-cookiebar button{min-height:44px;min-width:118px;padding:0 18px;border-radius:10px;border:2px solid #fff;font:inherit;font-weight:800;cursor:pointer}
.aa-cookiebar button[data-v="refuse"]{background:#fff;color:#0a2540}
.aa-cookiebar button[data-v="accept"]{background:#ff6b00;border-color:#ff6b00;color:#fff}
@media (max-width:700px){
  .aa-cookiebar{left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));font-size:14px;padding:14px}
  .aa-cookiebar-btns{width:100%}.aa-cookiebar button{flex:1}
}
.aa-consent-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:#eef2f6;color:#33404d}
.aa-consent-ph p{margin:0;max-width:320px}
.aa-consent-ph button{min-height:44px;padding:0 18px;border-radius:10px;border:0;background:#0a2540;color:#fff;font:inherit;font-weight:800;cursor:pointer}
/* menu complet : le bouton téléphone se masque sur les écrans moyens (le numéro reste dans la barre mobile et le pied de page) */
@media (max-width: 1440px) and (min-width: 961px) { header .btn-appel, header .hd-tel { display: none; } }

/* Article à la une du jour */
.vedette.une-on{box-shadow:0 0 0 4px rgba(255,107,0,.18),0 14px 34px rgba(10,37,64,.12)}
.vedette.une-on .kicker{display:inline-block;background:#ff6b00;color:#fff!important;padding:4px 10px;border-radius:999px}
.vedette.une-on .kicker b{font-weight:900}
.vtab .vp s,.uh-p s{color:#8a929b;font-weight:600;font-size:.85em;margin-right:4px}
.une-home{padding-top:26px;padding-bottom:0}
.une-home .uh{display:grid;grid-template-columns:160px 1fr auto;gap:22px;align-items:center;background:#fff;border:2px solid #ff6b00;border-radius:20px;padding:18px 22px;box-shadow:0 14px 34px rgba(10,37,64,.10);position:relative}
.uh-r{position:absolute;top:-14px;left:18px;background:#ff6b00;color:#fff;font-weight:900;padding:5px 12px;border-radius:999px;font-size:.95rem}
.uh-i img{width:160px;height:160px;object-fit:contain;border-radius:12px;background:#fff}
.uh-i.uh-blade{width:160px;height:120px;border-radius:12px;background:#0a2540;color:#ff9a4d;font-weight:900;font-size:2rem;display:flex;align-items:center;justify-content:center}
.uh-k{color:#c45200;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;margin:0 0 4px}
.uh-t{color:#0a2540;font-size:1.35rem;margin:0 0 6px}
.uh-d{color:#4a525c;margin:0 0 8px;font-size:.95rem}
.uh-p{font-size:1.15rem;color:#0a2540;margin:0}.uh-p b{color:#c45200;font-size:1.35rem}
.uh-side{display:grid;gap:8px;justify-items:center;text-align:center}
.uh-tm{font-weight:900;color:#0a2540}
@media(max-width:760px){.une-home .uh{grid-template-columns:1fr;text-align:left;padding:22px 16px 16px}.uh-i img{width:120px;height:120px}.uh-side{justify-items:stretch}}