/* ============================================================
   VIT-105 — Vitano footer
   Cream-2 háttér, 4 oszlop desktop, mobil column. Bizalom-sáv + alsó sáv.
   ============================================================ */

/* A meglévő (régi) Vitano footer szabályok hatályon kívül helyezve a body class-tal — */
/* a felülírást a magasabb specificitással biztosítjuk: */

footer.vitano-footer {
    background: var(--vitano-cream-2);
    color: var(--vitano-charcoal);
    padding: var(--sp-9) var(--sp-5);
    margin-top: var(--sp-10);
    font-family: var(--font-body);
}

@media (min-width: 768px) {
    footer.vitano-footer {
        padding: var(--sp-11) var(--sp-7) var(--sp-8);
    }
}

/* 4 oszlop */
.vitano-footer-cols {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--sp-7);
    max-width: var(--max-width);
    margin: 0 auto;
}

@media (min-width: 600px) {
    .vitano-footer-cols {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--sp-7) var(--sp-6);
    }
}

@media (min-width: 1024px) {
    .vitano-footer-cols {
        grid-template-columns: 2fr 1fr 1fr 1.4fr;
        gap: var(--sp-8);
    }
}

/* Brand oszlop */
.vitano-footer-col--brand {
    max-width: 360px;
}
.vitano-footer-logo img {
    display: block;
    height: 72px;
    width: 72px;
    margin-bottom: var(--sp-4);
    border-radius: 50%;
    object-fit: cover;
}
.vitano-footer-slogan {
    font-family: var(--font-accent);
    font-size: 24px;
    color: var(--vitano-terracotta);
    margin: 0 0 var(--sp-3) 0;
    line-height: 1.2;
}
.vitano-footer-desc {
    font-family: var(--font-body);
    font-size: var(--fs-body-sm);
    line-height: var(--lh-body);
    color: var(--vitano-charcoal-2);
    margin: 0 0 var(--sp-4) 0;
}
.vitano-footer-social {
    display: flex;
    gap: var(--sp-3);
}
.vitano-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-pill);
    color: var(--vitano-charcoal-3);
    background: transparent;
    border: 1px solid var(--vitano-line);
    transition: color var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);
    text-decoration: none;
}
.vitano-footer-social a:hover,
.vitano-footer-social a:focus-visible {
    color: var(--vitano-white);
    background: var(--vitano-terracotta);
    border-color: var(--vitano-terracotta);
    outline: none;
}

/* Heading */
.vitano-footer-heading {
    font-family: var(--font-body) !important;
    font-size: var(--fs-body-sm) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: var(--tracking-eyebrow) !important;
    color: var(--vitano-charcoal) !important;
    margin: 0 0 var(--sp-4) 0 !important;
}

/* Lista oszlopok */
.vitano-footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.vitano-footer-col li {
    margin: 0 0 var(--sp-2) 0;
}
.vitano-footer-col li a {
    color: var(--vitano-charcoal-2);
    font-size: var(--fs-body-sm);
    text-decoration: none;
    transition: color var(--dur-fast) var(--ease-soft);
    display: inline-block;
    padding: 4px 0;
}
.vitano-footer-col li a:hover,
.vitano-footer-col li a:focus-visible {
    color: var(--vitano-terracotta);
    outline: none;
}

/* Hírlevél form */
.vitano-footer-newsletter-desc {
    font-size: var(--fs-body-sm);
    line-height: var(--lh-body);
    color: var(--vitano-charcoal-2);
    margin: 0 0 var(--sp-4) 0;
}
.vitano-footer-newsletter-form {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    margin-bottom: var(--sp-3);
}
@media (min-width: 600px) {
    .vitano-footer-newsletter-form {
        flex-direction: row;
        align-items: stretch;
    }
}
.vitano-footer-newsletter-form input[type="email"] {
    flex: 1 1 auto;
    height: 44px;
    padding: 0 var(--sp-4);
    background: var(--vitano-white);
    border: 1px solid var(--vitano-line);
    border-radius: var(--radius-pill);
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--vitano-charcoal);
    outline: none;
    transition: border-color var(--dur) var(--ease-soft), box-shadow var(--dur) var(--ease-soft);
}
.vitano-footer-newsletter-form input[type="email"]::placeholder { color: var(--vitano-charcoal-3); }
.vitano-footer-newsletter-form input[type="email"]:focus {
    border-color: var(--vitano-terracotta);
    box-shadow: 0 0 0 3px rgba(196, 98, 45, 0.15);
}
.vitano-footer-newsletter-form button[type="submit"] {
    flex: 0 0 auto;
    height: 44px;
    padding: 0 var(--sp-5);
    background: var(--vitano-coral);
    color: var(--vitano-white);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: background var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);
}
.vitano-footer-newsletter-form button[type="submit"]:hover,
.vitano-footer-newsletter-form button[type="submit"]:focus-visible {
    background: var(--vitano-coral-dk);
    transform: translateY(-1px);
    outline: none;
}
.vitano-footer-newsletter-note {
    font-size: var(--fs-tiny);
    line-height: var(--lh-body);
    color: var(--vitano-charcoal-3);
    margin: 0;
}
.vitano-footer-newsletter-note a {
    color: var(--vitano-charcoal-2);
    text-decoration: underline;
}

