/* ============================================================================
   VITABOLIC · FOOTER v2 — card intunecat cu newsletter central
   Clase noi (vtbF-) => nu se ciocnesc cu stilurile vechi de footer.
   ============================================================================ */
#pageFooter.vtbF{
    --f-bg:#0c0a08; --f-card:#151210; --f-line:#2a241c;
    --f-gold:#d9aa4a; --f-gold2:#e8c477; --f-ink:#efe9df; --f-muted:#9a9084;
    background:var(--f-bg) !important;
    color:var(--f-ink) !important;
    font-family:'Open Sans',Arial,sans-serif !important;
    padding:0 !important;margin:0 !important;
}
#pageFooter.vtbF *{box-sizing:border-box}
#pageFooter.vtbF a{text-decoration:none}

/* ---------- cardul principal ---------- */
.vtbF .vtbF-card{
    max-width:1440px;margin:34px auto 0;padding:38px 44px;
    display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:44px;
    background:linear-gradient(180deg,#17130f 0%,#100d0a 100%);
    border:1px solid var(--f-line);border-radius:18px;
    box-shadow:0 24px 60px rgba(0,0,0,.4);position:relative;
}
.vtbF .vtbF-card::before{
    content:'';position:absolute;inset:0;border-radius:18px;pointer-events:none;
    background:radial-gradient(600px 200px at 50% 0%, rgba(217,170,74,.10), transparent 70%);
}
@media(max-width:1100px){ .vtbF .vtbF-card{grid-template-columns:1fr;gap:34px;padding:30px 24px;margin:22px 16px 0} }

/* ---------- brand ---------- */
.vtbF .vtbF-logo img{height:64px;width:auto;display:block;margin-bottom:18px}
.vtbF .vtbF-slogan{color:var(--f-muted);font-size:13.5px;line-height:1.75;margin:0 0 20px;letter-spacing:.3px}
html body footer#pageFooter.vtbF .vtbF-contacts{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:2px !important}
html body footer#pageFooter.vtbF .vtbF-contact{
    display:flex !important;align-items:center !important;gap:12px !important;
    width:100% !important;float:none !important;
    color:var(--f-ink) !important;font-size:13.5px !important;
    padding:7px 0 !important;transition:color .2s;letter-spacing:.3px;
}
html body footer#pageFooter.vtbF .vtbF-contact i{color:var(--f-gold) !important;font-size:15px !important;width:20px;text-align:center;flex-shrink:0}
html body footer#pageFooter.vtbF .vtbF-contact:hover{color:var(--f-gold2) !important}
.vtbF .vtbF-brand{border-right:1px solid var(--f-line);padding-right:36px}
@media(max-width:1100px){ .vtbF .vtbF-brand{border-right:none;padding-right:0} }

