/* ==========================================================
   FOOTER.CSS
   Подвал сайта
   ========================================================== */

.site-footer{
    background:var(--color-secondary);
    color:#ffffff;
    padding:64px 0 24px;
}

.footer-container{
    display:flex;
    flex-direction:column;
    gap:48px;
}

/* ==========================================================
   Верхняя часть
   ========================================================== */

.footer-brand{
    text-align:center;
}

.footer-brand h3{
    margin-bottom:16px;
    color:#ffffff;
    font-size:1.8rem;
}

.footer-brand p{
    max-width:720px;
    margin:0 auto;
    color:rgba(255,255,255,.8);
    line-height:1.8;
}

/* ==========================================================
   Призыв к действию
   ========================================================== */

.footer-action{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
    padding:32px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius-xl);
}

.footer-action p{
    margin:0;
    text-align:center;
    color:rgba(255,255,255,.9);
    font-size:1.05rem;
}

.footer-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:260px;
    min-height:52px;
    padding:0 28px;
    background:var(--gradient-primary);
    color:#ffffff;
    font-weight:600;
    border-radius:var(--radius-md);
    transition:
        transform var(--transition),
        box-shadow var(--transition);
}

.footer-button:hover{
    color:#ffffff;
    transform:translateY(-2px);
    box-shadow:var(--shadow-lg);
}

/* ==========================================================
   Нижняя строка
   ========================================================== */

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.12);
}

.footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.7);
    font-size:.95rem;
}

.footer-bottom a{
    color:#ffffff;
    font-weight:500;
    transition:color var(--transition);
}

.footer-bottom a:hover{
    color:#93c5fd;
}

/* ==========================================================
   Адаптив
   ========================================================== */

@media (max-width:768px){

    .site-footer{
        padding:48px 0 20px;
    }

    .footer-action{
        padding:24px;
    }

    .footer-button{
        width:100%;
        min-width:0;
    }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
    }

}

@media (max-width:480px){

    .footer-brand h3{
        font-size:1.5rem;
    }

    .footer-action{
        padding:20px;
    }

}