/* Meubles Leclerc – Outils (s'appuie sur les couleurs du thème) */
:root{--mlo-green:var(--ml-green,#b0d048);--mlo-dark:var(--ml-dark,#1c1c1e)}
.mlo-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mlo-form-wrap{max-width:760px}
.mlo-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}
.mlo-form input[type=text],.mlo-form input[type=email],.mlo-form input[type=tel],.mlo-form select,.mlo-form textarea{width:100%;padding:11px 12px;border:1px solid #cfcfcf;border-radius:6px;font:inherit;background:#fff}
.mlo-form input:focus,.mlo-form select:focus,.mlo-form textarea:focus{outline:2px solid var(--mlo-green);border-color:var(--mlo-green)}
.mlo-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.mlo-consent label{font-weight:400;font-size:.85rem;display:flex;gap:8px;align-items:flex-start}
.mlo-notice{padding:12px 16px;border-radius:6px;margin-bottom:16px}
.mlo-notice--ok{background:#eef6d8;border-left:4px solid var(--mlo-green)}
.mlo-notice--err{background:#fdecea;border-left:4px solid #c0392b}
.mlo-brand{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#6b7d2a;font-weight:700;margin:2px 0 6px}
.mlo-badge{position:absolute;top:10px;left:10px;z-index:3;background:var(--mlo-green);color:#1c1c1e;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 10px;border-radius:30px}
.woocommerce ul.products li.product,.woocommerce div.product{position:relative}
.mlo-quote{border:1px solid #e3e3e3;border-left:4px solid var(--mlo-green);background:#fafaf7;padding:18px 20px;border-radius:8px;margin:18px 0}
.mlo-quote p{margin:0 0 10px}
.mlo-quote-actions{display:flex;flex-wrap:wrap;gap:10px}
.mlo-quote-hours{font-size:.82rem;color:#666;margin:0!important}
.ml-btn--dark{background:var(--mlo-dark)!important;color:#fff!important}
.mlo-devis{clear:both;margin:40px 0;padding:28px;background:#f4f4f1;border-radius:10px}
.mlo-devis h2{margin-top:0}
.mlo-see{white-space:nowrap}
/* Réalisations */
.mlo-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mlo-filters button{border:1px solid #ccc;background:#fff;padding:8px 14px;border-radius:30px;cursor:pointer;font:inherit;font-size:.88rem}
.mlo-filters button.is-active,.mlo-filters button:hover{background:var(--mlo-dark);color:#fff;border-color:var(--mlo-dark)}
.mlo-reals{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.mlo-real{margin:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.mlo-real img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.mlo-real a{display:block;overflow:hidden}
.mlo-real a:hover img{transform:scale(1.04)}
.mlo-real figcaption{padding:12px 14px;font-size:.9rem}
.mlo-real figcaption span{display:block;color:#666;font-size:.82rem;margin-top:3px}
.mlo-real.is-hidden{display:none}
.mlo-lb{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:flex;align-items:center;justify-content:center}
.mlo-lb img{max-width:92vw;max-height:86vh;border-radius:4px}
.mlo-lb button{position:absolute;background:none;border:0;color:#fff;font-size:2.4rem;cursor:pointer;padding:10px 18px;line-height:1}
.mlo-lb .mlo-x{top:10px;right:10px}.mlo-lb .mlo-prev{left:6px;top:50%;transform:translateY(-50%)}.mlo-lb .mlo-next{right:6px;top:50%;transform:translateY(-50%)}
.mlo-lb .mlo-count{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:#ddd;font-size:.9rem}
@media (max-width:640px){.mlo-grid{grid-template-columns:1fr}.mlo-devis{padding:18px}}