/* ============================================================
   AI Brandépítés — landing márkaréteg (3. fázis)
   aibrandepites.hu

   HATÓKÖR: kizárólag a landing/ oldalak, a body.landing-brand-2026
   osztályon keresztül. Szándékosan NEM brand-2026: azt az osztályt a
   közös style.css átmeneti rétege kapuként használja, és a felvétele
   lekapcsolná a landingek meglévő szerkezeti stílusát.

   MIT CSINÁL: szín, tipográfia, gomb, űrlapmező, kártya, szegély,
   háttérfelület. Szerkezetet, sorrendet, navigációt NEM módosít.

   BETÖLTÉSI SORREND: a style.css UTÁN kell linkelni. Az itt lévő
   szabályok azonos specificitásúak a style.css átmeneti rétegével
   (body:not(.brand-2026) …), így a sorrend dönt.
   ============================================================ */

/* ---------- 1. Tokenek ---------- */
body.landing-brand-2026 {
    --lp-ink: #252321;
    --lp-ink-soft: #6E6559;
    --lp-line: #E7E0D5;
    --lp-line-soft: #F4F0E8;
    --lp-paper: #FFFFFF;
    --lp-paper-soft: #FBF8F3;

    --lp-copper: #A85F32;
    --lp-copper-dark: #8E4E27;
    --lp-copper-soft: #F7EAE1;

    --lp-olive: #4B503E;
    --lp-olive-deep: #1F2219;
    --lp-olive-soft: #EDEEE7;

    --lp-blue: #4662A7;
    --lp-gold: #C9A227;

    --lp-serif: "Newsreader", Georgia, "Times New Roman", serif;
    --lp-sans: "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --lp-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;
}

/* ---------- 2. Alapfelület és tipográfia ---------- */
body.landing-brand-2026 {
    background: var(--lp-paper);
    color: var(--lp-ink);
    font-family: var(--lp-sans);
    -webkit-font-smoothing: antialiased;
}

body.landing-brand-2026 h1,
body.landing-brand-2026 h2,
body.landing-brand-2026 h3,
body.landing-brand-2026 h4 {
    font-family: var(--lp-serif);
    font-weight: 500;
    color: var(--lp-ink);
    letter-spacing: -0.01em;
    text-wrap: balance;
}

body.landing-brand-2026 p,
body.landing-brand-2026 li {
    color: var(--lp-ink-soft);
}

body.landing-brand-2026 strong {
    color: var(--lp-ink);
    font-weight: 600;
}

body.landing-brand-2026 a {
    color: var(--lp-copper);
}

body.landing-brand-2026 :focus-visible {
    outline: 2px solid var(--lp-blue);
    outline-offset: 2px;
}

/* ---------- 3. Fejléc és lábléc (csak felület, szerkezet nem) ---------- */
body.landing-brand-2026 .site-header {
    background: var(--lp-paper);
    border-bottom: 1px solid var(--lp-line);
    box-shadow: none;
}

body.landing-brand-2026 .logo-icon {
    background: var(--lp-olive-deep);
    color: var(--lp-paper-soft);
    border-radius: 2px;
    font-family: var(--lp-mono);
    font-weight: 500;
}

body.landing-brand-2026 .logo-text {
    font-family: var(--lp-serif);
    font-weight: 500;
    color: var(--lp-ink);
    background: none;
    -webkit-text-fill-color: currentColor;
}

body.landing-brand-2026 .main-nav a {
    font-family: var(--lp-sans);
    color: var(--lp-ink-soft);
}

body.landing-brand-2026 .main-nav a:hover,
body.landing-brand-2026 .main-nav a.active {
    color: var(--lp-copper);
}

body.landing-brand-2026 .site-footer {
    background: var(--lp-olive-deep);
    color: var(--lp-olive-soft);
}

body.landing-brand-2026 .site-footer a {
    color: var(--lp-copper-soft);
}

/* ---------- 4. Gombok ---------- */
body.landing-brand-2026 .btn,
body.landing-brand-2026 .btn-primary,
body.landing-brand-2026 .btn-secondary,
body.landing-brand-2026 button[type="submit"] {
    border-radius: 2px;
    font-family: var(--lp-mono);
    font-weight: 500;
    letter-spacing: 0.03em;
    box-shadow: none;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}

body.landing-brand-2026 .btn-primary,
body.landing-brand-2026 button[type="submit"] {
    background: var(--lp-copper);
    border: 2px solid var(--lp-copper);
    color: var(--lp-paper);
}

body.landing-brand-2026 .btn-primary:hover,
body.landing-brand-2026 button[type="submit"]:hover {
    background: var(--lp-copper-dark);
    border-color: var(--lp-copper-dark);
}

body.landing-brand-2026 .btn-secondary {
    background: transparent;
    border: 2px solid var(--lp-olive);
    color: var(--lp-olive);
}

body.landing-brand-2026 .btn-secondary:hover {
    background: var(--lp-olive-soft);
}

/* ---------- 5. Űrlapmezők ---------- */
body.landing-brand-2026 input[type="text"],
body.landing-brand-2026 input[type="email"],
body.landing-brand-2026 input[type="url"],
body.landing-brand-2026 textarea,
body.landing-brand-2026 select {
    background: var(--lp-paper);
    border: 2px solid var(--lp-line);
    border-radius: 2px;
    color: var(--lp-ink);
    font-family: var(--lp-sans);
}

body.landing-brand-2026 input:focus,
body.landing-brand-2026 textarea:focus,
body.landing-brand-2026 select:focus {
    border-color: var(--lp-olive);
    outline: none;
}

body.landing-brand-2026 ::placeholder {
    color: var(--lp-ink-soft);
    opacity: .7;
}

/* ---------- 6. Kártyák, dobozok, ajánlati felületek ---------- */
body.landing-brand-2026 .feature-card,
body.landing-brand-2026 .news-card,
body.landing-brand-2026 .product-showcase-card,
body.landing-brand-2026 .faq-item {
    background: var(--lp-paper);
    border: 1px solid var(--lp-line);
    border-radius: 2px;
    box-shadow: none;
}

body.landing-brand-2026 .landing-hero {
    background: var(--lp-paper-soft);
    border-bottom: 1px solid var(--lp-line);
}

body.landing-brand-2026 .landing-badge {
    background: var(--lp-olive-soft);
    border: 1px solid var(--lp-olive);
    border-radius: 2px;
    color: var(--lp-olive);
    font-family: var(--lp-mono);
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.landing-brand-2026 .landing-price {
    background: var(--lp-copper-soft);
    border: 2px solid var(--lp-copper);
    border-radius: 2px;
    color: var(--lp-copper-dark);
    font-family: var(--lp-mono);
}

body.landing-brand-2026 .newsletter {
    background: var(--lp-olive-soft);
    border-top: 1px solid var(--lp-line);
}

body.landing-brand-2026 .breadcrumbs,
body.landing-brand-2026 .breadcrumbs a {
    font-family: var(--lp-mono);
    font-size: .75rem;
    letter-spacing: .04em;
    color: var(--lp-ink-soft);
}

/* ---------- 7. Promó sáv: ezeken az oldalakon nem jelenhet meg ---------- */
body.landing-brand-2026 .promo-bar,
body.landing-brand-2026 #aibe-promo-bar,
body.landing-brand-2026 .aibe-promo-bar {
    display: none !important;
}