/*
Theme Name: MM Werk
Template: generatepress
Version: 1.0
Description: Child GeneratePress — ratgeber Küchenmontage. Industrial-clar: gri-grafit, accent portocaliu-unealtă, sans condensat, carduri cu contur. Rotația temelor: fonseca=custom dark, msw=custom warm, hfs=Blocksy, mmon=GeneratePress.
*/
:root{
  --bg:#f4f5f6; --card:#fff; --ink:#1c2024; --muted:#5a636b;
  --accent:#c4530b; --accent-dark:#94400a; --accent-on-dark:#f59248; --steel:#2f3a44; --steel-soft:#e3e7ea;
  --line:#d5dade; --ok:#2f7a4f;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.7 var(--sans)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-weight:750;line-height:1.2;letter-spacing:-.02em}
h1{font-size:2.45rem;margin:.3em 0}
h2{font-size:1.65rem;margin:1.7em 0 .5em;padding-left:14px;border-left:5px solid var(--accent)}
h3{font-size:1.18rem;margin:1.3em 0 .35em}
a{color:var(--accent-dark);text-decoration:none}
.mm-content p a,.mm-content li a{text-decoration:underline;text-underline-offset:2px}
p{margin:.65em 0}
img{max-width:100%;height:auto}
.mm-content article>img{max-height:440px;width:100%;object-fit:cover}
.muted{color:var(--muted)}
/* header: bară grafit compactă, logo stânga, nav dreapta — semnătură vizuală distinctă */
.mm-head{background:var(--steel);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.mm-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0}
.mm-brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:1.2rem;letter-spacing:-.02em;padding:14px 0}
.mm-brand span{color:var(--accent-on-dark)}
.mm-nav{display:flex;flex-wrap:wrap}
.mm-nav a{color:#c9d1d8;font-size:.9rem;font-weight:600;padding:16px 13px;display:block}
.mm-nav a:hover{color:#fff;background:rgba(255,255,255,.07);text-decoration:none}
.mm-cta{background:var(--accent);color:#fff!important;border-radius:3px;margin:8px 0 8px 6px;padding:10px 16px!important}
.mm-cta:hover{background:var(--accent-dark)!important}
/* conținut */
.mm-main{padding:30px 0 56px}
.mm-content{max-width:800px;margin:0 auto}
.mm-content table{width:100%;border-collapse:collapse;margin:1.1em 0;background:var(--card);font-size:.94rem;border:1px solid var(--line)}
.mm-content th{background:var(--steel);color:#fff;text-align:left;padding:10px 12px;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em}
.mm-content td{padding:9px 12px;border-top:1px solid var(--line)}
.mm-content tr:nth-child(even) td{background:#fafbfb}
/* tabelele din blocuri inchise (rezultate tool) nu primesc zebra — altfel text alb pe alb */
.mm-onsteel td,.mm-content .mm-onsteel tr:nth-child(even) td{background:transparent!important;color:#eef2f5}
.mm-note{background:var(--steel-soft);border-left:4px solid var(--steel);padding:12px 16px;margin:1.2em 0;font-size:.95rem}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 22px;min-height:44px;border:0;border-radius:3px;font:600 .95rem var(--sans);cursor:pointer;transition:.15s}
.btn:hover{background:var(--accent-dark);text-decoration:none}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{background:var(--card);color:var(--ink)}
/* carduri tools */
.mm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:1.3em 0}
.mm-card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);padding:20px}
.mm-card h3{margin:.2em 0 .3em;font-size:1.05rem}
.mm-card p{font-size:.9rem;color:var(--muted);margin:.3em 0 .7em}
/* formulare + tap targets ≥44px din start (lecția hfs) */
input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:3px;background:var(--card);font:inherit;color:var(--ink);min-height:44px}
label{font:600 .82rem var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:block;margin-top:10px}
.mm-check label{display:flex;align-items:center;gap:10px;min-height:44px;text-transform:none;font-weight:400;font-size:.95rem;color:var(--ink)}
.mm-check input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0}
/* surse */
.mm-quellen{list-style:none;padding:0;margin:1em 0;font-size:.9rem}
.mm-quellen li{padding:8px 0 8px 20px;border-top:1px solid var(--line);position:relative}
.mm-quellen li:before{content:"↗";position:absolute;left:0;color:var(--accent)}
.mm-quellen em{color:var(--muted);font-style:normal}
/* footer */
.mm-foot{background:var(--steel);color:#c9d1d8;margin-top:44px;padding:36px 0 0;font-size:.93rem}
.mm-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.mm-foot strong{color:#fff;display:block;margin-bottom:8px;font-size:1rem}
.mm-foot a{display:block;color:#c9d1d8;padding:3px 0}
.mm-foot a:hover{color:var(--accent-on-dark)}
.mm-copy{text-align:center;padding:18px 0;margin-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
/* cookie */
#mm-cookie{position:fixed;left:0;right:0;bottom:0;z-index:99;padding:12px}
.mm-cookie-card{max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.14);padding:16px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.mm-cookie-card a{text-decoration:underline}
@media(max-width:700px){
  h1{font-size:1.85rem}h2{font-size:1.35rem}
  /* header-ul sticky ocupa 40% din ecran pe mobil daca nav-ul se sparge pe 3 randuri:
     brand pe un rand, nav pe UN singur rand cu scroll orizontal */
  .mm-head{position:static}
  .mm-bar{flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:0}
  .mm-brand{padding:11px 0;font-size:1.1rem}
  .mm-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.12)}
  .mm-nav::-webkit-scrollbar{display:none}
  .mm-nav a{padding:12px 12px;font-size:.85rem;white-space:nowrap}
  .mm-cta{margin:6px 0 6px 6px;padding:9px 14px!important}
  /* tabelele cu 3-4 coloane nu incap la 390px: scroll orizontal in propriul container,
     nu pe toata pagina (altfel se taie textul si body-ul scrolleaza lateral) */
  .mm-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;
    background-image:linear-gradient(to right,#fff,rgba(255,255,255,0)),linear-gradient(to left,#fff,rgba(255,255,255,0));
    background-position:left center,right center;background-repeat:no-repeat;background-size:18px 100%;background-attachment:local,local}
  .mm-content table tbody,.mm-content table thead{display:table;width:100%;min-width:540px}
  .mm-content td,.mm-content th{font-size:.88rem;padding:8px 10px}
}
/* titlurile dinamice din comparator: aspect de titlu, dar nu <h3> (ar rupe ierarhia h1→h3) */
.iv-q{font-weight:750;font-size:1.18rem;line-height:1.25;letter-spacing:-.02em;margin:.2em 0 .6em;color:var(--ink)}
/* containerele umplute de JS rezerva inaltime: altfel continutul sare la randare (CLS) */
#iv-box{min-height:360px}
#af-list{min-height:900px}
#mk-out,#sk-out{min-height:1px}