/* ---------- newsletter ---------- */
.vtbF .vtbF-news{text-align:center;padding:0 8px}
.vtbF .vtbF-news-title{
    font-family:'Oswald',Arial,sans-serif;font-weight:700;font-size:clamp(19px,2.1vw,27px);
    letter-spacing:.5px;text-transform:uppercase;color:#fff;margin:0 0 10px;line-height:1.25;
}
.vtbF .vtbF-news-title em{font-style:normal;color:var(--f-gold)}
.vtbF .vtbF-news-sub{color:var(--f-muted);font-size:14px;margin:0 0 22px;letter-spacing:.3px}
html body footer#pageFooter.vtbF .vtbF-news-form{display:flex !important;gap:0 !important;align-items:stretch !important;width:100% !important;max-width:520px;margin:0 auto;}
html body footer#pageFooter.vtbF .vtbF-news-input{
    flex:1 1 auto !important;display:flex !important;align-items:center !important;gap:11px;min-width:0;
    background:#0e0c09;border:1px solid var(--f-line);border-right:none;
    border-radius:10px 0 0 10px;padding:0 16px;
}
.vtbF .vtbF-news-input i{color:var(--f-muted);font-size:15px;flex-shrink:0}
html body footer#pageFooter.vtbF .vtbF-news-form .vtbF-news-input input#email-newsletter{
    flex:1 1 auto !important;width:auto !important;min-width:0 !important;max-width:none !important;
    background:transparent !important;border:none !important;outline:none !important;
    color:var(--f-ink) !important;font-size:14px !important;
    height:56px !important;line-height:56px !important;padding:0 !important;margin:0 !important;
    box-shadow:none !important;border-radius:0 !important;box-sizing:border-box !important;float:none !important;
}
.vtbF .vtbF-news-input input::placeholder{color:#6f675c}
html body footer#pageFooter.vtbF .vtbF-news-form input#submit-newsletter.vtbF-news-btn{
    flex:0 0 auto !important;width:auto !important;max-width:none !important;
    margin:0 !important;height:56px !important;line-height:1 !important;border:none !important;cursor:pointer;
    background:linear-gradient(135deg,var(--f-gold2),#c8963e) !important;
    color:#191308 !important;-webkit-text-fill-color:#191308 !important;
    font-family:'Oswald',Arial,sans-serif !important;font-weight:600 !important;
    font-size:13px !important;letter-spacing:2px !important;text-transform:uppercase !important;
    padding:0 30px !important;border-radius:0 10px 10px 0 !important;transition:filter .2s;
    box-sizing:border-box !important;float:none !important;
}
html body footer#pageFooter.vtbF .vtbF-news-form input#submit-newsletter.vtbF-news-btn:hover{filter:brightness(1.07);background:linear-gradient(135deg,var(--f-gold2),#c8963e) !important}
.vtbF .vtbF-news-benefits{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:20px 0 12px}
.vtbF .vtbF-news-benefits span{display:inline-flex;align-items:center;gap:9px;color:var(--f-ink);font-size:13px}
.vtbF .vtbF-news-benefits i{color:var(--f-gold);font-size:15px}
.vtbF .vtbF-news-note{color:#6f675c;font-size:12.5px;margin:0}
#pageFooter.vtbF #italic-explanation{color:var(--f-gold);font-size:12.5px;margin:8px 0 0}
@media(max-width:600px){
    html body footer#pageFooter.vtbF .vtbF-news-form{flex-direction:column !important;gap:10px !important}
    html body footer#pageFooter.vtbF .vtbF-news-input{border-right:1px solid var(--f-line) !important;border-radius:10px !important}
    html body footer#pageFooter.vtbF .vtbF-news-form input#submit-newsletter.vtbF-news-btn{border-radius:10px !important;width:100% !important}
}

/* ---------- linkuri ---------- */
.vtbF .vtbF-links{display:grid;grid-template-columns:1fr 1fr;gap:26px;border-left:1px solid var(--f-line);padding-left:36px}
@media(max-width:1100px){ .vtbF .vtbF-links{border-left:none;padding-left:0} }
@media(max-width:520px){ .vtbF .vtbF-links{grid-template-columns:1fr} }
html body footer#pageFooter.vtbF .vtbF-col h4,
html body footer#pageFooter.vtbF .vtbF-follow h4{
    font-family:'Oswald',Arial,sans-serif !important;font-size:13px !important;
    letter-spacing:2.5px !important;text-transform:uppercase !important;
    color:var(--f-gold) !important;-webkit-text-fill-color:var(--f-gold) !important;
    margin:0 0 14px !important;font-weight:600 !important;border:none !important;padding:0 !important;
}
.vtbF .vtbF-col ul{list-style:none;margin:0;padding:0}
.vtbF .vtbF-col li{margin:0}
html body footer#pageFooter.vtbF .vtbF-col li a{
    display:flex !important;align-items:center !important;gap:10px !important;
    color:var(--f-ink) !important;font-size:13.5px !important;float:none !important;
    padding:7px 0 !important;transition:color .2s, transform .2s;letter-spacing:.3px;
}
html body footer#pageFooter.vtbF .vtbF-col li a i{
    color:var(--f-gold) !important;font-size:12px !important;flex-shrink:0;margin-right:2px !important;
}
html body footer#pageFooter.vtbF .vtbF-col li a:hover{color:var(--f-gold2) !important;transform:translateX(3px)}
html body footer#pageFooter.vtbF .vtbF-links > .vtbF-follow{
    grid-column:1 / -1 !important;
    border-top:1px solid var(--f-line);margin-top:14px;padding-top:22px;
}
html body footer#pageFooter.vtbF .vtbF-social{
    display:flex !important;gap:14px !important;flex-wrap:wrap !important;
    justify-content:flex-start !important;align-items:center !important;
    margin:0 !important;padding:0 !important;list-style:none !important;
}
html body footer#pageFooter.vtbF .vtbF-social a{
    width:52px !important;height:52px !important;min-width:52px !important;
    border-radius:50% !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    border:1px solid var(--f-line) !important;background:#0e0c09 !important;
    color:var(--f-ink) !important;-webkit-text-fill-color:var(--f-ink) !important;
    font-size:20px !important;line-height:1 !important;
    padding:0 !important;margin:0 !important;float:none !important;text-align:center !important;
    text-decoration:none !important;box-shadow:none !important;overflow:hidden !important;
    transition:all .2s;
}
html body footer#pageFooter.vtbF .vtbF-social a i{
    display:block !important;line-height:1 !important;margin:0 !important;padding:0 !important;
    font-size:20px !important;width:auto !important;height:auto !important;
    color:inherit !important;-webkit-text-fill-color:inherit !important;
    position:static !important;transform:none !important;
}
html body footer#pageFooter.vtbF .vtbF-social a:hover{
    border-color:var(--f-gold) !important;color:var(--f-gold) !important;
    -webkit-text-fill-color:var(--f-gold) !important;transform:translateY(-3px);
    background:#141009 !important;
}

