/*
Theme Name: AIKraft
Theme URI: https://aikraft.hu
Author: Netdoor Kft.
Author URI: https://serverkraft.hu
Description: Könnyű, saját fejlesztésű téma az aikraft.hu-hoz. Page builder, külső betöltés és JavaScript nélkül.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: Proprietary
Text Domain: aikraft
*/

/* ---------- Betűk (saját tárhelyről, nincs külső kérés) ---------- */
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ubuntu-latin-400-normal.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ubuntu-hu-400-normal.woff2") format("woff2");unicode-range:U+0150-0151,U+0170-0171}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/ubuntu-latin-700-normal.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/ubuntu-hu-700-normal.woff2") format("woff2");unicode-range:U+0150-0151,U+0170-0171}
@font-face{font-family:"Ubuntu Mono";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ubuntu-mono-latin-400-normal.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Ubuntu Mono";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/ubuntu-mono-hu-400-normal.woff2") format("woff2");unicode-range:U+0150-0151,U+0170-0171}
@font-face{font-family:"Ubuntu Mono";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/ubuntu-mono-latin-700-normal.woff2") format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Ubuntu Mono";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/ubuntu-mono-hu-700-normal.woff2") format("woff2");unicode-range:U+0150-0151,U+0170-0171}

/* ---------- Alapok ---------- */
:root{
  --alap:#1B0026;--panel:#270037;--panel2:#330947;
  --cian:#3BF2E5;--lila:#B264FF;
  --szoveg:#EAEAEA;--halvany:#D8C6E4;--tompa:#B49CC4;--legtompabb:#8E7AA0;
  --vonal:rgba(234,234,234,.18);--vonal-halvany:rgba(234,234,234,.08);
  --sans:"Ubuntu",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Ubuntu Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --szakasz:112px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--alap);color:var(--szoveg);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--cian)}
a:hover{color:var(--szoveg)}
:focus-visible{outline:2px solid var(--cian);outline-offset:3px}
h1,h2,h3{margin:0;font-weight:700;line-height:1.12;text-wrap:balance}
p{margin:0}
.kontener{max-width:1184px;margin:0 auto;padding:0 32px}
.ugras{position:absolute;left:-9999px;top:8px;background:var(--cian);color:var(--alap);padding:10px 16px;border-radius:4px;font-weight:700;z-index:10}
.ugras:focus{left:8px}
.szakasz{padding:var(--szakasz) 0;scroll-margin-top:16px}
.szakasz--alap{background:var(--alap)}
.szakasz--panel{background:var(--panel)}
.szakasz h2{font-size:clamp(2rem,3.4vw,2.75rem);max-width:18em}
.bevezeto{margin-top:20px;color:var(--halvany);max-width:40em}

/* ---------- Gombok ---------- */
.gomb{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:4px;font:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;border:0}
.gomb--fo{background:var(--cian);color:var(--panel)}
.gomb--fo:hover{background:var(--szoveg);color:var(--panel)}
.gomb--masod{color:var(--szoveg);border:1px solid rgba(234,234,234,.35)}
.gomb--masod:hover{border-color:var(--szoveg);color:var(--szoveg)}

/* ---------- Fejléc ---------- */
.fejlec{background:var(--alap);border-bottom:1px solid var(--vonal-halvany)}
.fejlec__sor{min-height:80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center}
.logo svg{height:24px;width:auto;display:block}
.fomenu{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:15px}
.fomenu a{color:var(--szoveg);text-decoration:none}
.fomenu a:hover{color:var(--cian)}
.fomenu .fomenu__kiemelt{color:var(--cian);border:1px solid var(--cian);border-radius:4px;padding:0 16px;min-height:44px;display:inline-flex;align-items:center;font-weight:700}
.fomenu .fomenu__kiemelt:hover{background:var(--cian);color:var(--alap)}

