/*
 Theme Name:   Astra Videoton
 Description:  Videotonfanok.hu child téma (retró, meleg stílus)
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-videoton
*/

:root{
  --vf-bg:#1c1713;
  --vf-bg-2:#241d17;
  --vf-bg-3:#120e0b;
  --vf-text:#e8dcc8;
  --vf-muted:#b5a58c;
  --vf-amber:#d98a2b;
  --vf-amber-light:#f0b45a;
  --vf-line:#3a2f25;
}

/* ===== Általános ===== */
body, .ast-separate-container{ background:var(--vf-bg); color:var(--vf-text); }
a{ color:var(--vf-amber); }
a:hover{ color:var(--vf-amber-light); }
h1,h2,h3,h4,h5,h6,.entry-title,.entry-title a{ color:var(--vf-amber-light); }

/* Fejléc */
.site-header, .main-header-bar, .ast-primary-header-bar{ background:var(--vf-bg-3) !important; border-bottom:2px solid var(--vf-amber); }
.main-header-menu a, .ast-header-sections-navigation a{ color:var(--vf-text); }
.main-header-menu a:hover, .main-header-menu .current-menu-item > a{ color:var(--vf-amber-light); }
.main-header-menu .sub-menu{ background:var(--vf-bg-2); }

/* Bejegyzések, oldalak */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comments-area,
.ast-separate-container .ast-archive-description{ background:var(--vf-bg-2); border:1px solid var(--vf-line); }
.entry-content, .entry-meta, .entry-meta a{ color:var(--vf-text); }
blockquote{ border-left:4px solid var(--vf-amber); color:var(--vf-muted); }
input, textarea, select{ background:var(--vf-bg-3); color:var(--vf-text); border-color:var(--vf-line); }

/* Lábléc */
.site-footer, .site-below-footer-wrap, .site-primary-footer-wrap{ background:var(--vf-bg-3) !important; color:var(--vf-muted); border-top:1px solid var(--vf-line); }
.site-footer a{ color:var(--vf-muted); }
.site-footer a:hover{ color:var(--vf-amber-light); }

/* Gombok */
.vf-btn, .button, .wp-block-button__link, button, input[type=submit]{
  background:var(--vf-amber); color:#1c1713; border-radius:6px; font-weight:700;
  padding:.8em 1.6em; display:inline-block; text-decoration:none; border:0; transition:background .2s, transform .2s;
}
.vf-btn:hover, .button:hover, .wp-block-button__link:hover, button:hover, input[type=submit]:hover{ background:var(--vf-amber-light); color:#1c1713; transform:translateY(-2px); }
.vf-btn--ghost{ background:transparent; color:var(--vf-amber-light); border:2px solid var(--vf-amber); }
.vf-btn--ghost:hover{ background:var(--vf-amber); color:#1c1713; }

/* ===== Főoldal teljes szélesség ===== */
body.home .site-content .ast-container{ max-width:100%; padding:0; display:block; }
body.home #primary{ width:100%; margin:0; padding:0; }
.vf-wrap{ max-width:1140px; margin:0 auto; padding:0 20px; }
.vf-section{ padding:70px 0; }
.vf-section--alt{ background:var(--vf-bg-2); border-top:1px solid var(--vf-line); border-bottom:1px solid var(--vf-line); }
.vf-section h2{ font-size:clamp(1.6rem,3vw,2.2rem); margin:0 0 .4em; }
.vf-sub{ color:var(--vf-muted); max-width:640px; margin:0 0 2em; }

/* Hero */
.vf-hero{
  background:
    linear-gradient(180deg, rgba(18,14,11,.55), rgba(28,23,19,.95)),
    var(--vf-hero, radial-gradient(circle at 70% 30%, #4a3118 0%, #1c1713 70%));
  background-size:cover; background-position:center;
  padding:110px 0 100px; text-align:center; border-bottom:2px solid var(--vf-amber);
}
.vf-kicker{ color:var(--vf-amber); letter-spacing:.2em; text-transform:uppercase; font-size:.85rem; margin:0 0 1em; }
.vf-hero h1{ font-size:clamp(2.2rem,6vw,4rem); line-height:1.1; margin:0 0 .4em; text-shadow:0 2px 12px rgba(0,0,0,.6); }
.vf-lead{ font-size:1.15rem; max-width:680px; margin:0 auto 2em; color:var(--vf-text); }
.vf-buttons{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* Kártyák */
.vf-grid{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.vf-card{ background:var(--vf-bg-2); border:1px solid var(--vf-line); border-radius:10px; padding:28px; transition:transform .2s, border-color .2s; }
.vf-section--alt .vf-card{ background:var(--vf-bg); }
.vf-card:hover{ transform:translateY(-4px); border-color:var(--vf-amber); }
.vf-card h3{ margin:0 0 .5em; font-size:1.3rem; }
.vf-card p{ color:var(--vf-muted); margin:0 0 1em; }
.vf-card a.vf-more{ font-weight:700; text-decoration:none; }
.vf-card .vf-ico{ font-size:2rem; display:block; margin-bottom:.4em; }

/* Típus chip-ek */
.vf-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:1.5em; }
.vf-chips a{ border:1px solid var(--vf-amber); color:var(--vf-amber-light); padding:.45em 1em; border-radius:999px; text-decoration:none; font-size:.95rem; }
.vf-chips a:hover{ background:var(--vf-amber); color:#1c1713; }

/* Bemutatkozó */
.vf-about{ display:grid; gap:40px; grid-template-columns:1fr; align-items:center; }
@media(min-width:800px){ .vf-about{ grid-template-columns:1.4fr 1fr; } }
.vf-quote{ background:var(--vf-bg); border-left:4px solid var(--vf-amber); padding:24px 28px; border-radius:6px; font-size:1.1rem; font-style:italic; color:var(--vf-amber-light); }

/* Lépések */
.vf-steps{ counter-reset:step; }
.vf-steps .vf-card{ position:relative; padding-top:50px; }
.vf-steps .vf-card::before{ counter-increment:step; content:counter(step); position:absolute; top:-18px; left:24px; width:44px; height:44px; line-height:44px; text-align:center; background:var(--vf-amber); color:#1c1713; font-weight:800; font-size:1.2rem; border-radius:50%; }

/* Bejegyzés kártyák */
.vf-post{ background:var(--vf-bg-2); border:1px solid var(--vf-line); border-radius:10px; overflow:hidden; display:flex; flex-direction:column; }
.vf-post img{ width:100%; height:190px; object-fit:cover; display:block; }
.vf-post-body{ padding:20px; }
.vf-post h3{ font-size:1.15rem; margin:0 0 .5em; }
.vf-post h3 a{ color:var(--vf-amber-light); text-decoration:none; }
.vf-post p{ color:var(--vf-muted); font-size:.95rem; margin:0; }

/* Webshop sáv */
.vf-promo{ background:linear-gradient(90deg,#3a2310,#1c1713); border-top:2px solid var(--vf-amber); border-bottom:2px solid var(--vf-amber); padding:50px 0; text-align:center; }
.vf-promo h2{ margin-top:0; }
.vf-promo p{ max-width:620px; margin:0 auto 1.5em; }