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

.site-footer {
    background-color: var(--color-blue-deep);
    border-top: 1px solid var(--color-orange);
}

.site-footer__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 51px var(--section-px) 40px;
}

.site-footer__top {
    display: flex;
    gap: 131px;
    align-items: flex-start;
}

/* Left column — logo, social, legal links */
.site-footer__brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    width: 243px;
    flex-shrink: 0;
}

.site-footer__logo {
    width: 243px;
    max-height: 73px;
    object-fit: contain;
}

.site-footer__site-name {
    font-family: var(--font-primary);
    font-size: var(--fs-xl);
    font-weight: var(--fw-bold);
    color: var(--color-white);
}

/* Social icons */
.site-footer__social {
    display: flex;
    align-items: center;
    gap: 25px;
}

.site-footer__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--color-white);
    transition: opacity 0.2s ease;
}

.site-footer__social-link:hover {
    opacity: 0.8;
}

.site-footer__social-icon {
    display: block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Social icon SVGs as inline data URIs */
.site-footer__social-icon--instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z'/%3E%3Cline x1='17.5' y1='6.5' x2='17.51' y2='6.5'/%3E%3C/svg%3E");
}

.site-footer__social-icon--facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
}

.site-footer__social-icon--linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z'/%3E%3Crect x='2' y='9' width='4' height='12'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E");
}

.site-footer__social-icon--twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}

.site-footer__social-icon--youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}

/* Legal links */
.site-footer__legal-links {
    font-family: var(--font-primary);
    font-size: var(--fs-md);
    color: var(--color-white);
    text-align: center;
}

.site-footer__legal-links a {
    color: var(--color-white);
    text-decoration: underline;
    transition: opacity 0.2s ease;
}

.site-footer__legal-links a:hover {
    opacity: 0.8;
}

.site-footer__divider {
    margin: 0 8px;
}

/* Middle column — nav */
.site-footer__nav {
    flex-shrink: 0;
}

.site-footer__menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer__menu li a {
    font-family: var(--font-primary);
    font-size: var(--fs-md);
    font-weight: var(--fw-regular);
    color: var(--color-white);
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease;
}

.site-footer__menu li a:hover {
    opacity: 0.8;
}

/* Right column — disclaimer */
.site-footer__disclaimer-col {
    flex: 1;
    text-align: right;
}

.site-footer__disclaimer {
    font-family: var(--font-primary);
    font-size: var(--fs-md);
    font-weight: var(--fw-regular);
    color: var(--color-white);
    line-height: 1.5;
    margin-bottom: 12px;
}

.site-footer__disclaimer:last-of-type {
    margin-bottom: 0;
}

.site-footer__disclaimer-link {
    margin-top: 12px;
}

.site-footer__disclaimer-link a {
    font-family: var(--font-primary);
    font-size: var(--fs-md);
    font-weight: var(--fw-regular);
    color: var(--color-orange);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.site-footer__disclaimer-link a:hover {
    opacity: 0.8;
}

/* Bottom — copyright */
.site-footer__bottom {
    margin-top: 30px;
    padding-top: 22px;
    border-top: 0.5px solid rgba(255, 255, 255, 0.3);
    text-align: center;
}

.site-footer__copyright {
    font-family: var(--font-primary);
    font-size: var(--fs-md);
    font-weight: var(--fw-regular);
    color: var(--color-white);
}

/* Responsive */
@media (max-width: 1023px) {
    .site-footer__inner {
        padding: 40px 20px;
    }

    .site-footer__top {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .site-footer__disclaimer-col {
        text-align: center;
    }

    .site-footer__menu {
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .site-footer__top {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px;
        padding: 40px 40px;
    }
}