/* onglets : repris de home.html, adapté au balisage WordPress */
.expertises{background:var(--marine);color:#fff;position:relative;overflow:hidden}
.expertises::before{content:"";position:absolute;width:620px;aspect-ratio:1;border-radius:50%;left:-260px;top:-260px;background:radial-gradient(circle,rgba(0,144,192,.28),rgba(0,144,192,0) 65%)}
.expertises .page{position:relative}
.expertises h2{margin-bottom:12px}
.expertises .intro-section > p{color:#b9d0e3;margin-bottom:36px}
.onglets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:28px}
.onglet{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#cfe0ee;font:600 1rem/1.25 var(--titre);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.onglet svg{width:26px;height:26px;flex:none;color:var(--cyan-clair)}
.onglet:hover{background:rgba(255,255,255,.08);color:#fff}
.onglet[aria-selected="true"]{background:#fff;color:var(--marine);border-color:#fff}
.onglet[aria-selected="true"] svg{color:var(--cyan)}
.panneau{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,4vw,56px);background:#fff;color:var(--encre);border-radius:8px;padding:clamp(28px,4vw,52px)}
.panneau[hidden]{display:none}
.panneau h3{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:750;margin-bottom:22px}
.panneau .texte p:last-child{margin-bottom:0}
.cote{display:flex;flex-direction:column;gap:16px}
.garanties{background:var(--glace);border-radius:8px;padding:24px}
.garanties-titre{font-size:1.05rem;display:flex;align-items:center;gap:10px;margin-bottom:4px}
.garanties-titre svg{width:24px;height:24px;color:var(--cyan)}
.garanties > p{font-size:.88rem;color:var(--gris);margin-bottom:14px}
.garanties ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.garanties li{display:flex;gap:10px;font-size:.95rem;line-height:1.4}
.garanties li svg{width:18px;height:18px;flex:none;color:var(--bleu);margin-top:2px}
.etude{border-radius:8px;padding:24px;background:linear-gradient(150deg,var(--bleu),var(--marine-2));color:#fff}
.etude > p:first-child{display:block;font:700 1.1rem/1.3 var(--titre);margin-bottom:6px}
.etude p{font-size:.93rem;color:#cfe0ee;margin-bottom:16px}
.etude .wp-block-button__link{min-height:46px;font-size:.92rem;padding:0 18px}
@media (max-width:1180px){
  .onglets{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .panneau{grid-template-columns:1fr}
}
@media (max-width:640px){
  .onglets{grid-template-columns:1fr}
}
.onglet[aria-selected="true"] .pd .cle{animation:visse 1.1s ease-in-out}
.onglet[aria-selected="true"] .pd .coche{animation:trace-boucle 1.4s ease-in-out}
.onglet[aria-selected="true"] .pd .restaure{animation:tourne-inverse 1.2s cubic-bezier(.4,0,.2,1)}
.onglet[aria-selected="true"] .pd .fleche-haut{animation:monte 1.2s ease-in-out}
.onglet[aria-selected="true"] .pd .noeud{animation:pulse-n 1.2s ease-in-out}
.onglet[aria-selected="true"] .pd .liens{animation:trace-boucle 1.2s ease-in-out}

/* WordPress : titres des garanties, coches des listes, panneaux en blocs natifs */
.garanties-titre h4{font-size:1.05rem;margin:0}
.garanties li::before{content:"";width:18px;height:18px;flex:none;margin-top:2px;background:var(--bleu);-webkit-mask:var(--ic-coche) center/contain no-repeat;mask:var(--ic-coche) center/contain no-repeat}
.etude > p:first-child{color:#fff}
/* Éditeur : tous les panneaux sont visibles, chacun précédé de son libellé */
.onglet-edition{margin-bottom:24px}
.onglet-edition-libelle{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 16px;border-radius:8px;background:#fff;color:var(--marine);font:600 1rem/1.25 var(--titre)}
.onglet-edition-libelle svg{width:24px;height:24px;color:var(--cyan)}
