/*
 * Le site public est rendu avec Bootstrap 5.3 (chargé via CDN dans
 * views/layouts/app.php) + le CSS custom `aaac-*` ci-dessous.
 *
 * Tailwind a été retiré ici (audit B-04) : il était compilé par Vite mais
 * jamais chargé (aucune directive @vite dans le layout) et aucune classe
 * Tailwind n'est utilisée dans les vues. Le réintroduire injecterait le
 * "preflight" de Tailwind qui entrerait en collision avec Bootstrap.
 *
 * Garder ce fichier minimal. Ne pas réimporter 'tailwindcss' sans valider
 * l'impact sur le rendu Bootstrap.
 */

/* ===== Styles globaux du layout (déplacés depuis le <style> inline de
   Site (1)/resources/views/layouts/app.blade.php) ===== */

:root{
  --aaac-red:var(--primary);
  --aaac-red2:var(--primary-hover);
  --aaac-ink:#0b1220;
  --aaac-muted:#667085;
  --aaac-border:#e6e8ee;
  --aaac-soft:#f6f7fb;
  --aaac-radius:18px;
}

/* HEADER */
.aaac-header{
  position: sticky; top:0; z-index:1030;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--aaac-border);
}
.aaac-brand{
  display:flex; align-items:center; gap:.75rem;
  text-decoration:none; color:var(--aaac-ink);
  font-weight:900; letter-spacing:.2px;
}
.aaac-logo{
  width:44px; height:44px; border-radius:14px;
  background: linear-gradient(135deg, var(--primary), var(--primary-hover));
  display:grid; place-items:center;
  color:#fff; font-weight:900;
  box-shadow: 0 14px 26px rgba(var(--primary-rgb),.22);
  flex:0 0 auto;
}
/* Logo affiché en grand (logo seul, sans texte) */
.aaac-logo--lg{
  width:58px; height:58px; border-radius:16px;
  font-size:1rem; letter-spacing:.5px;
}
.aaac-logo-img{
  height:54px; width:auto; display:block;
}
.text-aaac{ color: var(--primary) !important; }
.aaac-nav .nav-link{
  font-weight:700;
  color: var(--aaac-ink);
  border-radius: 14px;
  padding: .55rem .75rem;
}
.aaac-nav .nav-link:hover{
  background: rgba(var(--primary-rgb),.08);
  color: var(--aaac-red);
}

.btn-aaac{
  background: var(--aaac-red);
  border-color: var(--aaac-red);
  color:#fff;
  font-weight:800;
  border-radius: 16px;
  padding: .62rem 1.05rem;
  box-shadow: 0 12px 22px rgba(var(--primary-rgb),.20);
}
.btn-aaac:hover{ filter:brightness(.98); color:#fff; }

.btn-aaac-soft{
  background: #fff;
  border: 1px solid var(--aaac-border);
  color: var(--aaac-ink);
  font-weight:800;
  border-radius:16px;
  padding: .62rem 1.0rem;
}
.btn-aaac-soft:hover{
  background: rgba(var(--primary-rgb),.06);
  border-color: rgba(var(--primary-rgb),.30);
  color: var(--aaac-red);
}

.aaac-pill{
  display:flex; align-items:center; gap:.6rem;
  background:#fff;
  border:1px solid var(--aaac-border);
  border-radius: 999px;
  padding: .45rem .7rem;
  white-space: nowrap;
}
.aaac-pill a{ text-decoration:none; font-weight:900; color: var(--aaac-ink); }
.aaac-pill a:hover{ color: var(--aaac-red); }

.aaac-wa{
  width:38px; height:38px; border-radius:999px;
  display:grid; place-items:center;
  background:#16a34a; color:#fff; text-decoration:none;
  box-shadow: 0 10px 18px rgba(22,163,74,.18);
}
.aaac-wa:hover{ filter:brightness(1.04); color:#fff; }

/* FOOTER */
.aaac-footer{
  background: #0b1220;
  color: rgba(255,255,255,.86);
}
.aaac-footer a{ color: rgba(255,255,255,.82); text-decoration:none; }
.aaac-footer a:hover{ color:#fff; text-decoration: underline; text-underline-offset: 4px; }
.aaac-footcard{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--aaac-radius);
  padding: 1.1rem;
  height:100%;
}
.aaac-foot-title{ color:#fff; font-weight:900; margin-bottom:.6rem; }
.aaac-foot-muted{ color: rgba(255,255,255,.70); }

.aaac-social{
  width:42px; height:42px; border-radius: 14px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
}
.aaac-social:hover{ background: rgba(255,255,255,.14); }

/* Nice focus */
.form-control:focus, .form-select:focus{
  border-color: rgba(var(--primary-rgb),.35);
  box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.12);
}
    /* ✅ Mega menu full width */
/* ✅ Mega-menu stable : full width, pas de décalage, pas de coupure */
.aaac-header{ overflow: visible; }
.navbar{ position: static; }           /* important pour mega-menu */
.aaac-mega{ position: static; }        /* important pour mega-menu */

/* le menu prend toute la largeur écran */
.aaac-mega .dropdown-menu{
width: 100vw;
left: 0 !important;
right: 0 !important;
transform: none !important;
border-radius: 0 0 22px 22px;
margin-top: .6rem;
padding: 0;
border: 0;
}

/* style glass */
.aaac-mega-menu{
background: rgba(255,255,255,.98);
backdrop-filter: blur(12px);
box-shadow: 0 18px 55px rgba(15,23,42,.15);
}

/* mobile : dropdown normal */
@media (max-width: 991.98px){
  .navbar{ position: relative; }
  .aaac-mega{ position: relative; }
  .aaac-mega .dropdown-menu{
    width: 100%;
    left: 0 !important;
    right: auto !important;
    border-radius: 16px;
    margin-top: .35rem;
  }
}

/* ===== Modal premium (desktop + mobile) ===== */
.aaac-modal{ overflow:hidden; }
.aaac-modal-header{
  background: linear-gradient(135deg, rgba(var(--primary-rgb),.10), rgba(255,255,255,1));
  border-bottom: 1px solid var(--aaac-border);
}
.aaac-modal-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .75rem;
  border-radius:999px;
  border:1px solid rgba(var(--primary-rgb),.20);
  background: rgba(var(--primary-rgb),.06);
  font-weight:900;
  color: var(--aaac-ink);
  margin-bottom:.45rem;
}
.aaac-modal-kicker .dot{
  width:8px; height:8px; border-radius:999px;
  background: var(--aaac-red);
  box-shadow: 0 0 0 6px rgba(var(--primary-rgb),.18);
}
.aaac-modal-footer{
  border-top: 1px solid var(--aaac-border);
  background: #fff;
}