/* FILE_VERSION = 1.0.0
 * VOGO Footer Style - footerul vogo.family in aspectul footerului vogo.me (general/styles.css, .vogo-footer):
 * fundal aproape negru #030807, titluri albe, linkuri deschise, accent albastru VOGO, linie subtire, rand de jos.
 * Numai aspect: continutul footerului (blocul Elementor 688 si randul de copyright WoodMart) ramane neschimbat.
 *
 * SECTIUNI:
 *   1. Culori si fundal
 *   2. Titlurile coloanelor
 *   3. Listele de linkuri
 *   4. Formularul de abonare la buletin
 *   5. Randul de jos (copyright, plati)
 *   6. Telefon
 */

/* 1. Culori si fundal: ca .site-footer de pe vogo.me */
.wd-footer.footer-container {
    --vogo-footer-bg: #030807;
    --vogo-footer-text: #d7e2df;
    --vogo-footer-muted: #c2d0cd;
    --vogo-footer-title: #f2f8f6;
    --vogo-footer-accent: #8cc4f2;
    --vogo-footer-line: rgba(215, 226, 223, 0.2);
    background: var(--vogo-footer-bg) !important;
    color: var(--vogo-footer-text);
}
.wd-footer .main-footer,
.wd-footer .main-footer .e-con {
    background: transparent !important;
}

/* 2. Titlurile coloanelor: albe, fara majuscule fortate, ca h4 din .vf-col */
.wd-footer .main-footer h4.title {
    color: var(--vogo-footer-title) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 0 0 12px !important;
}

/* 3. Listele de linkuri: text deschis, distanta egala intre randuri, albastru deschis la trecerea mouse-ului */
.wd-footer .main-footer .sub-sub-menu {
    display: grid;
    gap: 8px;
    padding: 0;
    margin: 0;
}
.wd-footer .main-footer .sub-sub-menu li,
.wd-footer .main-footer .sub-sub-menu a,
.wd-footer .main-footer .sub-sub-menu span,
.wd-footer .main-footer .form-foot a {
    color: var(--vogo-footer-text) !important;
    font-size: 14px;
    line-height: 1.45;
    padding: 0 !important;
    text-decoration: none;
}
.wd-footer .main-footer .sub-sub-menu a:hover,
.wd-footer .main-footer .sub-sub-menu a:hover span,
.wd-footer .main-footer .sub-sub-menu a:focus-visible,
.wd-footer .main-footer .form-foot a:hover {
    color: var(--vogo-footer-accent) !important;
}
.wd-footer .main-footer a:focus-visible {
    outline: 2px solid var(--vogo-footer-accent);
    outline-offset: 3px;
    border-radius: 3px;
}

/* 4. Formularul de abonare: campuri cu contur subtire pe fundal inchis, butonul albastru VOGO */
.wd-footer .tnp-subscription label {
    color: var(--vogo-footer-muted) !important;
    font-size: 13px;
}
.wd-footer .tnp-subscription input.tnp-name,
.wd-footer .tnp-subscription input.tnp-email {
    background: transparent !important;
    border: 1px solid var(--vogo-footer-line) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}
.wd-footer .tnp-subscription input.tnp-name:focus,
.wd-footer .tnp-subscription input.tnp-email:focus {
    border-color: var(--vogo-footer-accent) !important;
}
.wd-footer .tnp-subscription input.tnp-submit {
    background: #0F6CBD !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 600;
}
.wd-footer .tnp-subscription input.tnp-submit:hover {
    background: #0B5A9E !important;
}

/* 5. Randul de jos: linie subtire deasupra, text mai mic, ca .vf-line + .vf-legal */
.wd-footer .wd-copyrights {
    background: var(--vogo-footer-bg) !important;
    border-top: 1px solid var(--vogo-footer-line) !important;
    color: var(--vogo-footer-muted) !important;
    font-size: 0.88rem;
}
.wd-footer .wd-copyrights a,
.wd-footer .wd-copyrights strong {
    color: var(--vogo-footer-text) !important;
    font-weight: 500;
}
.wd-footer .wd-copyrights a:hover {
    color: var(--vogo-footer-accent) !important;
}
.wd-footer .wd-copyrights img {
    opacity: 0.85;
}

/* 6. Telefon: coloanele una sub alta, cu spatiu intre ele */
@media (max-width: 768px) {
    .wd-footer .main-footer h4.title {
        margin-bottom: 10px !important;
    }
    .wd-footer .wd-copyrights .wd-grid-g {
        row-gap: 10px;
        text-align: center;
    }
}