/* ============================
   EUROPE HOUSE – FOOTER
   ============================ */

/* Wrapper */
.eh-footer {
    width: 100%;
    background: #ffffff;
    color: #000000;
}

/* Shared 1300px container */
.eh-footer-container {
    width: 1300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Top white block (285px high) */
.eh-footer-top {
    background: #ffffff;
    height: 285px;
}

/* Bottom purple strip (45px high) */
.eh-footer-bottom {
    background: #4433EE;
    height: 45px;
    display: flex;
    align-items: center;
}

/* Align copyright text center-center within 1300px */
.eh-footer-bottom .eh-footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Inner layout (left + right) */
.eh-footer-inner {
    position: relative;
    height: 100%;
    padding-top: 40px; /* 40px top padding as specified */
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

/* LEFT SIDE */
.footer-left {
    display: flex;
    flex-direction: column;
}

/* Typography classes */
.kanit-footer-joincomm {
    font-family: "Kanit", sans-serif;
    font-weight: 600;      /* SemiBold */
    font-size: 22px;
    line-height: 1;
    letter-spacing: -0.006em; /* approx -0.6% */
    margin: 0 0 8px 0;
}

.kanit-footer-become {
    font-family: "Kanit", sans-serif;
    font-weight: Light;      /* Light */
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.006em;
    margin: 0;
}

/* Newsletter row */
.footer-newsletter {
    margin-top: 20px; /* 20px padding below text */
    display: flex;
    align-items: center;
}

/* Email input */
.footer-email-input {
    width: 310px;
    height: 46px;
    border-radius: 56px;
    border: 1px solid #B7A0F8;
    background: #F1F6F8;
    padding: 0 18px;
    box-sizing: border-box;
    outline: none;
    color: #4433EE;
}

/* Placeholder styling */
.footer-email-input::placeholder {
    color: #B7A0F8;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -0.006em;
}

/* Join Us button */
.footer-join-btn {
    margin-left: 12px;
    width: 155px;
    height: 46px;
    border-radius: 56px;
    border: none;
    background: #4433EE;
    color: #ffffff;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Button hover (optional subtle effect) */
.footer-join-btn:hover {
    opacity: 0.95;
}

/* Brand + social row */
.footer-brand-social {
    margin-top: 30px; /* 30px padding below form */
    display: flex;
    align-items: center;
}

/* Logo */
.footer-logo {
    width: 185px;
    height: auto;
}

/* Social icons row */
.footer-social {
    margin-left: 140px; /* 140px to the right of logo */
    display: flex;
    align-items: center;
    gap: 11px;          /* 11px gap between icons */
}

.footer-social a img {
    height: 20px;
    width: auto;
    display: block;
}

/* RIGHT SIDE */
.footer-right {
    position: relative;
    flex: 0 0 auto;
    width: 260px; /* enough for links column + back-to-top */
}

/* Links list (200px to the left of top button) */
/* Top set to 40px so 'Events' aligns with 'Join the Community' */
.footer-links {
    position: absolute;
    top: 10px;
    right: 246px; /* 46px (button width) + 200px space */
    display: flex;
    flex-direction: column;
}

/* Link typography */
.kanit-footer-links {
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6; /* approx 24px line-height */
    letter-spacing: -0.006em;
    color: #2D2D2D;
    text-decoration: none;
    margin-bottom: 4px;
}

.kanit-footer-links:hover {
    text-decoration: underline;
}

/* Back-to-top button (46x46, 4px radius, 68px from top) */
.footer-back-to-top {
    position: absolute;
    top: 68px;
    right: 0;
    width: 46px;
    height: 46px;
    border-radius: 4px;
    background: #4433EE;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Back-to-top arrow image (20x18, #FCFEAB from SVG) */
.footer-back-to-top-img {
    width: 20px;
    height: 18px;
    display: block;
}

/* Optional: small hover effect */
.footer-back-to-top:hover {
    opacity: 0.95;
}

/* COPYRIGHT TEXT */
.kanit-copyright {
    font-family: "Kanit", sans-serif;
    font-weight: 300;   /* light */
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.006em;
    color: #ffffff;
    margin: 0;
}

/* Basic responsiveness (keeps it usable on narrower widths) */
@media (max-width: 1024px) {
    .eh-footer-inner {
        flex-direction: column;
        padding-top: 30px;
    }

    .footer-right {
        margin-top: 40px;
        width: 100%;
        position: static;
    }

    .footer-links,
    .footer-back-to-top {
        position: static;
    }

    .footer-links {
        margin-bottom: 16px;
    }

    .footer-back-to-top {
        margin-left: auto;
    }
}