/* Utilise les fontes déjà présentes sur le site (ex: Poppins) */
.clab, .clab * { font-family: 'Poppins', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }

.clab{ --paper:#fffaf6; --ink:#2b2b2b; --mut:#6b6762; --accent:#c76b2b; --accent-weak:#f2d6c4; --card:#ffffff;
  background:var(--paper); color:var(--ink); border:1px solid #efe6de; border-radius:16px; padding:18px; box-shadow:0 8px 28px rgba(0,0,0,.06);
}
.clab__title{margin:0 0 10px; font:700 22px/1.25 'Poppins', ui-sans-serif}
.clab__grid2{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.clab__grid3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; align-items:end}
@media (max-width:760px){ .clab__grid2,.clab__grid3{ grid-template-columns:1fr } }
.clab__row label{display:block; font-size:13px; color:var(--mut); margin-bottom:6px}
.clab__form input[type="range"], .clab__form input[type="number"], .clab__form select{
  width:100%; background:var(--card); color:var(--ink); border:1px solid #ecdace; border-radius:12px; padding:10px 12px; outline:none; transition:border .15s, box-shadow .15s;
}
.clab__form input[type="range"]{ padding:0; height:36px }
.clab__form input:focus, .clab__form select:focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(199,107,43,.18)}
.clab__check{display:inline-flex; gap:8px; align-items:center; font-size:14px}
.clab__fieldset{border:1px dashed #ead6c9; border-radius:12px; padding:10px 12px; margin:12px 0}
.clab__meter{font-size:12px; color:var(--mut); margin-top:4px}
.clab__actions{display:flex; gap:10px; margin-top:12px}
.clab__btn{border-radius:12px; padding:10px 14px; font-weight:700; cursor:pointer}
.clab--primary{background:var(--accent); color:#fff; border:0}
.clab--ghost{background:transparent; color:var(--accent); border:1px solid #f2d6c4}
.clab__results{margin-top:16px}
.clab__hint{font-size:14px; color:var(--mut)}

.clab-card{display:grid; grid-template-columns:120px 1fr; gap:14px; background:var(--card); border:1px solid #efe2d9; border-radius:14px; padding:12px; margin:12px 0; box-shadow:0 3px 10px rgba(0,0,0,.04)}
@media (max-width:560px){ .clab-card{grid-template-columns:92px 1fr} }
.clab-thumb{width:100%; aspect-ratio:1/1; border-radius:10px; object-fit:cover; background:#faf5f0; border:1px solid #f0e5db}
.clab-title2{margin:0 0 6px; font:700 17px/1.3 'Poppins', ui-sans-serif}
.clab-badges{display:flex; flex-wrap:wrap; gap:6px; margin-top:6px}
.clab-badge{font-size:11px; padding:4px 8px; border-radius:999px; border:1px solid #efd8c9; color:var(--accent); background:#fff5ef}
.clab-score{font-size:12px; color:var(--mut); margin-top:4px}
.clab-actions2{display:flex; flex-wrap:wrap; gap:8px; margin-top:8px}
.clab-actions2 a{display:inline-block; font-weight:700; color:#fff; background:#c76b2b; padding:8px 12px; border-radius:10px; text-decoration:none}
.clab-plan{font-size:12px; color:#544f4a; background:#fff9f5; border:1px solid #f1dfd2; border-radius:10px; padding:8px; margin-top:8px}
.clab-empty{color:#b34b4b}
.clab-loader{border:2px solid #f1e6dd; border-top-color:#c76b2b; border-radius:50%; width:26px; height:26px; animation:clspin .9s linear infinite; margin:12px auto}
@keyframes clspin{to{transform:rotate(360deg)}}

.entry-content .clab .clab-actions2 a,
.entry-content .clab .clab-actions2 a:hover{ background:#c76b2b; color:#fff; text-decoration:none; padding-bottom:0; position:static }
.entry-content .clab .clab-actions2 a::after{ content:none!important; display:none!important }