/* ============================================================
   Gasepshalom Custom Styles — May 2026
   Theme: car (finlance_header / header_v1)
   Brand: Primary #D05C01 (orange) · Secondary #412222 (dark red)
   ============================================================ */

/* ═══════════════════════════════════════════════
   HEADER — WRAPPER (full-width fix)
   ═══════════════════════════════════════════════ */

/* Remove white wrapper background; inner bars provide their own colours */
.finlance_header.header_v1,
.header_v1 {
    background-color: transparent !important;
}

/* Reduce the theme's 150 px side padding to something sensible */
.finlance_header.header_v1 .container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* ═══════════════════════════════════════════════
   HEADER — TOP BAR
   ═══════════════════════════════════════════════ */

/* Dark-red top bar — extend past container padding so it goes edge-to-edge */
.header_v1 .top_header {
    background-color: #412222 !important;
    border-bottom: 1px solid rgba(208, 92, 1, 0.40) !important;
    padding: 10px 40px !important;
    margin-left: -40px !important;
    margin-right: -40px !important;
}

/* Phone / email text color */
.header_v1 .top_header .top_left span a,
.header_v1 .top_header .top_left span {
    color: rgba(255,255,255,0.85) !important;
    opacity: 1 !important;
}

/* Phone / email icons — brand orange */
.header_v1 .top_header .top_left span i {
    color: #D05C01 !important;
    opacity: 1 !important;
}

/* Social icons */
.header_v1 .top_header .top_right .social li a {
    color: rgba(255,255,255,0.75) !important;
}
.header_v1 .top_header .top_right .social li a:hover {
    color: #D05C01 !important;
}

/* Hide social icons in the top header */
.header_v1 .top_header .top_right .social {
    display: none !important;
}

/* Hide language switcher in the top header */
.header_v1 .top_header .top_right .dropdown {
    display: none !important;
}

/* Language / user dropdown button */
.header_v1 .top_header .top_right .dropdown .btn {
    color: rgba(255,255,255,0.85) !important;
}
.header_v1 .top_header .top_right .dropdown .btn:hover {
    color: #D05C01 !important;
}

/* ═══════════════════════════════════════════════
   HEADER — NAVIGATION BAR
   ═══════════════════════════════════════════════ */

/* Glassmorphism nav bar — extend past container padding to go edge-to-edge */
.header_v1 .header_navigation {
    background-color: rgba(20, 8, 8, 0.60) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 2px solid rgba(208, 92, 1, 0.65);
    margin-left: -40px !important;
    margin-right: -40px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Sticky: solid dark when scrolling */
.finlance_header.sticky .header_navigation,
.header_v1.sticky .header_navigation {
    background-color: #1c0808 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 2px solid #D05C01 !important;
    margin-left: -40px !important;
    margin-right: -40px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Logo: slightly larger */
.header_v1 .brand img {
    max-width: 175px !important;
    max-height: 66px !important;
}

/* Nav links: bolder, spaced, uppercase, light yellow */
.main-menu ul > li > a {
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    color: #FFF5CC !important;
}

/* Nav link hover / active: bright orange */
.main-menu ul > li > a:hover,
.main-menu ul > li.current-menu-item > a,
.main-menu ul > li.active > a {
    color: #D05C01 !important;
}

/* ── Get Quote button ────────────────────────── */
.header_v1 .header_navigation .site_menu .button_box .finlance_btn,
.finlance_btn {
    background: #D05C01 !important;
    border-color: #D05C01 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(208, 92, 1, 0.45) !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    transition: background 0.3s, box-shadow 0.3s, transform 0.2s !important;
}
.finlance_btn:hover,
.header_v1 .header_navigation .site_menu .button_box .finlance_btn:hover {
    background: #b34d01 !important;
    border-color: #b34d01 !important;
    box-shadow: 0 6px 20px rgba(208, 92, 1, 0.60) !important;
    transform: translateY(-2px) !important;
}

/* ── Login pill button ───────────────────────── */
ul.login {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    list-style: none;
    padding: 0;
}
ul.login li a {
    display: inline-block;
    padding: 4px 18px !important;
    border: 1.5px solid rgba(255,255,255,0.60) !important;
    border-radius: 20px !important;
    color: rgba(255,255,255,0.85) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    transition: background 0.3s, border-color 0.3s, color 0.3s !important;
    text-decoration: none !important;
}
ul.login li a:hover {
    background-color: #D05C01 !important;
    border-color: #D05C01 !important;
    color: #fff !important;
}

/* ═══════════════════════════════════════════════
   HERO / SLIDER
   ═══════════════════════════════════════════════ */

/* Gradient overlay on the left so text always readable */
.finlance_banner .single_slider::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.55) 38%, transparent 80%);
    z-index: 1;
    pointer-events: none;
}
.finlance_banner .single_slider .container {
    position: relative;
    z-index: 2;
}

/* Hero subtitle text (h3) — styled as a link-hint */
.finlance_banner .banner_content h3 {
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
    color: rgba(255,255,255,0.90) !important;
}

/* Hero CTA button */
.finlance_banner .banner_content .finlance_btn {
    margin-top: 12px;
    font-size: 15px !important;
    padding: 0 32px !important;
    height: 52px !important;
    line-height: 52px !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 22px rgba(208,92,1,0.50) !important;
}

/* ═══════════════════════════════════════════════
   BREADCRUMB
   ═══════════════════════════════════════════════ */

.breadcrumb-area {
    border-bottom: 3px solid #D05C01;
}

/* ═══════════════════════════════════════════════
   SECTION ACCENTS
   ═══════════════════════════════════════════════ */

/* Statistics / counter section: dark brand background */
.statistics_v1,
.counter_v1 {
    background-color: #412222 !important;
}

/* CTA section: brand orange strip */
.cta_v1 {
    background-color: #D05C01 !important;
}
.cta_v1 * {
    color: #fff !important;
}
/* "Contact us for any inquiries" heading — dark chocolate */
.cta_v1 .section_title h2,
.finlance_cta.cta_v1 h2 {
    color: #3B1A0E !important;
}
.cta_v1 .finlance_btn {
    background: #fff !important;
    color: #D05C01 !important;
    border-color: #fff !important;
}
.cta_v1 .finlance_btn:hover {
    background: #412222 !important;
    color: #fff !important;
    border-color: #412222 !important;
}

/* ═══════════════════════════════════════════════
   MOBILE MENU
   ═══════════════════════════════════════════════ */

/* Mobile menu overlay: dark brand */
.mean-nav {
    background-color: #1c0808 !important;
}
.mean-container a.meanmenu-reveal {
    color: #D05C01 !important;
    border-color: #D05C01 !important;
}
.mean-container a.meanmenu-reveal span {
    background: #D05C01 !important;
}
.mean-nav ul li a {
    color: rgba(255,255,255,0.88) !important;
    border-top-color: rgba(208, 92, 1, 0.25) !important;
}
.mean-nav ul li a:hover,
.mean-nav ul li a.mean-expand:hover {
    color: #D05C01 !important;
}

/* ═══════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════ */

/* Footer top background */
.footer_v1 {
    background-color: #1c0808 !important;
}
.footer_v1 .footer_bottom {
    background-color: #412222 !important;
    border-top: 1px solid rgba(208, 92, 1, 0.35) !important;
}

/* Footer social icon hover */
.footer_v1 .footer_bottom .social_box ul li a:hover {
    color: #D05C01 !important;
}

/* Newsletter subscribe button */
.footer_v1 .widget_box.newsletter_box .finlance_btn {
    background: #D05C01 !important;
    border-color: #D05C01 !important;
}