/* site.css – a wisptrade.hu nyilvános oldalai.
 * 2026-09-25: az addig beágyazott stílus ide került (gyorsítótárazható, és a CSP-hez nem kell
 * 'unsafe-inline'). A Google Fonts helyett rendszer-betűkészlet: a látogató böngészője így nem
 * kapcsolódik a Google-hoz. A hős-szekció és a gomb szövege sötét lett a jobb olvashatóságért
 * (a fehér a világoskéken ~1,6:1 kontrasztú volt, a WCAG 4,5:1-et kér). */

:root{
  --primary-color:#a2d2ff;--accent-color:#ff8a80;--dark-color:#3d405b;--darker-color:#2b2d42;
  --light-color:#fdfdff;--text-color:#343a40;--link-color:#2f5f9e;
  --font-family-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{font-family:var(--font-family-body);color:var(--text-color);background-color:var(--light-color);margin:0;line-height:1.7;
  display:flex;flex-direction:column;min-height:100vh}
a{color:var(--link-color)}
:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.ugras{position:absolute;left:-9999px;top:0;background:var(--dark-color);color:#fff;padding:8px 14px;z-index:10}
.ugras:focus{left:10px;top:10px}

/* fejléc */
.main-header{background:var(--light-color);border-bottom:1px solid #e0e0e0;padding:1.5rem 0;width:100%}
.main-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.logo-container{text-decoration:none}
.logo-container span{font-size:1.7rem;font-weight:800;color:var(--dark-color);letter-spacing:.08em;text-transform:uppercase}
.header-right-panel{display:flex;align-items:center;gap:1.5rem}
.main-nav ul{margin:0;padding:0;list-style:none;display:flex}
.main-nav a{text-decoration:none;color:var(--text-color);padding:10px 15px;font-weight:700;position:relative;transition:color .3s ease}
.main-nav a:hover{color:var(--dark-color)}
.main-nav a.active{color:var(--link-color)}
.main-nav a::after{content:'';display:block;width:0;height:2px;background:var(--accent-color);transition:width .3s;position:absolute;
  bottom:0;left:50%;transform:translateX(-50%)}
.main-nav a:hover::after,.main-nav a.active::after{width:80%}
.nyelv{font-weight:700;font-size:.85rem;text-decoration:none;color:var(--dark-color);border:1px solid #cfd3de;border-radius:4px;padding:4px 9px}
.nyelv:hover{border-color:var(--dark-color)}

/* tartalom */
main{flex-grow:1}
.hero-section{background-color:var(--primary-color);color:var(--darker-color);padding:80px 0;text-align:center}
.hero-section h1{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:var(--darker-color)}
.cta-button{display:inline-block;background:var(--accent-color);color:var(--darker-color);padding:14px 28px;border-radius:50px;
  text-decoration:none;font-weight:700;margin-top:1rem;transition:transform .2s ease-out,background-color .2s;border:none;
  box-shadow:0 4px 10px rgba(0,0,0,.1)}
.cta-button:hover{transform:translateY(-3px);background-color:#ff7163}
.page-content{padding:50px 0}
.page-content h1,.page-content h2{font-size:1.8rem;font-weight:700;color:var(--dark-color);border-bottom:3px solid var(--primary-color);
  padding-bottom:10px;margin:0 0 25px}
.page-content h2.alcim{font-size:1.25rem;border:0;padding:0;margin:1.6rem 0 .6rem}
.megjegyzes{color:#5b6070;font-size:.93rem}

/* lábléc */
.main-footer-info{background:var(--dark-color);color:#f0f0f0;padding:40px 0;font-size:.95rem}
.contact-info h2{font-size:1.4rem;margin-top:0;margin-bottom:1.5rem;color:#fff}
.contact-info p{margin:.8rem 0}
.contact-info a,.jogi a{color:var(--primary-color);text-decoration:none;transition:color .3s}
.contact-info a:hover,.jogi a:hover{color:#fff;text-decoration:underline}
.jogi{margin:1.6rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;
  list-style:none;padding-left:0}
.main-footer-bottom{background:#2f3144;color:#aaa;text-align:center;padding:15px 0;font-size:.9rem}
.main-footer-bottom p{margin:0}
.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

@media (max-width:920px){
  .main-header .container{flex-direction:column;gap:1.5rem}
  .header-right-panel{flex-direction:column;gap:1rem}
  .main-nav ul{flex-wrap:wrap;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
  .cta-button:hover{transform:none}
}
@media print{
  .main-header,.main-footer-info,.main-footer-bottom,.ugras{display:none}
  body{background:#fff;display:block}
  .page-content{padding:0}
}