/* Bizalom-sáv */
.vitano-footer-trust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--sp-5) var(--sp-7);
    max-width: var(--max-width);
    margin: var(--sp-9) auto 0;
    padding: var(--sp-5) 0;
    border-top: 1px solid var(--vitano-line);
    border-bottom: 1px solid var(--vitano-line);
}
.vitano-footer-trust-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-3) var(--sp-4);
}
.vitano-footer-trust-label {
    font-size: var(--fs-tiny);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--tracking-eyebrow);
    color: var(--vitano-charcoal-3);
}
.vitano-footer-trust-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 var(--sp-3);
    background: var(--vitano-white);
    border: 1px solid var(--vitano-line);
    border-radius: var(--radius);
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 700;
    color: var(--vitano-charcoal-3);
    letter-spacing: 0.04em;
    transition: color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);
}
.vitano-footer-trust-logo:hover {
    color: var(--vitano-terracotta);
    border-color: var(--vitano-terracotta);
    transform: translateY(-1px);
}

/* SimplePay hivatalos PNG-logó (a vitano-footer-trust-logo--simplepay class az <a>-n) */
.vitano-footer-trust-logo--simplepay {
    padding: 0 var(--sp-2);
    background: var(--vitano-white);
}
.vitano-footer-trust-logo--simplepay img {
    display: block;
    height: 18px;
    width: auto;
    max-height: 22px;
}

/* Brand-szín jelölés a logo placeholderekhez (gyenge megjelenés a hivatalos logók helyett) */
.vitano-footer-trust-logo[data-logo="gls"]      { color: #ffd100; background: #002050; border-color: #002050; }
.vitano-footer-trust-logo[data-logo="foxpost"]  { color: #ff6900; background: var(--vitano-white); border-color: #ff6900; }
.vitano-footer-trust-logo[data-logo="mpl"]      { color: #d8232a; background: var(--vitano-white); border-color: #d8232a; }
.vitano-footer-trust-logo[data-logo="simplepay"]{ color: #ffffff; background: #007bb6; border-color: #007bb6; }
.vitano-footer-trust-logo[data-logo="visa"]     { color: #1a1f71; background: var(--vitano-white); border-color: #1a1f71; }
.vitano-footer-trust-logo[data-logo="mastercard"]{ color: #ffffff; background: linear-gradient(90deg, #eb001b 50%, #f79e1b 50%); border-color: transparent; }

/* Alsó sáv */
.vitano-footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sp-3);
    max-width: var(--max-width);
    margin: var(--sp-5) auto 0;
    padding-top: var(--sp-5);
    text-align: center;
}
@media (min-width: 768px) {
    .vitano-footer-bottom {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }
}
.vitano-footer-copyright {
    font-size: var(--fs-meta);
    color: var(--vitano-charcoal-3);
    margin: 0;
}
.vitano-footer-legal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--sp-4);
}
.vitano-footer-legal a {
    color: var(--vitano-charcoal-3);
    font-size: var(--fs-meta);
    text-decoration: none;
    transition: color var(--dur-fast) var(--ease-soft);
}
.vitano-footer-legal a:hover,
.vitano-footer-legal a:focus-visible {
    color: var(--vitano-terracotta);
    outline: none;
}

/* GA4 mérés a hírlevél form submit-re — JS injectionnel */