/*
 * Oluebube A. Chukwu Foundation - site customisations.
 * Kept separate from heartox.css so theme files stay untouched.
 */

/* ---------- Footer: social + newsletter block ---------- */

.footer-connect {
    padding: 10px 0 4px;
}

.footer-connect__title {
    font-family: var(--heartox-heading-font, inherit);
    font-size: 22px;
    line-height: 1.3;
    color: var(--heartox-white, #fff);
    margin: 0 0 18px;
}

.footer-connect__social {
    justify-content: center;
    margin-bottom: 34px;
}

.footer-connect__newsletter {
    padding-top: 6px;
}

/* The subscribe form itself */
.oacf-newsletter--compact .oacf-newsletter__form {
    max-width: 520px;
    margin: 0 auto;
}

.oacf-newsletter--compact .form-control {
    height: 52px;
    border: 0;
    border-radius: 6px;
    padding: 0 18px;
    font-size: 15px;
}

.oacf-newsletter--compact .heartox-btn {
    height: 52px;
    width: 100%;
    border: 0;
    border-radius: 6px;
    padding: 0 18px;
    font-size: 15px;
    cursor: pointer;
}

.oacf-newsletter__privacy {
    color: rgba(var(--heartox-white-rgb, 255, 255, 255), 0.65);
    font-size: 13px;
}

.oacf-newsletter .alert {
    text-align: left;
    font-size: 14px;
}

/* Standalone /newsletter page sits on a light background */
.oacf-newsletter--page .oacf-newsletter__privacy {
    color: var(--heartox-text, #727272);
}

.oacf-newsletter--page .oacf-newsletter__title {
    color: var(--heartox-base, #034C10);
}

.oacf-newsletter--page .form-control {
    height: 52px;
    border: 1px solid var(--heartox-border-color, #d2d2d2);
    border-radius: 6px;
    padding: 0 18px;
}

.oacf-newsletter--page .heartox-btn {
    height: 52px;
    width: 100%;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

/* Copyright bar now stands alone */
.main-footer__bottom__inner--centered {
    justify-content: center;
    text-align: center;
}

@media (max-width: 575px) {
    .footer-connect__title {
        font-size: 19px;
    }
    .oacf-newsletter--compact .heartox-btn {
        margin-top: 10px;
    }
}

/* ---------- Footer contact: long addresses overflowed the column ---------- */

.footer-widget__contact__text {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.footer-widget--contact .footer-widget__contact__inner {
    min-width: 0;
}

/* ---------- Mobile menu drawer ----------
   The drawer is a fixed 300px panel. Its contact rows are flex, so a long
   email address ran past the panel edge and overlapped the menu behind it.
   Let the text wrap and keep the icon from being squashed.                  */

.mobile-nav__contact li {
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 10px;
}

.mobile-nav__contact li i {
    flex: 0 0 auto;
    margin-top: 5px;
}

.mobile-nav__contact li a {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.5;
}

/* Same guard for the wide-screen top bar */
.topbar-one__info__item a {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 480px) {
    .mobile-nav__contact li {
        font-size: 13px;
    }
}