/* ==========================================================================
   FOOTER — 3-column layout: brand / contacts / nav
   ========================================================================== */

.site-footer {
    position: relative;
    background-color: var(--color-bg);
    color: var(--color-dark);
    font-size: 0.9375rem;
}

.site-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../img/footer-bg.webp");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    opacity: 0.2;
    pointer-events: none;
}

/* Grid layout
   -------------------------------------------------------------------------- */
.site-footer__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (min-width: 768px) {
    .site-footer__inner {
        grid-template-columns: 1fr clamp(200px, 21.77vw, 418px) 1fr;
        gap: clamp(2rem, 9.896vw, 190px);
    }
}

/* Column headings
   -------------------------------------------------------------------------- */
.site-footer__col-title {
    font-family: var(--font-body);
    font-size: clamp(16px, 0.99vw, 19px);
    font-weight: 700;
    line-height: 1.13;
    text-transform: uppercase;
    color: var(--color-dark);
    opacity: 0.5;
    margin: 0 0 1.3rem;
}

/* Col 1: brand
   -------------------------------------------------------------------------- */
.site-footer__logo {
    margin-bottom: 3.75rem;
}

.site-footer__logo img {
    width: 107px;
    height: 143px;
    object-fit: contain;
}

.site-footer__logo-text {
    font-family: var(--font-serif);
    font-size: 1.375rem;
    color: var(--color-dark);
    margin-bottom: 1.5rem;
}

.site-footer__socials {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}

.site-footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: opacity var(--transition-base), transform var(--transition-base);
}

.site-footer__social-link:hover {
    opacity: 0.75;
    transform: translateY(-2px);
}

/* Col 2: contacts
   -------------------------------------------------------------------------- */
.site-footer__contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.site-footer__contact-list li {
    position: relative;
    padding-left: 34px;
    font-family: var(--font-body);
    font-size: clamp(1rem, 1.146vw, 22px);
    font-weight: 400;
    line-height: 1.69;
    color: #323232;
    text-decoration: none;
    transition: color var(--transition-base);
}

.site-footer__contact-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3995 13.8862C16.3488 13.971 16.2818 14.0449 16.2025 14.1037C16.1232 14.1624 16.033 14.205 15.9372 14.2289C15.8414 14.2527 15.7418 14.2574 15.6442 14.2427C15.5465 14.228 15.4527 14.1942 15.3682 14.1431L9.00634 10.3247V17.25C9.00634 17.4489 8.92732 17.6397 8.78667 17.7803C8.64602 17.921 8.45525 18 8.25634 18C8.05743 18 7.86666 17.921 7.72601 17.7803C7.58536 17.6397 7.50634 17.4489 7.50634 17.25V10.3247L1.14259 14.1431C1.0581 14.195 0.964158 14.2297 0.866196 14.245C0.768234 14.2604 0.668197 14.2562 0.571875 14.2326C0.475553 14.2091 0.384856 14.1667 0.305034 14.1078C0.225211 14.049 0.157847 13.9749 0.106839 13.8899C0.0558308 13.8049 0.0221913 13.7105 0.00786684 13.6124C-0.00645765 13.5143 -0.00118254 13.4143 0.0233865 13.3183C0.0479555 13.2222 0.0913306 13.1319 0.151003 13.0528C0.210675 12.9736 0.285459 12.907 0.371029 12.8569L6.79853 9L0.371029 5.14313C0.285459 5.09302 0.210675 5.02644 0.151003 4.94725C0.0913306 4.86805 0.0479555 4.77781 0.0233865 4.68174C-0.00118254 4.58568 -0.00645765 4.48569 0.00786684 4.38757C0.0221913 4.28945 0.0558308 4.19515 0.106839 4.11011C0.157847 4.02508 0.225211 3.951 0.305034 3.89217C0.384856 3.83334 0.475553 3.79092 0.571875 3.76737C0.668197 3.74382 0.768234 3.73961 0.866196 3.75497C0.964158 3.77033 1.0581 3.80497 1.14259 3.85687L7.50634 7.67531V0.75C7.50634 0.551088 7.58536 0.360322 7.72601 0.21967C7.86666 0.0790178 8.05743 0 8.25634 0C8.45525 0 8.64602 0.0790178 8.78667 0.21967C8.92732 0.360322 9.00634 0.551088 9.00634 0.75V7.67531L15.3701 3.85687C15.4546 3.80497 15.5485 3.77033 15.6465 3.75497C15.7444 3.73961 15.8445 3.74382 15.9408 3.76737C16.0371 3.79092 16.1278 3.83334 16.2076 3.89217C16.2875 3.951 16.3548 4.02508 16.4058 4.11011C16.4569 4.19515 16.4905 4.28945 16.5048 4.38757C16.5191 4.48569 16.5139 4.58568 16.4893 4.68174C16.4647 4.77781 16.4214 4.86805 16.3617 4.94725C16.302 5.02644 16.2272 5.09302 16.1417 5.14313L9.71415 9L16.1417 12.8569C16.2262 12.9075 16.3 12.9743 16.3587 13.0534C16.4174 13.1326 16.46 13.2225 16.4839 13.3181C16.5078 13.4137 16.5127 13.5131 16.4982 13.6106C16.4837 13.7081 16.4502 13.8017 16.3995 13.8862Z' fill='%23944C23' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.site-footer__contact-list a {
    font-family: var(--font-body);
    font-size: clamp(1rem, 1.146vw, 22px);
    font-weight: 400;
    line-height: 1.69;
    color: #323232;
    text-decoration: none;
    transition: color var(--transition-base);
}

