/* Simulateur de taille Box Flambère — v1 19/09/2026. Dépend des variables --bf-* du CSS commun du site. */
.bf-sim { --bf-vert:#00C83C; --bf-magenta:#FF37C3; --bf-profond:#102B23; --bf-blanc-casse:#F6F6EF; --bf-gris:#6B7A72; --bf-gris-clair:#E3E8E4; font-family:"Manrope-VariableFont_wght",Arial,sans-serif; color:var(--bf-profond); }
.bf-sim * { box-sizing:border-box; }
.bf-sim-tabs { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1rem; }
.bf-sim-tabs button { font-family:"Flambox-Bold",Arial,sans-serif; font-size:1rem; border:2px solid var(--bf-profond); background:#fff; color:var(--bf-profond); border-radius:999px; padding:.5rem 1.25rem; cursor:pointer; }
.bf-sim-tabs button[aria-selected="true"] { background:var(--bf-profond); color:#fff; }
.bf-sim-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:.75rem; }
.bf-sim-profil { border:1px solid var(--bf-gris-clair); border-radius:.75rem; padding:.75rem; background:#fff; cursor:pointer; text-align:left; font:inherit; color:inherit; }
.bf-sim-profil[aria-pressed="true"] { border-color:var(--bf-vert); box-shadow:0 0 0 3px rgba(0,200,60,.25); }
.bf-sim-profil strong { display:block; font-family:"Flambox-Bold",Arial,sans-serif; font-size:1.05rem; }
.bf-sim-profil span { color:var(--bf-gris); font-size:.85rem; }
.bf-sim-cat { margin:1rem 0 .5rem; font-family:"Flambox-Bold",Arial,sans-serif; font-size:1.1rem; }
.bf-sim-items { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:.5rem .75rem; }
.bf-sim-item { display:flex; align-items:center; justify-content:space-between; gap:.5rem; border:1px solid var(--bf-gris-clair); border-radius:.5rem; padding:.4rem .6rem; background:#fff; }
.bf-sim-item label { flex:1; font-size:.95rem; }
.bf-sim-item small { color:var(--bf-gris); display:block; font-size:.75rem; }
.bf-sim-qty { display:flex; align-items:center; gap:.25rem; }
.bf-sim-qty button { width:2rem; height:2rem; border-radius:50%; border:1px solid var(--bf-profond); background:#fff; color:var(--bf-profond); font-weight:700; cursor:pointer; line-height:1; }
.bf-sim-qty output { min-width:1.5rem; text-align:center; font-family:"Flambox-Bold",Arial,sans-serif; }
.bf-sim-options { display:flex; flex-wrap:wrap; gap:1rem 2rem; margin:1.25rem 0; padding:1rem; background:var(--bf-blanc-casse); border-radius:.75rem; }
.bf-sim-options label { display:flex; align-items:center; gap:.5rem; font-size:.95rem; }
.bf-sim-options select { border:1px solid var(--bf-gris-clair); border-radius:.5rem; padding:.3rem .5rem; font:inherit; }
.bf-sim-result { border:1px solid var(--bf-gris-clair); border-top:4px solid var(--bf-vert); border-radius:.75rem; padding:1.25rem; background:#fff; }
.bf-sim-result h3 { font-family:"Flambox-Bold",Arial,sans-serif; margin:0 0 .5rem; font-size:1.4rem; }
.bf-sim-reco { display:grid; grid-template-columns:1fr; gap:1rem; }
@media (min-width:820px){ .bf-sim-reco { grid-template-columns:1fr 1fr; } }
.bf-sim-card { border:1px solid var(--bf-gris-clair); border-radius:.75rem; padding:1rem; }
.bf-sim-card.bf-sim-main { border-color:var(--bf-vert); }
.bf-sim-card .bf-sim-prix { font-family:"Flambox-Bold",Arial,sans-serif; font-size:1.8rem; line-height:1.1; }
.bf-sim-card .bf-sim-prix small { font-family:"Manrope-VariableFont_wght",Arial,sans-serif; font-size:.9rem; color:var(--bf-gris); font-weight:500; }
.bf-sim-badge { display:inline-block; background:var(--bf-magenta); color:#fff; font-family:"Flambox-Bold",Arial,sans-serif; font-size:1.125rem; padding:.25rem .8rem; border-radius:999px; }
.bf-sim-kpi { display:flex; flex-wrap:wrap; gap:1rem 2rem; margin:.75rem 0; }
.bf-sim-kpi div strong { display:block; font-family:"Flambox-Bold",Arial,sans-serif; font-size:1.3rem; }
.bf-sim-kpi div span { color:var(--bf-gris); font-size:.85rem; }
.bf-sim-btn { display:inline-block; font-family:"Flambox-Bold",Arial,sans-serif; background:var(--bf-vert); color:var(--bf-profond); border-radius:999px; padding:.6rem 1.4rem; text-decoration:none; border:2px solid var(--bf-vert); }
.bf-sim-btn:hover { background:#00B236; border-color:#00B236; color:var(--bf-profond); }
.bf-sim-btn.bf-sim-btn-2 { background:#fff; border-color:var(--bf-profond); }
.bf-sim-btn.bf-sim-btn-2:hover { background:var(--bf-profond); color:#fff; }
.bf-sim-viz { margin-top:1rem; }
.bf-sim-viz svg { width:100%; height:auto; max-height:420px; display:block; }
.bf-sim-viz figcaption { color:var(--bf-gris); font-size:.85rem; }
.bf-sim-compare { list-style:none; padding:0; margin:.75rem 0 0; display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; }
.bf-sim-compare li { font-size:.9rem; }
.bf-sim-compare li::before { content:"≈ "; color:var(--bf-gris); }
.bf-sim-sources { margin-top:1.25rem; font-size:.85rem; color:var(--bf-gris); }
.bf-sim-sources summary { cursor:pointer; color:var(--bf-profond); }
.bf-sim-alert { background:#FFF3CD; color:#664D03; border-radius:.5rem; padding:.6rem .8rem; margin:.5rem 0; }
.bf-sim [hidden] { display:none !important; }