/*
Theme Name: SzegedSzerver Final v3
Theme URI: https://szegedszerver.hu/
Author: ChatGPT
Description: Klasszikus, stabil, Elementor-mentes vállalati téma. Ragadós felső menüsáv, váltakozó kép–szöveg teaserek a kezdőlapon, egységes gombok. Logo a fejléchez.
Version: 3.0
Text Domain: szs-final
*/
:root{
  --ink:#0b0d10;
  --muted:#f6f7f9;
  --paper:#ffffff;
  --accent:#0e1116;
  --radius:14px;
  --gap:18px;
  --container:1160px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}

.container{max-width:var(--container);margin:0 auto;padding:0 18px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.97);backdrop-filter:saturate(1.2) blur(6px);
  border-bottom:1px solid #e5e7eb}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px}a
.brand .custom-logo{max-height:110px;height:auto;width:auto}
.site-title{display:none} /* we rely on logo */

.nav-toggle{display:none}
.primary-nav{margin:0;padding:0;list-style:none;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.primary-nav a{display:inline-block;padding:8px 12px;border-radius:999px;text-decoration:none;color:#111;border:1px solid transparent}
.primary-nav a:hover{background:var(--muted);border-color:#e5e7eb}
.primary-nav .support a{background:#111;color:#fff;border:1px solid rgba(0,0,0,.12)}
.primary-nav .support a:hover{opacity:.92}

/* Mobile */
@media (max-width: 900px){
  .nav-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;background:#fff;cursor:pointer}
  .nav-toggle span{font-weight:600}
  .primary-nav{display:none;width:100%;margin-top:10px}
  .primary-nav.open{display:flex}
  .header-inner{flex-wrap:wrap}
}

/* Page */
main{padding:24px 0 48px}
.entry-header h1{font-size:clamp(26px,3vw,36px);margin:0 0 8px}
.entry-content{font-size:17px}
.entry-content p{margin:0 0 10px}
.entry-content img{max-width:100%;border-radius:12px;height:auto}
.entry-content .alignleft{float:left;margin:0.2rem 1rem .6rem 0;max-width:45%}
.entry-content .alignright{float:right;margin:0.2rem 0 .6rem 1rem;max-width:45%}
@media (max-width:720px){.entry-content .alignleft,.entry-content .alignright{float:none;display:block;margin:.6rem 0;max-width:100%}}

/* Lists */
.entry-content ul{padding-left:1.1rem}
/* special: do not show underline/click look on links inside lists on the 'halozatepites' page */
.page-halozatepites .entry-content ul a{pointer-events:none;color:inherit;text-decoration:none}

/* Buttons */
.btn{display:inline-block;padding:.55rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;text-decoration:none;color:#111;font-weight:600}
.btn:hover{background:var(--muted)}
.btn-primary{background:#111;color:#fff;border-color:rgba(0,0,0,.12)}
.btn-primary:hover{opacity:.92}

/* Teasers */
.home-teasers{display:flex;flex-direction:column;gap:24px;margin-top:18px}
.teaser{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;border:1px solid #e5e7eb;border-radius:var(--radius);padding:18px;background:#fff}
.teaser.rev{grid-template-columns:1fr 1.2fr}
.teaser .teaser-img{border-radius:var(--radius);overflow:hidden;background:#f2f3f5;min-height:220px}
.teaser .teaser-img img{width:100%;height:100%;object-fit:cover;display:block}
.teaser h3{margin:0 0 6px;font-size:18px}
.teaser p{margin:0 0 10px;color:#333}
.teaser .actions{margin-top:10px}
@media (max-width:900px){
  .teaser,.teaser.rev{grid-template-columns:1fr}
}

/* Footer */
.site-footer{border-top:1px solid #e5e7eb;background:#fff;padding:20px 0;color:#555}
.home-intro{max-width:900px;margin:0 auto 24px;line-height:1.7;font-size:1.06rem}

/* --- VÁLTakozás: 2.,4.,6.... kártyán tényleges sorrendcsere --- */
.teaser .teaser-img{order:1}
.teaser .teaser-body{order:2}
.teaser.rev .teaser-img{order:2}   /* KÉP megy jobbra */
.teaser.rev .teaser-body{order:1}  /* SZÖVEG megy balra */

/* --- Egységes képméret: fix 16:9 keret, nincs "ugráló" magasság --- */
.teaser .teaser-img{
  aspect-ratio:16/9;      /* fix arány */
  min-height:0 !important;/* felülírjuk a korábbi min-height:220px-et */
  max-width:100%;
}
.teaser .teaser-img img{
  width:100%; height:100%;
  object-fit:cover; display:block;
}

/* --- Logó nagyobbra (ha kell) --- */
.brand .custom-logo{ max-height:140px } /* igény szerint emelhető pl. 150-160px-re */

/* (opcionális) kicsit több levegő a kártyáknak nagy kijelzőn */
@media (min-width:1200px){
  .home-teasers{ gap:28px }
  .teaser{ gap:22px }
}

/* — Cégünkről cím + bevezető: levegősebb, olvashatóbb — */
.entry-header h1{
  font-size: clamp(28px, 3.2vw, 40px);
  margin: 6px 0 14px;
  letter-spacing: -0.005em;
}

.home-intro{
  max-width: 920px;                 /* picit szélesebb doboz */
  margin: 4px auto 28px;            /* több hely alul */
  font-size: 1.08rem;               /* kicsit nagyobb szöveg */
  line-height: 1.8;                 /* levegősebb sorköz */
  color: #374151;                   /* lágyabb, kontrasztos szürke */
}
.home-intro p{ margin: 0 0 .9rem; }
.home-intro p:last-child{ margin-bottom: 0; }

/* finom elválasztó vonal a bevezető után */
.home-intro::after{
  content:"";
  display:block;
  height:1px;
  background: linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,0));
  margin-top: 18px;
}

/* kártyák kapjanak még egy kis helyet felül és közte */
.home-teasers{ margin-top: 32px; gap: 28px; }

/* nagy kijelzőn az első bekezdés lehet kicsit nagyobb hangsúlyú */
@media (min-width:1024px){
  .home-intro p:first-of-type{ font-size: 1.16rem; }
}

/* ===== Menü – egységes hover minden linkre ===== */
.primary-nav a{
  border:1px solid transparent;
  border-radius:999px;
  padding:9px 12px;
  text-decoration:none;
  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .06s ease;
}
.primary-nav a:hover,
.primary-nav a:focus{
  background:rgba(255,255,255,.08);   /* sötét fejlézen halvány fénylés; világoson is finom */
  border-color:rgba(255,255,255,.22);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.25);
  text-decoration:none;
}

/* Aktív oldal jelölése (finomabb kiemelés) */
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.30);
}

/* ===== Ügyféltámogatás – ugyanez a hover, csak saját színek ===== */
.primary-nav li.support > a{
  background:#f59e0b !important;      /* alap */
  color:#111827 !important;
  border:1px solid #a16207 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.08);
}
.primary-nav li.support > a:hover,
.primary-nav li.support > a:focus{
  background:#fbbf24 !important;      /* hover */
  border-color:#f59e0b !important;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(245,158,11,.35);
}

/* Billentyűzet fókusz */
.primary-nav a:focus-visible{
  outline:3px solid #fde68a; outline-offset:2px;
}

/* ===== Lábléc: balra cég, jobbra menü egy sorban ===== */
.site-footer{
  border-top:1px solid #e5e7eb;
  background:#fff;
  padding:16px 0;
  color:#555;
}
.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;              /* mobilon törhet */
}
.footer-brand{font-weight:600}

/* Menü egy sorban, golyók nélkül */
.footer-nav .footer-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.footer-nav .footer-menu a{
  color:#666;
  text-decoration:none;
  padding:6px 8px;
  border-radius:10px;
  transition:background .2s ease, color .2s ease;
}
.footer-nav .footer-menu a:hover{
  background:#f6f7f9;
  color:#111;
}

/* Mobilon középre igazítva, két sorban is szépen áll */
@media (max-width:720px){
  .footer-inner{justify-content:center;text-align:center}
}

/* ===== Lábléc: balra cég, jobbra menü egy sorban ===== */
.site-footer{
  border-top:1px solid #e5e7eb;
  background:#fff;
  padding:16px 0 8px;
  color:#555;
}
.footer-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap;
}
.footer-brand{font-weight:600}
.footer-nav .footer-menu{
  list-style:none; margin:0; padding:0; display:flex; gap:14px; flex-wrap:wrap;
}
.footer-nav .footer-menu a{
  color:#666; text-decoration:none; padding:6px 8px; border-radius:10px;
  transition:background .2s ease, color .2s ease;
}
.footer-nav .footer-menu a:hover{ background:#f6f7f9; color:#111 }

/* ===== Lábléc logók (a két kép) ===== */
.footer-logos{
  border-top:1px dashed #d1d5db;      /* a mintán látott pöttyözött vonal */
  margin-top:14px; padding-top:14px;
  display:flex; justify-content:center; gap:22px;
}
.footer-logos img{
  height:58px; width:auto; object-fit:contain; display:block;
}
@media (max-width:720px){
  .footer-inner{justify-content:center; text-align:center}
  .footer-logos{gap:16px}
  .footer-logos img{height:50px}
}