/* ---------- banda de garantii ---------- */
.vtbF .vtbF-trust{
    max-width:1440px;margin:26px auto 0;padding:26px 44px;
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    border-top:1px solid var(--f-line);border-bottom:1px solid var(--f-line);
}
@media(max-width:1000px){ .vtbF .vtbF-trust{grid-template-columns:repeat(2,1fr);gap:22px;padding:24px} }
@media(max-width:560px){ .vtbF .vtbF-trust{grid-template-columns:1fr} }
.vtbF .vtbF-trust-item{display:flex;gap:16px;align-items:flex-start;padding:0 24px;border-left:1px solid var(--f-line)}
.vtbF .vtbF-trust-item:first-child{border-left:none;padding-left:0}
@media(max-width:1000px){ .vtbF .vtbF-trust-item{border-left:none;padding:0} }
.vtbF .vtbF-trust-item > i{color:var(--f-gold);font-size:30px;flex-shrink:0;margin-top:2px}
.vtbF .vtbF-trust-item strong{
    display:block;font-family:'Oswald',Arial,sans-serif;font-size:13.5px;letter-spacing:1.5px;
    text-transform:uppercase;color:#fff;margin-bottom:5px;
}
.vtbF .vtbF-trust-item small{display:block;color:var(--f-muted);font-size:12.5px;line-height:1.6}
.vtbF .vtbF-pay-mini{display:block;color:#7d746a;font-size:11px;margin-top:6px;letter-spacing:.6px}

/* ---------- bara de jos ---------- */
.vtbF .vtbF-bottom{
    max-width:1440px;margin:0 auto;padding:20px 44px 26px;
    display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
    color:var(--f-muted);font-size:12.5px;
}
@media(max-width:1000px){ .vtbF .vtbF-bottom{padding:20px 24px 26px;justify-content:center;text-align:center} }
.vtbF .vtbF-copy b{color:var(--f-gold)}
.vtbF .vtbF-pay{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vtbF .vtbF-pay b{color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px}


/* ---------- social: SVG-ul TikTok + dimensiuni pe mobil ---------- */
html body footer#pageFooter.vtbF .vtbF-social a svg.vtbF-tt{
    display:block !important;width:20px !important;height:20px !important;
    color:inherit !important;fill:currentColor !important;
}
@media(max-width:1100px){
    html body footer#pageFooter.vtbF .vtbF-social{justify-content:flex-start !important;gap:12px !important}
}
@media(max-width:600px){
    html body footer#pageFooter.vtbF .vtbF-social{
        gap:9px !important;flex-wrap:nowrap !important;justify-content:space-between !important;
        width:100% !important;max-width:330px;
    }
    html body footer#pageFooter.vtbF .vtbF-social a{
        width:44px !important;height:44px !important;min-width:44px !important;font-size:17px !important;
    }
    html body footer#pageFooter.vtbF .vtbF-social a i{font-size:17px !important}
    html body footer#pageFooter.vtbF .vtbF-social a svg.vtbF-tt{width:17px !important;height:17px !important}
}


/* ---------- mesajul de la newsletter ---------- */
html body footer#pageFooter.vtbF #italic-explanation{
    display:block !important;margin:12px 0 0 !important;font-size:13px !important;
    font-style:normal !important;letter-spacing:.2px;line-height:1.5;
}
html body footer#pageFooter.vtbF #italic-explanation.vtb-nl-ok{color:#7fc98d !important;-webkit-text-fill-color:#7fc98d !important}
html body footer#pageFooter.vtbF #italic-explanation.vtb-nl-err{color:#e8a0a0 !important;-webkit-text-fill-color:#e8a0a0 !important}
#italic-explanation.vtb-nl-ok{color:#2e7d43}
#italic-explanation.vtb-nl-err{color:#a33}
