/* ═══════════════════════════════════════════════════════════════════
   Expertiza Diamante — componente comune temelor (prima pagină)
   Bandă cu repere de preț (.mk-ticker), calculator rapid (.mk-calc),
   fișă de raport (.lab-report), procesul în 4 pași (.lab-steps), „Știai că?” (.lab-facts),
   secțiunea de instrumente (.cmp-tools). Se încarcă doar când tema activă are componente
   activate (Admin → Temă site). Culorile vin din variabile; fiecare temă le poate redefini.
   ═══════════════════════════════════════════════════════════════════ */
:where(:root){
  --lb-navy:#10141f;
  --lb-navy-2:#1a2030;
  --lb-blue:#8a6c2b;
  --lb-accent:#e7d6a8;
  --lb-ice:#f3eee3;
  --lb-paper:#ffffff;
  --lb-rule:#e7e3da;
  --lb-ease:cubic-bezier(.2,.8,.2,1);
  --mk-ink:#10141f;
  --mk-text:#23262e;
  --mk-soft:#5b6170;
  --mk-rule:#e7e3da;
  --mk-paper:#f8f5ef;
  --mk-gold:#9b7c34;
  --mk-ease:cubic-bezier(.2,.8,.2,1);
}

/* ── Bandă cu repere de preț ── */
.mk-ticker{background:var(--mk-ink);color:#e9e6de;font-size:.84rem;border-bottom:2px solid var(--mk-gold)}
.mk-ticker__inner{max-width:var(--maxw);margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.mk-ticker__inner::-webkit-scrollbar{display:none}
.mk-ticker__label{color:#d4b56a;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.mk-ticker__label small{display:block;color:#9a978f;font-weight:500;letter-spacing:.06em}
.mk-ticker__list{list-style:none;margin:0;padding:0;display:flex;gap:26px}
.mk-ticker__list li{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
.mk-ticker__list b{color:#fff;font-weight:600}
.mk-ticker__v{color:#e9e6de}
.mk-ticker__c{font-size:.78rem;color:#8d8a83}
.mk-ticker__c--up{color:#4fd389}
.mk-ticker__c--down{color:#ff7a70}
.mk-ticker__link{margin-left:auto;color:#d4b56a;font-weight:600;font-size:.78rem;text-decoration:none}
.mk-ticker__link:hover{color:#fff}

/* ── Calculator rapid ── */
.mk-calc{grid-area:calc;background:#fff;border:1px solid var(--mk-rule);border-top:3px solid var(--mk-ink);padding:22px 22px 18px;box-shadow:var(--shadow);animation:mkIn .9s var(--mk-ease) both .1s;color:var(--mk-text);text-align:left}
@keyframes mkIn{from{opacity:0;translate:0 16px}to{opacity:1;translate:none}}
.mk-calc__kicker{margin:0;color:var(--mk-gold);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.mk-calc h2{font-size:1.5rem;margin:4px 0 14px;color:var(--mk-ink)}
.mk-calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.mk-calc__grid label{display:grid;gap:4px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mk-soft)}
.mk-calc__grid input,.mk-calc__grid select{font:inherit;font-size:.95rem;text-transform:none;letter-spacing:0;color:var(--mk-ink);padding:9px 10px;border:1px solid var(--mk-rule);border-radius:2px;background:var(--mk-paper);width:100%}
.mk-calc__grid input:focus,.mk-calc__grid select:focus{outline:none;border-color:var(--mk-ink)}
.mk-calc__out{margin:14px 0 10px;background:var(--mk-ink);color:#fff;padding:12px 14px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.mk-calc__out span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#bdb9af}
.mk-calc__out strong{font-family:var(--font-serif);font-size:1.45rem;color:#e2c375;font-variant-numeric:tabular-nums}
.mk-calc__note{margin:0;font-size:.8rem;color:var(--mk-soft)}
.mk-calc__note a{font-weight:600;color:var(--mk-ink)}

/* ── Fișă de raport (exemplu) ── */
.lab-report{grid-area:report;position:relative;overflow:hidden;background:var(--lb-paper);color:#1b2638;border-radius:6px;
  box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.4);padding:0 0 18px;font-size:.92rem;max-width:440px;justify-self:end;width:100%;text-align:left;
  background-image:repeating-linear-gradient(135deg,rgba(29,79,156,.035) 0 2px,transparent 2px 9px)}
.lab-report__head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--lb-blue);color:#fff;padding:14px 20px}
.lab-report__title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;letter-spacing:.02em}
.lab-report__tag{font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.6);border-radius:99px;padding:3px 9px;white-space:nowrap}
.lab-report__no{margin:12px 20px 8px;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;color:#55627a;letter-spacing:.04em}
.lab-report__grid{display:grid;grid-template-columns:1fr 1fr;margin:0 20px;border-top:1px solid var(--lb-rule)}
.lab-report__grid div{padding:10px 0;border-bottom:1px solid var(--lb-rule)}
.lab-report__grid div:nth-child(odd){padding-right:12px;border-right:1px solid var(--lb-rule)}
.lab-report__grid div:nth-child(even){padding-left:14px}
.lab-report__grid dt{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#6a7790}
.lab-report__grid dd{margin:2px 0 0;font-weight:600;font-size:1.02rem;color:#0b1730;font-variant-numeric:tabular-nums}
.lab-report__foot{display:flex;gap:14px;align-items:center;margin:14px 20px 0}
.lab-report__qr{flex:none;width:64px;height:64px;fill:#0b1730;background:#fff;padding:4px;border:1px solid var(--lb-rule)}
.lab-report__foot p{margin:0;font-size:.8rem;color:#55627a;line-height:1.5}
.lab-report__foot a{font-weight:600;color:var(--lb-blue)}
.lab-report__scan{position:absolute;left:0;right:0;top:-30%;height:30%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(47,111,208,.10) 70%,rgba(47,111,208,.35) 98%,transparent);opacity:0}
.cmp-js .lab-report__grid div{opacity:0;translate:0 6px;animation:lbRow .6s var(--lb-ease) forwards;animation-delay:calc(.5s + var(--i) * .12s)}
.cmp-js .lab-report__scan{animation:lbScan 5.5s ease-in-out 1.4s infinite}
.cmp-js .lab-report{animation:lbIn 1s var(--lb-ease) both .15s}
@keyframes lbRow{to{opacity:1;translate:none}}
@keyframes lbScan{0%{top:-30%;opacity:0}12%{opacity:1}55%{top:100%;opacity:1}60%,100%{top:100%;opacity:0}}
@keyframes lbIn{from{opacity:0;translate:0 24px}to{opacity:1;translate:none}}

/* ── Procesul în 4 pași ── */
.lab-steps{background:var(--lb-navy);color:#d6e0ee;padding:64px 0 72px;border-top:1px solid rgba(255,255,255,.08)}
.lab-steps .lab-steps__title{color:#fff;font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0 0 28px;font-weight:600}
.lab-steps__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.lab-step{border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s,background .3s,transform .4s var(--lb-ease)}
.lab-step:hover{border-color:var(--lb-accent);background:color-mix(in srgb,var(--lb-accent) 7%,transparent);transform:translateY(-3px)}
.lab-step__no{font-family:var(--font-serif);font-size:2.2rem;line-height:1;color:var(--lb-accent)}
.lab-steps .lab-step h3{color:#fff;margin:0;font-size:1.2rem}
.lab-step p{margin:0;color:#b9c7dc;font-size:.92rem;flex:1}
.lab-step a{color:#fff;font-weight:600;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.lab-step a:hover{color:var(--lb-accent)}

/* ── „Știai că?” ── */
.lab-facts{background:var(--lb-ice);border-bottom:1px solid var(--lb-rule)}
.lab-facts__inner{display:flex;align-items:center;gap:18px;padding:18px 24px}
.lab-facts__label{flex:none;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--lb-blue);border-radius:99px;padding:6px 12px}
.lab-facts__list{list-style:none;margin:0;padding:0;flex:1;min-height:1.6em;color:#1b2638;font-size:1rem}
.lab-facts__list li{animation:lbFact .6s var(--lb-ease)}
@keyframes lbFact{from{opacity:0;translate:0 6px}to{opacity:1;translate:none}}
.lab-facts__nav{display:flex;gap:6px;flex:none}
.lab-facts__nav button{width:34px;height:34px;border-radius:50%;border:1px solid var(--lb-rule);background:#fff;color:var(--lb-navy);cursor:pointer;font-size:1.1rem;line-height:1}
.lab-facts__nav button:hover{border-color:var(--lb-blue);color:var(--lb-blue)}

/* ── Instrumente (calculator / fișă de raport în afara primei secțiuni) ── */
.cmp-tools{padding:56px 0;background:var(--paper);border-bottom:1px solid var(--line)}
.cmp-tools__head{max-width:640px;margin:0 0 26px}
.cmp-tools__head h2{margin:0 0 6px}
.cmp-tools__head p{margin:0;color:var(--text-soft)}
.cmp-tools__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px;align-items:start}
.cmp-tools .lab-report,.cmp-tools .mk-calc{grid-area:auto;justify-self:stretch;max-width:none}
.cmp-tools .lab-report{box-shadow:var(--shadow),0 0 0 1px var(--line)}
.cmp-tools__grid:has(> :only-child){grid-template-columns:minmax(0,760px)}

@media(max-width:1020px){
  .lab-report{justify-self:stretch;max-width:none}
  .lab-steps__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .mk-ticker__inner{padding:9px 16px;gap:16px}
  .mk-ticker__label small{display:none}
  .mk-calc__grid{grid-template-columns:1fr}
  .lab-steps__list{grid-template-columns:1fr}
  .lab-report__grid dd{font-size:.95rem}
  .lab-facts__inner{flex-wrap:wrap;gap:10px;padding:16px 20px}
  .lab-facts__list{flex-basis:100%;order:3}
  .cmp-tools{padding:40px 0}
}
@media (prefers-reduced-motion:reduce){
  .mk-calc,.cmp-js .lab-report,.cmp-js .lab-report__scan,.lab-facts__list li{animation:none!important}
  .cmp-js .lab-report__grid div{animation:none;opacity:1;translate:none}
}