/* ---------- Hero ---------- */
.hero{background:var(--panel);padding:88px 0 104px}
.hero__sor{display:flex;flex-wrap:wrap;align-items:center;gap:64px}
.hero__szoveg{flex:1 1 440px;min-width:0}
.hero h1{font-size:clamp(2.5rem,4.4vw,3.6rem);line-height:1.08;letter-spacing:-.01em;max-width:13em}
.hero__lead{margin-top:28px;font-size:19px;color:var(--halvany);max-width:34em}
.hero__gombok{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hero__hatter{margin-top:40px;font-size:15px;color:var(--tompa);max-width:30em}
.hero__hatter a{color:var(--szoveg)}
.munkanap{flex:0 1 460px;min-width:0;margin:0}
.munkanap svg{display:block;width:100%;height:auto}

/* ---------- Hol keressük a pénzt ---------- */
.harom{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-top:64px}
.harom__elem{border-top:1px solid var(--vonal);padding-top:28px;display:flex;flex-direction:column}
.harom__elem h3{font-size:22px;line-height:1.25}
.harom__elem > p{margin-top:14px;font-size:16px;color:var(--tompa)}
.lista{list-style:none;margin:20px 0 0;padding:0;font-size:16px}
.lista li{padding:10px 0;border-bottom:1px solid var(--vonal-halvany)}
.harom__lathato{margin-top:24px;font-size:15px;color:var(--tompa)}
.harom__lathato strong{color:var(--cian)}

/* ---------- Példák táblázat ---------- */
.tablazat-keret{margin-top:56px}
.peldak{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.peldak thead th{text-align:left;font-size:14px;font-weight:400;color:var(--tompa);padding:0 24px 14px 0;border-bottom:1px solid rgba(234,234,234,.3)}
.peldak thead th:last-child{color:var(--cian);font-weight:700;padding-right:0}
.peldak tbody th,.peldak td{text-align:left;vertical-align:top;padding:18px 24px 18px 0;border-bottom:1px solid rgba(234,234,234,.1)}
.peldak tbody th{font-weight:700;width:28%}
.peldak td{color:var(--halvany)}
.peldak td:last-child{color:var(--szoveg);padding-right:0;width:26%}
.nem-valt-ki{margin-top:40px;max-width:46em;color:var(--halvany)}
.nem-valt-ki strong{color:var(--szoveg)}
@media (max-width:760px){
  .peldak thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .peldak,.peldak tbody,.peldak tr,.peldak tbody th,.peldak td{display:block;width:auto}
  .peldak tr{padding:18px 0;border-bottom:1px solid var(--vonal)}
  .peldak tbody th,.peldak td{border:0;padding:0}
  .peldak tbody th{font-size:18px;margin-bottom:8px}
  .peldak td{margin-top:6px}
  .peldak td::before{content:attr(data-cimke);display:block;font-size:13px;color:var(--tompa)}
  .peldak td:last-child::before{color:var(--cian);font-weight:700}
}

/* ---------- Saját szerver ---------- */
.ketoszlop{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:64px;align-items:start}
.ketoszlop p + p{margin-top:16px}
.ketoszlop .bevezeto + p{color:var(--halvany)}
.tenyek{margin:0;font-size:18px}
.tenyek div{border-top:1px solid var(--vonal);padding:20px 0}
.tenyek div:last-child{border-bottom:1px solid var(--vonal)}
.tenyek dt{font-size:14px;color:var(--tompa)}
.tenyek dd{margin:4px 0 0}

/* ---------- Így dolgozunk ---------- */
.lepesek{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.lepesek li{border-top:2px solid rgba(234,234,234,.25);padding-top:24px}
.lepesek li.kiemelt{border-top-color:var(--cian)}
.lepesek__szam{font-size:40px;line-height:1;font-weight:700;color:var(--cian)}
.lepesek h3{margin-top:16px;font-size:20px}
.lepesek p{margin-top:10px;font-size:16px;color:var(--tompa)}

/* ---------- Kapcsolat ---------- */
.elerhetoseg{margin:36px 0 0}
.elerhetoseg div{display:flex;gap:16px;padding:12px 0;border-top:1px solid rgba(234,234,234,.12)}
.elerhetoseg div:last-child{border-bottom:1px solid rgba(234,234,234,.12)}
.elerhetoseg dt{width:110px;flex-shrink:0;color:var(--tompa)}
.elerhetoseg dd{margin:0}
.elerhetoseg a{color:var(--szoveg)}
.urlap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;background:var(--panel);border-radius:6px;padding:32px}
.urlap__mezo{display:flex;flex-direction:column;gap:6px}
.urlap__mezo--szeles,.urlap__also,.urlap__allapot{grid-column:1/-1}
.urlap label{font-size:14px;color:var(--halvany)}
.urlap input,.urlap textarea{width:100%;background:var(--alap);border:1px solid rgba(234,234,234,.25);border-radius:4px;color:var(--szoveg);font:inherit;font-size:16px;padding:12px 14px}
.urlap input{height:48px}
.urlap textarea{resize:vertical;min-height:140px}
.urlap input:focus,.urlap textarea:focus{border-color:var(--cian)}
.urlap ::placeholder{color:var(--legtompabb)}
.urlap__also{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.urlap__adatvedelem{font-size:14px;color:var(--tompa);flex:1 1 220px}
.urlap__csapda{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.urlap__allapot{padding:14px 16px;border-radius:4px;font-size:15px}
.urlap__allapot--ok{background:rgba(59,242,229,.12);border:1px solid var(--cian)}
.urlap__allapot--hiba{background:rgba(204,51,102,.15);border:1px solid #CC3366}

/* ---------- Lábléc ---------- */
.lablec{background:var(--alap);border-top:1px solid var(--vonal-halvany);padding:64px 0 40px;font-size:15px}
.lablec__racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.lablec .logo svg{height:20px}
.lablec__szlogen{margin-top:16px;color:var(--tompa);max-width:22em}
.lablec__cim{font-weight:700;margin-bottom:10px}
.lablec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lablec a{color:var(--tompa);text-decoration:none}
.lablec a:hover{color:var(--szoveg)}
.lablec__also{margin-top:48px;padding-top:20px;border-top:1px solid var(--vonal-halvany);display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--legtompabb);font-size:14px}
.lablec__also a{color:var(--legtompabb);text-decoration:underline}

/* ---------- Aloldalak (adatvédelem, cookie, 404) ---------- */
.aloldal{background:var(--panel);padding:72px 0 96px}
.aloldal h1{font-size:clamp(2rem,3.4vw,2.75rem)}
.cikk{max-width:46em;margin-top:32px;color:var(--halvany)}
.cikk h2{font-size:26px;margin:40px 0 12px;color:var(--szoveg)}
.cikk h3{font-size:20px;margin:28px 0 8px;color:var(--szoveg)}
.cikk p,.cikk ul,.cikk ol,.cikk table{margin:0 0 16px}
.cikk table{border-collapse:collapse;width:100%}
.cikk td,.cikk th{border:1px solid var(--vonal);padding:8px 10px;text-align:left}

/* ---------- Mobil ---------- */
@media (max-width:600px){
  :root{--szakasz:72px}
  body{font-size:16px}
  .kontener{padding:0 20px}
  .hero{padding:56px 0 72px}
  .hero__sor{gap:48px}
  .hero__lead{font-size:17px}
  .fomenu{gap:6px 18px;font-size:14px}
  .urlap{grid-template-columns:1fr;padding:20px}
}