/* ══════════════════════════════════════
   ATARA FOOTER
   ══════════════════════════════════════ */
@font-face { font-family: 'Cormorant'; src: url('../fonts/english/Cormorant-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant'; src: url('../fonts/english/Cormorant-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant'; src: url('../fonts/english/Cormorant-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }

.atara-footer {
    width: 100%;
    background: #323232;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 50;
    clear: both;
}
.atara-footer *, .atara-footer *::before, .atara-footer *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Inner uses same 200px / 10.4167% side padding as the separator line,
   so the rightmost column text aligns with the separator edge. */
.atara-footer__inner {
    width: 79.1667%;
    max-width: 1520px;
    margin: 0 auto;
    /* 126px top / 69px bottom */
    padding: 6.5625% 0 3.59375%;
}

/* ── Columns ── */
.atara-footer__columns {
    display: flex;
    align-items: flex-start;
    /* space-between ensures col-4 aligns exactly to the right edge
       (i.e. the same edge as the separator line below) */
    justify-content: space-between;
}

.atara-footer__col { flex-shrink: 0; }

/* ── Col 1 — Newsletter ── */
.atara-footer__col--newsletter {
    flex-shrink: 0;
    /* Give the newsletter column a max-width so it doesn't push others too far */
    max-width: 500px;
}

.atara-footer__title {
    color: #FFF;
    font-family: 'Cormorant', serif;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    border: none;
}
.atara-footer__subtitle {
    color: #FFF;
    font-family: 'Cormorant', serif;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin-top: 6px;
}

/* Email box */
.atara-footer__email-box {
    position: relative;
    width: 500px;
    height: 65px;
    background: #FFF;
    margin-top: 29px;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}
.atara-footer__email-input {
    width: 100% !important;
    height: 100% !important;
    border: none;
    outline: none;
    background: transparent;
    padding: 19px 170px 19px 40px !important;
    color: #323232;
    font-family: 'Cormorant', serif;
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}
.atara-footer__email-input::placeholder { color: #9A9A9A; }

.atara-footer__email-btn {
    position: absolute;
    right: 8px !important;
    top: 8px !important;
    width: 140px !important;
    height: 50px !important;
    background: #BF9A5A;
    border: none;
    cursor: pointer;
    color: #F7F4EF;
    text-align: center;
    font-family: 'Cormorant', serif;
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    transition: background 0.3s ease;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}
.atara-footer__email-btn:hover { background: #a8843d; }

/* ── Col 2–4 text items — all 24px ── */
.atara-footer__col-label {
    display: block;
    color: #BF9A5A;
    font-family: 'Cormorant', serif;
    font-size: clamp(16px, 1.04vw, 20px);
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.atara-footer__col-heading {
    color: #FFF;
    font-family: 'Cormorant', serif;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.atara-footer__link--gold {
    color: #BF9A5A;
    font-family: 'Cormorant', serif;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-decoration: underline;
    text-underline-offset: auto;
    margin-top: 22px;
    display: inline-block;
    transition: opacity 0.3s ease;
}
.atara-footer__link--gold:hover { opacity: 0.8; color: #BF9A5A; }

.atara-footer__col-link {
    color: #FFF;
    font-family: 'Cormorant', serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    transition: opacity 0.3s ease;
}
.atara-footer__col-link:hover { opacity: 0.7; color: #FFF; }

.atara-footer__col--menu,
.atara-footer__col--links {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* ── Separator ── */
.atara-footer__separator {
    width: 100%;
    height: 1px;
    background: #FFF;
    opacity: 0.2;
    margin-top: 190px;
}

/* ── Mobile separators hidden on desktop ── */
.atara-footer__mob-separator { display: none; }
.atara-footer__mobile-links { display: none; }

/* ── Bottom ── */
.atara-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 26px;
}
.atara-footer__copyright,
.atara-footer__credit {
    color: #FFF;
    font-family: 'Cormorant', serif;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.atara-footer__credit { text-decoration: none; transition: opacity 0.3s ease; }
.atara-footer__credit:hover { opacity: 0.7; color: #FFF; }
.atara-footer__credit strong { font-weight: 700; }


/* ══════════════════════════════════════
   TABLET  (769px – 1024px)
   ══════════════════════════════════════ */
@media (max-width: 1024px) and (min-width: 769px) {

    .atara-footer__inner {
        padding: 6% 5% 4%;
    }

    .atara-footer__email-box {
        width: 100%;
        max-width: 380px;
        height: 56px;
        border-radius: 0 !important;
    }
    .atara-footer__email-input {
        padding: 14px 140px 14px 40px;
        font-size: 18px;
        border-radius: 0 !important;
    }
    .atara-footer__email-btn {
        width: 110px;
        height: 42px;
        font-size: 18px;
        right: 8px;
        top: 7px;
        border-radius: 0 !important;
    }

    .atara-footer__title { font-size: 24px; }
    .atara-footer__subtitle { font-size: 18px; }
    .atara-footer__col-heading { font-size: 20px; }
    .atara-footer__col-link { font-size: 20px; }
    .atara-footer__col-link + .atara-footer__col-link { margin-top: 24px; }
    .atara-footer__link--gold { font-size: 18px; }

    .atara-footer__separator { margin-top: 80px; }
}


/* ══════════════════════════════════════
   MOBILE  (≤768px)
   ══════════════════════════════════════ */
@media (max-width: 768px) {

    .atara-footer__inner {
        width: 100%;
        /* 31.5px sides on 390px = 8.077% */
        padding: 40px 8.077% 32px;
    }

    /* Stack columns */
    .atara-footer__columns {
        flex-direction: column;
        gap: 0;
    }

    .atara-footer__col-label {
        font-size: 18px;
        margin-bottom: 15px;
    }

    /* ── Col 1 Newsletter (mobile) ── */
    .atara-footer__title {
        color: #FFF !important;
        font-family: 'Cormorant', serif !important;
        font-size: 24px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: normal !important;
    }
    .atara-footer__subtitle {
        color: #FFF !important;
        font-family: 'Cormorant', serif !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: normal !important;
        margin-top: 6px;
    }

    .atara-footer__col {
        width: 100%;
    }
    .atara-footer__email-box {
        width: 327px !important;
        max-width: 100% !important;
        height: 50px !important;
        margin-top: 21px;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }
    .atara-footer__email-input {
        width: 100% !important;
        height: 100% !important;
        font-size: 18px !important;
        padding: 12px 130px 12px 20px !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }
    .atara-footer__email-btn {
        width: 110px !important;
        height: 38px !important;
        font-size: 18px !important;
        right: 6px !important;
        top: 6px !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    /* ── Mobile separators visible ── */
    .atara-footer__mob-separator {
        display: block;
        width: 100%;
        height: 1px;
        background: #FFF;
        opacity: 0.2;
    }
    .atara-footer__mob-separator--1 { margin-top: 39px; }
    .atara-footer__mob-separator--2 { margin-top: 40px; }
    .atara-footer__mob-separator--3 { display: none !important; }

    /* ── Col 2 — Info for Photographers (mobile: side by side, aligned bottom) ── */
    .atara-footer__col--photographers {
        display: block;
        margin-top: 24px;
    }
    .atara-footer__photographers-content {
        display: flex;
        align-items: flex-end;
        gap: 24px;
    }
    .atara-footer__col--photographers .atara-footer__col-heading {
        color: #FFF !important;
        font-family: 'Cormorant', serif !important;
        font-size: 24px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: normal !important;
        white-space: nowrap;
    }
    .atara-footer__col--photographers .atara-footer__link--gold {
        margin-top: 0;
        margin-bottom: 2px; /* Slight offset to visually match baseline */
        font-size: 18px;
        white-space: nowrap;
    }

    /* ── Col 3 & 4 on mobile (visible and stacked) ── */
    .atara-footer__col--menu,
    .atara-footer__col--links {
        display: flex;
        flex-direction: column;
        gap: 25px;
        margin-top: 24px;
    }

    .atara-footer__col--links .atara-footer__col-label--spacer {
        display: none;
    }

    /* ── Main separator visible (placed between last menu item and copyright) ── */
    .atara-footer__separator {
        margin-top: 40px !important;
        display: block !important;
    }

    /* ── Bottom (mobile) ── */
    .atara-footer__bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-top: 24px;
        gap: 29px;
    }
    .atara-footer__copyright {
        font-size: 16px;
    }
    .atara-footer__credit {
        font-size: 16px;
    }
}

/* Very small screens (< 380px) */
@media (max-width: 380px) {
    .atara-footer__col--photographers { gap: 16px; }
    .atara-footer__col--photographers .atara-footer__col-heading { font-size: 20px !important; }
    .atara-footer__col--photographers .atara-footer__link--gold { font-size: 16px !important; }
}