/* Footer (MSBJ) - moved from footer.php's inline <style>; printed at the same spot by footer.php. */

/* =========================================================
   CUSTOM PREMIUM FOOTER
========================================================= */
.hr-footer-wrapper {
    background-color: #0A0A0A;
    color: #9CA3AF;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
}

.hr-footer-wrapper * {
    box-sizing: border-box;
}

/* ── 1. NEWSLETTER SECTION ── */
.hr-nl-section {
    padding: 80px 20px;
    text-align: center;
    border-bottom: 1px solid #1A1A1A;
}
.hr-nl-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}
.hr-nl-eyebrow::before,
.hr-nl-eyebrow::after {
    content: '';
    height: 2px;
    width: 30px;
    background-color: #E31837;
}
.hr-nl-eyebrow span {
    color: #E31837;
    font-size: 12px; /* Bumped from 10px */
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
}
.hr-nl-heading {
    color: #FFFFFF;
    font-size: 42px; /* Bumped from 36px */
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 15px 0;
    letter-spacing: -0.5px;
}
.hr-nl-sub {
    font-size: 17px; /* Bumped from 15px */
    color: #9CA3AF;
    max-width: 600px;
    margin: 0 auto 30px auto;
    line-height: 1.6;
}
.hr-nl-form {
    display: flex;
    max-width: 500px;
    margin: 0 auto;
}
.hr-nl-input {
    flex: 1;
    background: #111111;
    border: 1px solid #222222;
    padding: 16px 20px;
    color: #FFFFFF;
    font-size: 16px; /* Bumped from 14px */
    outline: none;
    transition: border 0.3s;
}
.hr-nl-input:focus {
    border-color: #E31837;
}
.hr-nl-btn {
    background: #E31837;
    color: #FFFFFF;
    border: none;
    padding: 0 32px;
    font-size: 14px; /* Bumped from 12px */
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s;
}
.hr-nl-btn:hover {
    background: #b51029;
}

/* ── 2. MAIN FOOTER GRID ── */
/* Brand + address | Latest Updates | Company. Two columns on tablets (Latest Updates spans both), one on phones. */
.hr-footer-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(56px, 7vw, 80px) clamp(20px, 4vw, 40px);
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.6fr) minmax(0, 0.9fr);
    gap: clamp(40px, 4.5vw, 64px);
    align-items: start;
}
.hr-footer-col { min-width: 0; }
/* The parent theme pads anything whose class contains "col-" by 7.5px; here titles and columns line up flush. */
.hr-footer-main > .hr-footer-col,
.hr-footer-main .hr-footer-col-title { padding-left: 0; padding-right: 0; }
.hr-footer-col-title {
    color: #E31837;
    font-size: 13px; /* Bumped from 11px */
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

/* Col 1: Brand */
.hr-footer-logo {
    margin-bottom: 0px;
    display: block;
}
.hr-logo-img {
    height: 72px; /* Change this to make it bigger or smaller */
    width: auto;
    display: block;
}
.hr-footer-logo span:first-child { color: #FFFFFF; }
.hr-footer-logo span:last-child { color: #E31837; }
.hr-footer-desc {
    font-size: 15px; /* Bumped from 13px */
    line-height: 1.7;
    color: #6B7280;
    margin: 16px 0 24px;
    max-width: 340px;
}

/* Registered address and newsroom email (filled by hr-platform on hr_footer_contact): an icon beside each line,
   the address on two lines, the email on one. */
.hr-footer-wrapper .hr-fc {
    display: grid;
    gap: 2px;
    margin: 0 0 24px;
    max-width: 340px;
    font-style: normal;
    font-size: 14px;
    line-height: 1.55;
    color: #9CA3AF;
}
.hr-footer-wrapper .hr-fc__row {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
    min-height: 0;
    color: #9CA3AF;
    text-decoration: none;
}
.hr-footer-wrapper .hr-fc__row--addr { padding: 0 0 6px; }
.hr-footer-wrapper a.hr-fc__row { align-items: center; min-height: 44px; transition: color 0.2s; }
.hr-footer-wrapper a.hr-fc__row:hover,
.hr-footer-wrapper a.hr-fc__row:focus-visible { color: #FFFFFF; }
.hr-footer-wrapper a.hr-fc__row .hr-fc__text { text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.25); text-underline-offset: 3px; overflow-wrap: anywhere; }
.hr-footer-wrapper .hr-fc__icon { width: 16px; height: 16px; margin-top: 3px; fill: #E31837; }
.hr-footer-wrapper a.hr-fc__row .hr-fc__icon { margin-top: 0; }
.hr-social-boxes {
    display: flex;
    gap: 8px;
}
.hr-social-box {
    width: 40px; /* Scaled up from 36px */
    height: 40px; /* Scaled up from 36px */
    background: #1A1A1A;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9CA3AF;
    text-decoration: none;
    font-size: 13px; /* Bumped from 11px */
    font-weight: 600;
    transition: all 0.3s;
}
.hr-social-box:hover {
    background: #E31837;
    color: #FFFFFF;
}

/* Col 2: Latest Updates */
.hr-latest-link {
    display: block;
    color: #6B7280;
    text-decoration: none;
    font-size: 15px; /* Bumped from 13px */
    line-height: 1.6;
    padding: 16px 0;
    border-bottom: 1px solid #1A1A1A;
    transition: color 0.2s;
}
.hr-latest-link:first-of-type {
    padding-top: 0;
}
.hr-latest-link:last-of-type {
    border-bottom: none;
}
.hr-latest-link:hover {
    color: #FFFFFF;
}

/* Col 3: Company */
.hr-company-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hr-company-menu li {
    margin-bottom: 16px;
}
.hr-company-menu a {
    color: #9CA3AF;
    text-decoration: none;
    font-size: 15px; /* Bumped from 13px */
    transition: color 0.2s;
}
.hr-company-menu a:hover {
    color: #E31837;
}

/* ── 3. BOTTOM BAR ── */
.hr-footer-bottom {
    border-top: 1px solid #1A1A1A;
    padding: 24px 40px;
}
.hr-bottom-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px; /* Bumped from 11px */
    color: #6B7280;
}
.hr-bottom-socials {
    display: flex;
    gap: 15px;
}
.hr-bottom-socials a {
    color: #6B7280;
    text-decoration: none;
    transition: color 0.2s;
}
.hr-bottom-socials a:hover {
    color: #FFFFFF;
}

/* ── RESTYLE COVERNEWS SCROLL UP BUTTON ── */
#scroll-up {
    background-color: #E31837 !important;
    color: #ffffff !important;
    border: none !important;
}
#scroll-up:hover {
    background-color: #b51029 !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 1023px) {
    .hr-footer-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .hr-footer-col--latest { grid-column: 1 / -1; grid-row: 2; }
}
@media (max-width: 639px) {
    .hr-footer-main { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    .hr-footer-col--latest { grid-row: auto; }
}
@media (max-width: 900px) {
    .hr-nl-heading {
        font-size: 32px; /* Bumped from 28px */
    }
    .hr-nl-form {
        flex-direction: column;
        gap: 10px;
    }
    .hr-nl-btn {
        padding: 16px;
    }
    .hr-bottom-inner {
        flex-direction: column;
        gap: 16px;
        text-align: center;
        line-height: 1.6;
    }
}

/* Footer: empty "Latest Updates" state (was inline) */
.hr-footer-empty { font-size: 15px; color: #6B7280; }