.site-footer__contact-list a:hover {
    color: var(--color-cta);
}

/* Col 3: navigation
   -------------------------------------------------------------------------- */
.site-footer__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.site-footer__nav-list li {
    position: relative;
    padding-left: 34px;
}

.site-footer__nav-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3995 13.8862C16.3488 13.971 16.2818 14.0449 16.2025 14.1037C16.1232 14.1624 16.033 14.205 15.9372 14.2289C15.8414 14.2527 15.7418 14.2574 15.6442 14.2427C15.5465 14.228 15.4527 14.1942 15.3682 14.1431L9.00634 10.3247V17.25C9.00634 17.4489 8.92732 17.6397 8.78667 17.7803C8.64602 17.921 8.45525 18 8.25634 18C8.05743 18 7.86666 17.921 7.72601 17.7803C7.58536 17.6397 7.50634 17.4489 7.50634 17.25V10.3247L1.14259 14.1431C1.0581 14.195 0.964158 14.2297 0.866196 14.245C0.768234 14.2604 0.668197 14.2562 0.571875 14.2326C0.475553 14.2091 0.384856 14.1667 0.305034 14.1078C0.225211 14.049 0.157847 13.9749 0.106839 13.8899C0.0558308 13.8049 0.0221913 13.7105 0.00786684 13.6124C-0.00645765 13.5143 -0.00118254 13.4143 0.0233865 13.3183C0.0479555 13.2222 0.0913306 13.1319 0.151003 13.0528C0.210675 12.9736 0.285459 12.907 0.371029 12.8569L6.79853 9L0.371029 5.14313C0.285459 5.09302 0.210675 5.02644 0.151003 4.94725C0.0913306 4.86805 0.0479555 4.77781 0.0233865 4.68174C-0.00118254 4.58568 -0.00645765 4.48569 0.00786684 4.38757C0.0221913 4.28945 0.0558308 4.19515 0.106839 4.11011C0.157847 4.02508 0.225211 3.951 0.305034 3.89217C0.384856 3.83334 0.475553 3.79092 0.571875 3.76737C0.668197 3.74382 0.768234 3.73961 0.866196 3.75497C0.964158 3.77033 1.0581 3.80497 1.14259 3.85687L7.50634 7.67531V0.75C7.50634 0.551088 7.58536 0.360322 7.72601 0.21967C7.86666 0.0790178 8.05743 0 8.25634 0C8.45525 0 8.64602 0.0790178 8.78667 0.21967C8.92732 0.360322 9.00634 0.551088 9.00634 0.75V7.67531L15.3701 3.85687C15.4546 3.80497 15.5485 3.77033 15.6465 3.75497C15.7444 3.73961 15.8445 3.74382 15.9408 3.76737C16.0371 3.79092 16.1278 3.83334 16.2076 3.89217C16.2875 3.951 16.3548 4.02508 16.4058 4.11011C16.4569 4.19515 16.4905 4.28945 16.5048 4.38757C16.5191 4.48569 16.5139 4.58568 16.4893 4.68174C16.4647 4.77781 16.4214 4.86805 16.3617 4.94725C16.302 5.02644 16.2272 5.09302 16.1417 5.14313L9.71415 9L16.1417 12.8569C16.2262 12.9075 16.3 12.9743 16.3587 13.0534C16.4174 13.1326 16.46 13.2225 16.4839 13.3181C16.5078 13.4137 16.5127 13.5131 16.4982 13.6106C16.4837 13.7081 16.4502 13.8017 16.3995 13.8862Z' fill='%23944C23' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.site-footer__nav-list a {
    font-family: var(--font-body);
    font-size: clamp(1rem, 1.146vw, 22px);
    font-weight: 400;
    line-height: 1.69;
    color: #323232;
    text-decoration: none;
    transition: color var(--transition-base);
}

