/**
 * TECHNOPROEKT — Footer Styles
 *
 * Footer grid, links, brand, bottom bar
 *
 * @package Technoproekt
 */

/* ==========================================================================
   Footer
   ========================================================================== */

.tp-footer {
    background: var(--tp-dark);
    color: var(--tp-white);
    padding: 40px 20px 20px;
}

/* ==========================================================================
   Footer Grid
   ========================================================================== */

.tp-footer__inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--tp-white-10);
}

/* ==========================================================================
   Footer Brand
   ========================================================================== */

.tp-footer__brand p {
    color: var(--tp-white-60);
    font-size: 14px;
    line-height: 1.7;
    margin-top: 20px;
}

/* ==========================================================================
   Footer Column Headings
   ========================================================================== */

.tp-footer h4 {
    font-family: 'Unbounded', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
    color: var(--tp-yellow);
}

/* ==========================================================================
   Footer Links
   ========================================================================== */

.tp-footer__links li {
    margin-bottom: 12px;
}

.tp-footer__links a {
    color: var(--tp-white-60);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}

.tp-footer__links a:hover {
    color: var(--tp-white);
}

/* "Все услуги →" — bold highlight (class tp-dropdown__link--all on <li>) */
.tp-footer__links .tp-dropdown__link--all a {
    font-weight: 700;
    color: var(--tp-white-80);
}

/* ==========================================================================
   Footer Bottom
   ========================================================================== */

.tp-footer__bottom {
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    font-size: 13px;
    color: var(--tp-white-40);
}

.tp-footer__bottom a {
    color: var(--tp-white-40);
    text-decoration: none;
    transition: color 0.2s;
}

.tp-footer__bottom a:hover {
    color: var(--tp-white-70);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (min-width: 769px) {
    .tp-footer {
        padding: 60px 40px 30px;
    }

    .tp-footer__bottom {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
        gap: 0;
    }
}

@media (min-width: 1025px) {
    .tp-footer__inner {
        grid-template-columns: 2fr 1fr 1fr 1fr;
        gap: 60px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .tp-footer__inner {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}