/* HiAssur /faq — v1.82.0
   Feuille dediee. Tous les selecteurs sont portes par .hi-faq-page. */

.hi-faq-page{
  --hf-blue:#0b2d6b;
  --hf-blue2:#2f6fe8;
  --hf-soft:#eaf2ff;
  --hf-red:#ef233c;
  --hf-green:#10b981;
  --hf-text:#53698a;
  --hf-line:#dde8f5;
  --hf-shadow:0 10px 28px rgba(15,42,91,.08);
  background:linear-gradient(180deg,#fbfdff,#f4f9ff);
  color:var(--hf-text);padding:14px 0 0;
}
.hi-faq-wrap{width:min(1260px,calc(100% - 28px));margin:0 auto}
.hi-faq-page svg{width:18px;height:18px;flex:none}

/* ---------- Fil d'ariane ---------- */
.hi-faq-fil{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px;font-size:13px}
.hi-faq-fil a{color:#6a7d98;text-decoration:none}
.hi-faq-fil a:hover{color:var(--hf-blue2);text-decoration:underline}
.hi-faq-fil strong{color:var(--hf-blue);font-weight:700}
.hi-faq-fil span[aria-hidden]{color:#aebdd2}

/* ---------- Banniere ---------- */
.hi-faq-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;padding:6px 0 26px}
.hi-faq-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px}
.hi-faq-badge b{background:var(--hf-blue);color:#fff;border-radius:999px;padding:5px 13px;font-size:11.5px;font-weight:800;letter-spacing:.04em}
.hi-faq-badge span{color:#6f839e;font-size:13px;font-weight:600}
.hi-faq-hero h1{margin:0 0 14px;color:var(--hf-blue);font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.02em}
.hi-faq-hero h1 span{display:block;color:var(--hf-red)}
.hi-faq-lead{font-size:16.5px;line-height:1.6;margin:0 0 24px;max-width:52ch;color:#4a6180}
.hi-faq-hero__visual{display:flex;align-items:center;justify-content:center}
.hi-faq-hero__visual img{width:100%;max-width:470px;height:auto;display:block}

/* ---------- Recherche ---------- */
.hi-faq-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--hf-line);
  border-radius:999px;padding:7px 7px 7px 20px;box-shadow:var(--hf-shadow);max-width:540px}
.hi-faq-search svg{color:#93a6c0}
.hi-faq-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--hf-blue);min-width:0;padding:10px 0}
.hi-faq-search input::placeholder{color:#9bacc5}
.hi-faq-search input:focus-visible{outline:none}
.hi-faq-search:focus-within{border-color:var(--hf-blue2);box-shadow:0 0 0 4px rgba(47,111,232,.12)}
.hi-faq-search button{border:0;cursor:pointer;background:var(--hf-blue);color:#fff;border-radius:999px;
  padding:13px 26px;font:inherit;font-weight:800;font-size:14.5px;transition:background .18s ease}
.hi-faq-search button:hover{background:#0d3a89}

/* ---------- Tuiles de theme ---------- */
.hi-faq-tuiles{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-bottom:34px}
.hi-faq-tuile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;
  background:#fff;border:1px solid var(--hf-line);border-radius:15px;padding:18px 12px;text-align:center;
  cursor:pointer;font:inherit;color:var(--hf-blue);font-weight:800;font-size:13px;line-height:1.3;
  box-shadow:0 6px 18px rgba(15,42,91,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hi-faq-tuile img{width:40px;height:40px;object-fit:contain}
.hi-faq-tuile:hover{transform:translateY(-3px);box-shadow:var(--hf-shadow);border-color:#cfe0f6}
.hi-faq-tuile[aria-pressed="true"]{border-color:var(--hf-blue2);box-shadow:0 10px 24px rgba(47,111,232,.18)}

/* ---------- Colonnes themes / questions ---------- */
.hi-faq-corps{display:grid;grid-template-columns:272px 1fr;gap:26px;align-items:start}
.hi-faq-aside{background:#fff;border:1px solid var(--hf-line);border-radius:16px;padding:20px 16px;box-shadow:var(--hf-shadow);position:sticky;top:90px}
.hi-faq-aside h2{margin:0 0 14px;color:var(--hf-blue);font-size:16px;font-weight:800}
.hi-faq-aside ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.hi-faq-aside button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;cursor:pointer;
  font:inherit;font-size:13.5px;font-weight:700;color:#5b7191;
  text-align:left;padding:10px 12px;border-radius:10px;transition:background .16s ease,color .16s ease}
.hi-faq-aside button img{width:20px;height:20px;object-fit:contain}
.hi-faq-aside button em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:#94a6bf}
.hi-faq-aside button:hover{background:#f3f8ff;color:var(--hf-blue)}
.hi-faq-aside button[aria-pressed="true"]{background:var(--hf-soft);color:var(--hf-blue)}
.hi-faq-aside button[aria-pressed="true"] em{color:var(--hf-blue2)}

.hi-faq-bloc{display:none}
.hi-faq-bloc.is-actif{display:block}
.hi-faq-bloc__head{margin-bottom:18px}
.hi-faq-eyebrow{display:flex;align-items:center;gap:10px;color:var(--hf-red);font-size:13px;font-weight:800;margin-bottom:8px}
.hi-faq-eyebrow::before{content:"";width:22px;height:2px;background:var(--hf-red);border-radius:2px;flex:none}
.hi-faq-bloc h2{margin:0 0 6px;color:var(--hf-blue);font-size:clamp(22px,2.3vw,28px);font-weight:800;line-height:1.2}
.hi-faq-bloc__head p{margin:0;font-size:14.5px;color:#6f839e}

.hi-faq-liste{display:flex;flex-direction:column;gap:11px}
.hi-faq-item{background:#fff;border:1px solid var(--hf-line);border-radius:13px;box-shadow:0 4px 14px rgba(15,42,91,.045);transition:border-color .18s ease,box-shadow .18s ease}
.hi-faq-item[open]{border-color:#cfe0f6;box-shadow:var(--hf-shadow);background:#fafcff}
.hi-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:17px 20px;
  color:var(--hf-blue);font-weight:700;font-size:14.5px;line-height:1.4}
.hi-faq-item summary::-webkit-details-marker{display:none}
.hi-faq-item summary:focus-visible{outline:2px solid var(--hf-blue2);outline-offset:-2px;border-radius:13px}
.hi-faq-item__ic{width:36px;height:36px;flex:none;border-radius:10px;background:var(--hf-soft);display:flex;align-items:center;justify-content:center}
.hi-faq-item__ic img{width:21px;height:21px;object-fit:contain}
.hi-faq-item summary .hi-faq-chev{margin-left:auto;color:var(--hf-blue2);transition:transform .2s ease}
.hi-faq-item[open] summary .hi-faq-chev{transform:rotate(180deg)}
.hi-faq-item p{margin:0;padding:0 20px 18px 70px;font-size:14px;line-height:1.65;color:#73869f}

.hi-faq-vide{display:none;background:#fff;border:1px dashed #cfe0f6;border-radius:13px;padding:26px 22px;text-align:center;font-size:14px;color:#73869f}
.hi-faq-vide.is-actif{display:block}
.hi-faq-vide b{display:block;color:var(--hf-blue);font-size:15px;margin-bottom:5px}

/* ---------- Acces par produit ---------- */
.hi-faq-produits-zone{margin-top:48px;background:linear-gradient(180deg,#eef5ff,#f6faff);border-top:1px solid #e3edfa;border-bottom:1px solid #e3edfa;padding:38px 0}
.hi-faq-produits{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.hi-faq-produit{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border:1px solid var(--hf-line);
  border-radius:16px;padding:20px 14px;text-align:center;box-shadow:0 6px 18px rgba(15,42,91,.05);
  transition:transform .18s ease,box-shadow .18s ease}
.hi-faq-produit:hover{transform:translateY(-3px);box-shadow:var(--hf-shadow)}
.hi-faq-produit__vis{height:72px;display:flex;align-items:center;justify-content:center;color:var(--hf-blue2)}
.hi-faq-produit__vis img{max-height:72px;width:auto;object-fit:contain}
.hi-faq-produit__vis svg{width:58px;height:58px}
.hi-faq-produit b{color:var(--hf-blue);font-size:14px;font-weight:800;line-height:1.3}
.hi-faq-produit a{margin-top:auto;display:inline-flex;align-items:center;gap:7px;background:#f2f7ff;border:1px solid #e0eaf8;
  border-radius:9px;padding:9px 14px;color:var(--hf-blue);font-size:12.5px;font-weight:800;text-decoration:none;transition:.18s ease}
.hi-faq-produit a:hover{background:#e7f0ff;color:var(--hf-blue2)}

/* ---------- Sections basses ---------- */
.hi-faq-section{margin-top:44px}
.hi-faq-section h2{margin:0 0 6px;color:var(--hf-blue);font-size:clamp(21px,2.2vw,27px);font-weight:800;line-height:1.2}
.hi-faq-section > p{margin:0 0 20px;font-size:14.5px;color:#6f839e}
.hi-faq-consultees{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hi-faq-consultee{display:flex;gap:14px;background:#fff;border:1px solid var(--hf-line);border-radius:14px;padding:18px;
  text-decoration:none;box-shadow:0 6px 18px rgba(15,42,91,.05);transition:transform .18s ease,box-shadow .18s ease}
.hi-faq-consultee:hover{transform:translateY(-3px);box-shadow:var(--hf-shadow)}
.hi-faq-consultee__ic{width:40px;height:40px;flex:none;border-radius:11px;background:var(--hf-soft);display:flex;align-items:center;justify-content:center}
.hi-faq-consultee__ic img{width:23px;height:23px;object-fit:contain}
.hi-faq-consultee b{display:block;color:var(--hf-blue);font-size:13.5px;font-weight:700;line-height:1.4;margin-bottom:10px}
.hi-faq-consultee span{display:inline-flex;color:var(--hf-blue2)}

.hi-faq-aide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hi-faq-aide a{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--hf-line);border-radius:15px;
  padding:20px;text-decoration:none;box-shadow:0 6px 18px rgba(15,42,91,.05);transition:transform .18s ease,box-shadow .18s ease}
.hi-faq-aide a:hover{transform:translateY(-3px);box-shadow:var(--hf-shadow)}
.hi-faq-aide__ic{width:52px;height:52px;flex:none;border-radius:14px;background:var(--hf-soft);color:var(--hf-blue2);display:flex;align-items:center;justify-content:center}
.hi-faq-aide__ic svg{width:26px;height:26px}
.hi-faq-aide b{display:block;color:var(--hf-blue);font-size:15px;font-weight:800;margin-bottom:4px}
.hi-faq-aide small{display:block;font-size:12.5px;line-height:1.45;color:#73869f}
.hi-faq-aide .hi-faq-fleche{margin-left:auto;color:var(--hf-blue2)}

/* ---------- Bandeau final ---------- */
.hi-faq-final{margin:44px 0 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;
  border-radius:18px;padding:28px 32px;color:#fff;background:linear-gradient(100deg,#0a2a63,#133d88 56%,#0d2f6e);
  box-shadow:0 18px 40px rgba(10,42,99,.26)}
.hi-faq-final img{width:92px;height:auto;flex:none}
.hi-faq-final h2{margin:0 0 7px;color:#fff;font-size:clamp(20px,2.1vw,26px);font-weight:800;line-height:1.2}
.hi-faq-final p{margin:0;font-size:14px;color:rgba(255,255,255,.82);line-height:1.5}
.hi-faq-final__actions{display:flex;gap:12px;flex-wrap:wrap}
.hi-faq-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:13px 22px;
  font-weight:800;font-size:14px;text-decoration:none;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease}
.hi-faq-btn--blanc{background:#fff;color:var(--hf-blue)}
.hi-faq-btn--rouge{background:linear-gradient(180deg,#ff3450,var(--hf-red));color:#fff;box-shadow:0 10px 20px rgba(239,35,60,.22)}
.hi-faq-btn:hover{transform:translateY(-1px)}
.hi-faq-bas{padding-bottom:50px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .hi-faq-tuiles{grid-template-columns:repeat(4,1fr)}
  .hi-faq-produits{grid-template-columns:repeat(3,1fr)}
  .hi-faq-consultees{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .hi-faq-hero{grid-template-columns:1fr}
  .hi-faq-hero__visual{order:-1}
  .hi-faq-hero__visual img{max-width:330px}
  .hi-faq-corps{grid-template-columns:1fr}
  .hi-faq-aside{position:static}
  .hi-faq-aside ul{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
  .hi-faq-aide{grid-template-columns:1fr}
  .hi-faq-final{grid-template-columns:1fr;text-align:left}
  .hi-faq-final img{width:70px}
}
@media (max-width:720px){
  .hi-faq-wrap{width:min(1260px,calc(100% - 20px))}
  .hi-faq-tuiles{grid-template-columns:repeat(2,1fr)}
  .hi-faq-produits{grid-template-columns:repeat(2,1fr)}
  .hi-faq-consultees{grid-template-columns:1fr}
  .hi-faq-aside ul{grid-template-columns:1fr}
  .hi-faq-search{flex-wrap:wrap;border-radius:16px;padding:12px}
  .hi-faq-search input{width:100%;flex:1 1 100%;padding-left:6px}
  .hi-faq-search button{width:100%}
  .hi-faq-item p{padding-left:20px}
  .hi-faq-final__actions{width:100%}
  .hi-faq-final__actions a{flex:1 1 100%}
}

@media (prefers-reduced-motion:reduce){
  .hi-faq-page *{transition:none !important}
  .hi-faq-tuile:hover,.hi-faq-produit:hover,.hi-faq-consultee:hover,.hi-faq-aide a:hover,.hi-faq-btn:hover{transform:none}
}
@media print{
  .hi-faq-final,.hi-faq-search,.hi-faq-tuiles,.hi-faq-aside{display:none}
  .hi-faq-bloc{display:block !important}
  .hi-faq-page{background:#fff;padding:0}
}