.site-footer__nav-list a:hover {
    color: var(--color-cta);
}

/* Bottom bar
   -------------------------------------------------------------------------- */
.site-footer__bottom {
    padding: 0;
    text-align: center;
}

.site-footer__bottom .container {
    border-top: 1px solid rgba(64, 54, 47, 0.15);
    padding-top: 1.25rem;
    padding-bottom: 3rem;
}

.site-footer__copy {
    font-family: var(--font-body);
    font-size: clamp(1rem, 1.146vw, 22px);
    font-weight: 400;
    line-height: 1.69;
    text-align: center;
    color: #323232;
}

@media (max-width: 767px) {
    .site-footer__inner {
        gap: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .site-footer__col {
        width: 100%;
        max-width: 268px;
        text-align: left;
    }

    .site-footer__col--brand {
        text-align: center;
    }

    /* Logo */
    .site-footer__logo {
        display: flex;
        justify-content: center;
        margin-bottom: clamp(28px, 9.95vw, 40px);
        padding-top: clamp(40px, 9.95vw, 40px);
    }

    .site-footer__logo img {
        width: 107px;
        height: 143px;
        max-height: unset;
        object-fit: contain;
    }

    /* Socials */
    .site-footer__socials {
        justify-content: center;
        gap: 26px;
        margin-bottom: clamp(36px, 13.93vw, 56px);
    }

    .site-footer__social-link svg,
    .site-footer__social-link img {
        width: 32px;
        height: 32px;
    }

    /* Col titles */
    .site-footer__col-title {
        font-family: var(--font-body);
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.13;
        text-transform: uppercase;
        color: var(--color-dark);
        opacity: 0.5;
        letter-spacing: 0;
        margin: 0 0 0.75rem;
    }

    /* Contact & nav lists */
    .site-footer__contact-list li,
    .site-footer__nav-list li {
        font-family: var(--font-body);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.69;
        color: #323232;
    }

    .site-footer__contact-list a,
    .site-footer__nav-list a {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.69;
        color: #323232;
    }

    /* Gap between columns */
    .site-footer__col--nav {
        margin-top: 34px;
    }

    /* Bottom bar */
    .site-footer__bottom .container {
        margin-top: clamp(40px, 14.43vw, 58px);
        padding-bottom: 2rem;
    }

    .site-footer__copy {
        font-family: var(--font-body);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.69;
        text-align: center;
        letter-spacing: 0;
        color: #323232;
    }
}