/* CoinCloud /kalkulator/, 2026-10. Kulon fajl, mert a CSP (style-src 'self') a beagyazott stilust tiltja. */

.marka-al{
  font-size:.82rem;font-weight:500;color:var(--szurke-500);
  padding-left:10px;border-left:1px solid var(--szurke-300);white-space:nowrap;
}

@media (min-width:761px){.fo-menu a{white-space:nowrap}}

.kalk-szakasz{padding:56px 0 88px;background:var(--hatter)}
.kalk-racs{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.kalk-fo{min-width:0}

/* tipusvalaszto */
.kalk-tipus{border:0;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.kalk-tipus legend{
  font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--jade-sotet);margin-bottom:10px;padding:0;
}
.kalk-valaszto{position:relative;cursor:pointer}
.kalk-valaszto input{position:absolute;opacity:0;width:1px;height:1px}
.kalk-valaszto span{
  display:inline-block;padding:10px 18px;border-radius:999px;font-size:.94rem;font-weight:600;
  background:var(--papir);color:var(--szurke-700);box-shadow:inset 0 0 0 1.5px var(--szurke-300);
  transition:background var(--atmenet),color var(--atmenet),box-shadow var(--atmenet);
}
.kalk-valaszto:hover span{box-shadow:inset 0 0 0 1.5px var(--jade)}
.kalk-valaszto input:checked + span{background:var(--ejjel);color:#fff;box-shadow:none}
.kalk-valaszto input:focus-visible + span{outline:3px solid var(--jade);outline-offset:3px}

/* urlap */
.kalk-panel[hidden],.kalk-eredmeny[hidden]{display:none}
.kalk-urlap{
  background:var(--papir);border:1px solid rgba(15,34,52,.08);border-radius:var(--kerek-nagy);
  padding:28px;box-shadow:var(--arnyek-s);
}
.kalk-segit{margin:0 0 20px;color:var(--szurke-500);font-size:.95rem;max-width:70ch}
.kalk-mezok{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:22px}
.kalk-mezo{display:flex;flex-direction:column;gap:7px;min-width:0}
.kalk-szeles{grid-column:1 / -1}
.kalk-mezo label{font-size:.88rem;font-weight:600;color:var(--szurke-700)}
.kalk-opc{font-weight:400;color:var(--szurke-500)}
.kalk-mezo input,.kalk-mezo select{
  font:inherit;font-size:.98rem;color:var(--szurke-900);background:var(--papir);
  border:1.5px solid var(--szurke-300);border-radius:10px;padding:11px 12px;width:100%;min-height:46px;
}
.kalk-mezo input:focus,.kalk-mezo select:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 3px rgba(25,182,168,.18)}
.kalk-urlap .gomb{border:0;cursor:pointer;font:inherit;font-weight:600}

/* eredmeny */
.kalk-eredmeny{
  margin-top:22px;border-radius:var(--kerek-nagy);padding:26px 28px;
  background:var(--papir);border:1px solid rgba(15,34,52,.08);border-left:5px solid var(--jade);
  box-shadow:var(--arnyek-m);scroll-margin-top:96px;
}
.kalk-eredmeny.szint-figyelem{border-left-color:var(--arany)}
.kalk-eredmeny.szint-info{border-left-color:#58a6ff}
.kalk-eredmeny.szint-hiba{border-left-color:#d14b4b}
.kalk-eredmeny-cimke{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--szurke-500)}
.kalk-eredmeny-datum{margin:4px 0 2px;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:700;letter-spacing:-.02em;color:var(--ejjel)}
.kalk-eredmeny-cim{margin:0 0 14px;font-weight:600;color:var(--jade-sotet)}
.szint-figyelem .kalk-eredmeny-cim{color:#9a6a12}
.szint-hiba .kalk-eredmeny-cim{color:#b33a3a}
.kalk-eredmeny-lista{margin:0;padding:0 0 0 20px;color:var(--szurke-700);font-size:.95rem}
.kalk-eredmeny-lista li{margin:0 0 8px}
.kalk-eredmeny-jog{margin:12px 0 0;font-size:.84rem;color:var(--szurke-500)}
.kalk-eredmeny-jog:empty{display:none}

/* szabalyok, jogi szoveg */
.kalk-szabaly{margin-top:40px}
.kalk-szabaly h2{font-size:1.35rem}
.kalk-szabaly dl{margin:0;display:grid;grid-template-columns:190px 1fr;gap:12px 24px}
.kalk-szabaly dt{font-weight:600;color:var(--szurke-900)}
.kalk-szabaly dd{margin:0;color:var(--szurke-700);font-size:.95rem}
.kalk-nem{margin:20px 0 0;font-size:.9rem;color:var(--szurke-500)}
.kalk-jogi{
  margin:28px 0 0;padding:16px 18px;border-radius:12px;font-size:.88rem;color:var(--szurke-700);
  background:var(--jade-halvany);border:1px solid rgba(25,182,168,.25);
}

/* oldalsav: szolgaltatasok */
.kalk-oldal{position:sticky;top:96px}
.kalk-szolg{
  background:var(--palack);color:#dbe6f0;border-radius:var(--kerek-nagy);padding:26px;box-shadow:var(--arnyek-m);
}
.kalk-szolg .cimke{color:#5fd8cb;margin-bottom:12px}
.kalk-szolg ul{list-style:none;margin:0 0 20px;padding:0}
.kalk-szolg li{border-bottom:1px solid rgba(255,255,255,.1)}
.kalk-szolg li:last-child{border-bottom:0}
.kalk-szolg li a{display:block;padding:12px 0;color:#dbe6f0;text-decoration:none}
.kalk-szolg li a:hover strong{color:#5fd8cb}
.kalk-szolg strong{display:block;color:#fff;font-size:.98rem;transition:color var(--atmenet)}
.kalk-szolg span{display:block;color:#9fb1c6;font-size:.86rem;line-height:1.5;margin-top:2px}
.kalk-szolg .gomb{width:100%;text-align:center}

@media (max-width:980px){
  .kalk-racs{grid-template-columns:1fr}
  .kalk-oldal{position:static}
}
@media (max-width:760px){
  .marka-al{display:none}
  .kalk-szakasz{padding:32px 0 64px}
  .kalk-urlap{padding:20px}
  .kalk-mezok{grid-template-columns:1fr}
  .kalk-eredmeny{padding:20px}
  .kalk-szabaly dl{grid-template-columns:1fr;gap:4px}
  .kalk-szabaly dd{margin-bottom:12px}
  .kalk-valaszto span{padding:9px 14px;font-size:.9rem}
}