/* OAV « Coût total sur 3 ans » — composant #oavc, styles scopés (aucune collision hôte).
   Embarqué sous la grille d'offres de /tarifs. Piloté par /js/cost-simulator.js.
   Conforme CSP : aucun style inline, tout vit ici (style-src 'self'). */
#oavc-section{scroll-margin-top:80px;}
#oavc{max-width:760px;margin:0 auto;}
#oavc *{box-sizing:border-box;}
#oavc .oavc-card{background:var(--iw-white);border:2px solid var(--iw-red);border-radius:var(--radius-lg);padding:24px;margin:0;}
@media(min-width:640px){#oavc .oavc-card{padding:34px;}}

/* Sélecteur d'offre */
#oavc .oavc-pick{border:0;padding:0;margin:0 0 22px;min-inline-size:0;}
#oavc .oavc-legend{display:block;width:100%;font-weight:800;font-size:1.1rem;line-height:1.25;color:var(--text-heading);margin:0 0 14px;padding:0;}
#oavc .oavc-offers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
@media(max-width:560px){#oavc .oavc-offers{grid-template-columns:1fr;}}
#oavc .oavc-offer{position:relative;display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border:2px solid var(--iw-gray-300);border-radius:var(--radius-md);cursor:pointer;background:var(--iw-white);transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);}
#oavc .oavc-offer:hover{border-color:var(--iw-red);}
#oavc .oavc-offer:focus-within{outline:3px solid var(--iw-red-soft);outline-offset:2px;border-color:var(--iw-red);}
#oavc .oavc-offer.is-selected{border-color:var(--iw-red);background:var(--iw-red-soft);}
#oavc .oavc-offer input{margin:2px 0 0;width:20px;height:20px;flex:0 0 auto;accent-color:var(--iw-red);cursor:pointer;}
#oavc .oavc-offer-body{display:flex;flex-direction:column;gap:2px;}
#oavc .oavc-offer-name{font-weight:700;color:var(--text-heading);}
#oavc .oavc-offer-sub{font-size:.88rem;color:var(--text-muted);}

/* Bascule HT / TTC */
#oavc .oavc-toggle{border:0;padding:0;margin:0 0 22px;min-inline-size:0;}
#oavc .oavc-toggle-legend{font-weight:700;font-size:.9rem;color:var(--text-muted);margin:0 0 8px;padding:0;}
#oavc .oavc-switch{display:inline-flex;border:2px solid var(--iw-gray-300);border-radius:999px;overflow:hidden;}
#oavc .oavc-switch label{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;font-weight:800;font-size:.9rem;color:var(--text-muted);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);}
#oavc .oavc-switch input{position:absolute;opacity:0;width:1px;height:1px;}
#oavc .oavc-switch label:has(input:checked){background:var(--iw-red-deep);color:var(--iw-white);}
#oavc .oavc-switch label:focus-within{outline:3px solid var(--iw-red-soft);outline-offset:2px;}

/* Détail du calcul */
#oavc .oavc-result-title{margin:0 0 14px;font-weight:800;font-size:1.05rem;color:var(--text-heading);}
#oavc .oavc-lines{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:10px;}
#oavc .oavc-lines li{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--iw-gray-200);}
#oavc .oavc-lines .oavc-k{color:var(--text-body);font-weight:500;}
#oavc .oavc-lines .oavc-v{color:var(--text-heading);font-weight:700;text-align:right;white-space:nowrap;}
#oavc .oavc-lines .oavc-free{color:var(--iw-teal);font-weight:800;}
#oavc .oavc-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:16px 0 0;padding-top:16px;border-top:2px solid var(--iw-red);}
#oavc .oavc-total-k{font-weight:800;color:var(--text-heading);font-size:1.05rem;}
#oavc .oavc-total-amount{text-align:right;}
#oavc .oavc-total-v{display:block;font-weight:800;color:var(--iw-red-deep);font-size:1.9rem;line-height:1;white-space:nowrap;}
#oavc .oavc-total-sub{display:block;font-size:.8rem;color:var(--text-muted);font-weight:700;margin-top:4px;white-space:nowrap;}

#oavc .oavc-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0;}
#oavc .oavc-btn{font-family:inherit;font-weight:800;font-size:.95rem;border-radius:var(--radius-sm);padding:13px 22px;cursor:pointer;border:2px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:filter var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out);}
#oavc .oavc-btn-primary{background:var(--iw-red-deep);color:var(--iw-white);border-color:var(--iw-red-deep);flex:1 1 220px;}
#oavc .oavc-btn-primary:hover{filter:brightness(.92);text-decoration:none;color:var(--iw-white);}
#oavc .oavc-btn-outline{background:transparent;color:var(--iw-red-deep);border-color:var(--iw-red-deep);}
#oavc .oavc-btn-outline:hover{background:var(--iw-red-deep);color:var(--iw-white);text-decoration:none;}
#oavc .oavc-btn:focus-visible{outline:3px solid var(--iw-red-soft);outline-offset:2px;}
#oavc .oavc-copied{margin:10px 0 0;font-size:.85rem;font-weight:800;color:var(--iw-teal);}
#oavc .oavc-copied[hidden]{display:none;}

#oavc .oavc-hyp{border-top:1px solid var(--iw-gray-200);margin-top:22px;padding-top:18px;}
#oavc .oavc-hyp-title{margin:0 0 8px;font-weight:800;color:var(--text-heading);font-size:.92rem;}
#oavc .oavc-hyp p{margin:0;font-size:.85rem;line-height:1.6;color:var(--text-muted);}
#oavc .oavc-note{margin:14px 0 0;font-size:.85rem;color:var(--text-muted);}
#oavc .oavc-note a{color:var(--iw-red-deep);font-weight:700;}