/* ── Header spacing — keep logo & button away from page edges ── */
.theme-main-menu .container-fluid.custom-container {
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 991px) {
    .theme-main-menu .container-fluid.custom-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Breathing room for the header bar itself */
.theme-main-menu .main-header-area {
    padding-top: 16px;
    padding-bottom: 16px;
}

/* ── Undo old style.css overrides that break the Fibank header nav ── */

/* Old style.css adds border-bottom and wrong padding to all .main-menu li>a */
.theme-main-menu .main-menu li > a {
    border-bottom: none !important;
    padding: 5px 2px !important;
    display: inline-block !important;
}
/* Old style.css forces black text; let Fibank main.css control colour */
.theme-main-menu .main-menu li a {
    color: inherit !important;
}
.theme-main-menu .main-menu li a:hover {
    color: #104042 !important;
}
/* Remove mobile sub-menu left padding override */
.theme-main-menu .main-menu li > ul.sub-menu {
    padding-left: 0 !important;
}


/* ── Nav redesign — applies to .main-menu (Fibank template) ── */

/* Ensure nav links are position:relative for ::after pseudo-element */
.main-menu .menu-list > li > a,
.main-menu ul > li > a {
    position: relative;
}

/* Hide chevron arrow on every nav link by default */
.main-menu ul li a::before,
.main-menu .menu-list li a::before {
    display: none !important;
}

/* Re-enable chevron ONLY on .has-sub items */
.main-menu .menu-list li.has-sub > a,
.main-menu ul li.has-sub > a {
    padding-right: 22px;
}
.main-menu .menu-list li.has-sub > a::before,
.main-menu ul li.has-sub > a::before {
    display: block !important;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}
.main-menu .menu-list li.has-sub:hover > a::before,
.main-menu ul li.has-sub:hover > a::before {
    transform: translateY(-50%) rotate(-180deg);
}

/* Even gap between top-level nav items */
.main-menu .menu-list > li,
.main-menu ul > li {
    margin: 0 16px !important;
}
.main-menu .menu-list > li:first-child,
.main-menu ul > li:first-child {
    margin-left: 0 !important;
}
.main-menu .menu-list > li:last-child,
.main-menu ul > li:last-child {
    margin-right: 0 !important;
}

/* Nav link typography */
.main-menu .menu-list li > a,
.main-menu ul li > a {
    font-size: 15px;
    letter-spacing: 0.2px;
}

/* Animated lime underline on hover */
.main-menu .menu-list > li > a::after,
.main-menu ul > li > a::after {
    content: "";
    display: block !important;
    height: 2px;
    width: 0;
    background: #AEFF1C;
    border-radius: 2px;
    position: absolute;
    bottom: -4px;
    left: 0;
    transition: width 0.3s ease;
}
.main-menu .menu-list > li:hover > a::after,
.main-menu .menu-list > li.active > a::after,
.main-menu ul > li:hover > a::after,
.main-menu ul > li.active > a::after {
    width: 100%;
}

/* Right-nav button spacing */
.right-nav .user-login {
    gap: 8px;
}

/* ── Global button base ── */
.ht-btn {
    display: inline-block;
    background-color: #104042 !important;
    color: #fff !important;
    border: 2px solid #104042 !important;
    padding: 14px 34px !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.ht-btn:hover {
    background-color: #0b2d2e !important;
    border-color: #0b2d2e !important;
    color: #AEFF1C !important;
    text-decoration: none;
}

/* Lime-green accent variant — hero CTAs, header button */
.ht-btn.bs-btn {
    background-color: #AEFF1C !important;
    border-color: #AEFF1C !important;
    color: #104042 !important;
}
.ht-btn.bs-btn:hover {
    background-color: #93d918 !important;
    border-color: #93d918 !important;
    color: #104042 !important;
}

/* Header "Online Banking" — slightly compact so it doesn't overpower the nav */
.quote-btn .ht-btn {
    padding: 11px 26px !important;
    font-size: 14px !important;
}

/* CTA section — larger, bold call to action */
.ht-btn.style-2 {
    padding: 15px 38px !important;
    font-size: 15px !important;
    background-color: #104042 !important;
    border-color: #104042 !important;
    color: #fff !important;
}
.ht-btn.style-2:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #104042 !important;
}

/* Outline / ghost variant — "Get Started", "Contact Support" etc. */
.ht-btn.btn-three,
.ht-btn.bstyle-2 {
    background-color: transparent !important;
    border-color: #104042 !important;
    color: #104042 !important;
}
.ht-btn.btn-three:hover,
.ht-btn.bstyle-2:hover {
    background-color: #104042 !important;
    border-color: #104042 !important;
    color: #fff !important;
}

/* Force button inside flex/feature-list rows onto its own line */
.feature-list-six + div > .ht-btn,
.mt-35 > .ht-btn {
    display: inline-block;
    clear: both;
}

/* Sticky header */
.theme-main-menu.sticky-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 4px 20px rgba(16,64,66,0.12);
    background: #fff;
    animation: slideDown 0.4s ease;
}
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to   { transform: translateY(0); }
}

/* Hamburger bar color */
.hamburger-menu .bar-wrap .bar-1,
.hamburger-menu .bar-wrap .bar-2,
.hamburger-menu .bar-wrap .bar-3 {
    background: #104042;
}

/* ── Footer — force all text white ── */
.footer-five,
.footer-five .footer-widget,
.footer-five p,
.footer-five .description-text {
    color: #ffffff !important;
}
.footer-five .widget-title {
    color: #AEFF1C !important;
}
.footer-five .footer-menu li a {
    color: #ffffff !important;
}
.footer-five .footer-menu li a:hover {
    color: #AEFF1C !important;
}
.footer-five .footer-contact-list li,
.footer-five .footer-contact-list li a {
    color: #ffffff !important;
}
.footer-five .footer-contact-list li a:hover {
    color: #AEFF1C !important;
}
.footer-five .copyright-text p,
.footer-five .copyright-wrap p {
    color: #ffffff !important;
}
.footer-five .social-links a {
    color: #ffffff !important;
}
.footer-five .social-links a:hover {
    color: #AEFF1C !important;
}

/* Body font override to Satoshi */
body {
    font-family: 'Satoshi', 'Inter', sans-serif !important;
}