/*
Theme Name: WeisingAir Blog
Theme URI: https://weisingair.hu/blog
Description: WeisingAir cyan-dark megjelenes a bloghoz (twentytwentyfive child theme).
Author: Toth Daniel
Template: twentytwentyfive
Version: 1.0.0
*/

:root{
  --bg:#05131f; --bg2:#071f33;
  --panel:rgba(255,255,255,.045); --panel2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.2);
  --cyan:#22c7e6; --cyan2:#19a8e0; --teal:#0fb6a6;
  --txt:#eaf6fb; --muted:#a8c4d6; --dim:#82a0b4;
  --rad:16px; --shadow:0 26px 60px -24px rgba(0,0,0,.7);
}

/* ---- alap dark + tipografia ---- */
html, body{ background:var(--bg) !important; color:var(--txt) !important; }
body{
  font-family:"Instrument Sans", system-ui, -apple-system, sans-serif !important;
  background:
    radial-gradient(1100px 480px at 78% -8%, rgba(34,199,230,.16), transparent 60%),
    radial-gradient(820px 420px at 6% 116%, rgba(15,182,166,.13), transparent 55%),
    linear-gradient(165deg, var(--bg), var(--bg2)) !important;
  background-attachment:fixed !important;
}
a{ color:var(--cyan); text-decoration:none; }
a:hover{ color:#7fe0f3; }
h1,h2,h3,h4,h5,h6{ color:#fff !important; font-family:"Instrument Sans", system-ui, sans-serif !important; }
p,li,.entry-content,.wp-block-post-content{ color:var(--txt); }

/* ---- a sablon nativ fejlece/labtorzs elrejtve (sajat WA megy helyette) ---- */
.wp-site-blocks > header:first-child,
header.wp-block-template-part:first-of-type{ display:none !important; }
.wp-site-blocks > footer:last-child,
footer.wp-block-template-part{ display:none !important; }

/* ---- WeisingAir fejlec-sav (wp_body_open) ---- */
.wa-blog-header{
  position:sticky; top:0; z-index:100;
  background:rgba(5,19,31,.82); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.wa-blog-header .wrap{
  max-width:1120px; margin:0 auto; padding:14px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
}
.wa-logo{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:19px; color:#fff; }
.wa-logo .mk{
  width:34px; height:34px; border-radius:9px;
  background:linear-gradient(135deg, var(--cyan), var(--teal));
  display:flex; align-items:center; justify-content:center; color:#04222e;
}
.wa-nav{ display:flex; align-items:center; gap:22px; }
.wa-nav a{ color:var(--muted); font-weight:600; font-size:15px; }
.wa-nav a:hover, .wa-nav a.active{ color:var(--cyan); }
.wa-cta{
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg, var(--cyan), var(--cyan2)); color:#04222e !important;
  font-weight:700; padding:10px 18px; border-radius:11px;
  box-shadow:0 10px 26px -8px rgba(25,168,224,.55); transition:.2s;
}
.wa-cta:hover{ transform:translateY(-2px); box-shadow:0 16px 32px -8px rgba(25,168,224,.7); }
@media(max-width:860px){ .wa-nav{ display:none; } }

/* ---- poszt-kartyak (lista) ---- */
.wp-block-post{
  background:var(--panel); border:1px solid var(--line); border-radius:var(--rad);
  padding:22px; transition:.22s;
}
.wp-block-post:hover{ border-color:rgba(34,199,230,.45); background:var(--panel2); box-shadow:var(--shadow); transform:translateY(-3px); }
.wp-block-post-title a{ color:#fff; }
.wp-block-post-title a:hover{ color:var(--cyan); }
.wp-block-post-date,.wp-block-post-terms,.wp-element-caption,.wp-block-post-author{ color:var(--dim) !important; }

/* ---- gombok ---- */
.wp-block-button__link,.wp-element-button{
  background:linear-gradient(135deg, var(--cyan), var(--cyan2)) !important;
  color:#04222e !important; border:none !important; border-radius:11px !important; font-weight:700 !important;
}

/* ---- urlapok ---- */
input,textarea,select{
  background:rgba(255,255,255,.06) !important; color:var(--txt) !important;
  border:1px solid var(--line2) !important; border-radius:10px !important;
}
input:focus,textarea:focus{ border-color:var(--cyan) !important; outline:none !important; }

/* ---- idezet/kod/hr/tabla ---- */
blockquote{ border-left:3px solid var(--cyan); color:var(--muted); }
code,pre{ background:rgba(255,255,255,.06); color:#9fe9f6; border-radius:8px; }
hr,.wp-block-separator{ border-color:var(--line) !important; }
table th,table td{ border-color:var(--line) !important; }

/* ---- WA footer (wp_footer) — szandekosan MAS, mint a fejlec ---- */
.wa-blog-footer{ border-top:1px solid var(--line); margin-top:60px; padding:34px 22px; background:rgba(5,19,31,.5); }
.wa-blog-footer .wrap{ max-width:1120px; margin:0 auto; display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; color:var(--dim); font-size:14px; }
.wa-blog-footer a{ color:var(--muted); }
.wa-blog-footer a:hover{ color:var(--cyan); }
.wa-foot-links{ display:inline-flex; gap:18px; flex-wrap:wrap; }


/* ---- Nyilatkozat (AI-tájékoztató) oldal — kártyás elrendezés ---- */
.wa-disc{ max-width:760px; margin:8px auto 0; display:flex; flex-direction:column; gap:18px; }
.wa-disc-card{ background:var(--panel); border:1px solid var(--line); border-radius:var(--rad); padding:26px 28px; }
.wa-disc-card p{ color:var(--txt); font-size:16px; line-height:1.75; margin:0 0 14px; }
.wa-disc-card p:last-child{ margin-bottom:0; }
.wa-disc-head{ display:flex; align-items:center; gap:18px; background:linear-gradient(135deg, rgba(34,199,230,.14), rgba(15,182,166,.10)); border-color:rgba(34,199,230,.34); }
.wa-disc-ic{ flex:0 0 auto; width:54px; height:54px; border-radius:14px; background:linear-gradient(135deg, var(--cyan), var(--teal)); color:#04222e; display:flex; align-items:center; justify-content:center; }
.wa-disc-eyebrow{ display:block; color:var(--cyan); font-weight:700; font-size:12px; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:4px; }
.wa-disc-title{ margin:0 !important; font-size:24px; line-height:1.2; color:#fff !important; }
.wa-disc-key{ color:var(--cyan); font-weight:700; }
.wa-disc-cta{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; background:linear-gradient(150deg, #08233b, #0a2a47); border-color:var(--line2); }
.wa-disc-cta-label{ display:block; color:var(--dim); font-size:14px; margin-bottom:2px; }
.wa-disc-cta-strong{ color:#fff; font-size:18px; }
.wa-disc-phone{ display:inline-flex; align-items:center; gap:9px; background:linear-gradient(135deg, var(--cyan), var(--cyan2)); color:#04222e !important; font-weight:700; font-size:16px; padding:13px 22px; border-radius:12px; text-decoration:none; box-shadow:0 10px 26px -8px rgba(25,168,224,.55); transition:.2s; white-space:nowrap; }
.wa-disc-phone:hover{ transform:translateY(-2px); box-shadow:0 16px 32px -8px rgba(25,168,224,.7); }