/* ============================================================
   BAPCO Google Fonts Import
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&family=Teko:wght@400;500;600&family=Inter:wght@300;400;500;600;700&family=Rubik:wght@400;500;600&family=Mulish:wght@400;500;600&family=Montserrat:wght@400;500;600;700&display=swap');

/* ============================================================
   BAPCO Navbar — Exact Figma Match
   Font: Plus Jakarta Sans 700, 16px, letter-spacing 0.8px
   Header bg: #351F19, height: 160px
   Nav height: 84px, at top: 56px
   ============================================================ */

/* ── Base header ── */
body:not(.o_web_client) header#bapco-header,
#wrapwrap header#bapco-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1050 !important;
    background: #351F19 !important;
    height: 84px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    box-shadow: 0 0 3px rgba(0,0,0,0.2) !important;
}

/* ── Nav bar ── */
.bapco-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 84px !important;
    max-width: 1492px !important;
    margin: 0 auto !important;
    padding: 0 46px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── Logo ── */
.bapco-nav-logo {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
}
.bapco-nav-logo img {
    height: 53px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ── Nav links ── */
.bapco-nav-links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    flex: 1 !important;
    justify-content: center !important;
}

.bapco-nav-links > li {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
}

.bapco-nav-links > li > a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 27px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    padding: 6px 14px !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.bapco-nav-links > li > a:hover {
    color: #FC5220 !important;
}

.bapco-nav-links > li.active > a {
    color: #FC5220 !important;
    position: relative !important;
}
.bapco-nav-links > li.active > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -4px !important;
    left: 14px !important;
    right: 14px !important;
    height: 1.2px !important;
    background: #FFFFFF !important;
    border-radius: 100px !important;
}

/* ── Dropdown ── */
.bapco-nav-drop { position: relative !important; }

.bapco-nav-drop-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #351F19 !important;
    border-top: 2px solid #FC5220 !important;
    min-width: 220px !important;
    z-index: 9999 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
    border-radius: 0 0 6px 6px !important;
}

.bapco-nav-drop:hover .bapco-nav-drop-menu {
    display: block !important;
}

.bapco-nav-drop-menu a {
    display: block !important;
    padding: 12px 18px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.85) !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    letter-spacing: 0.4px !important;
    white-space: nowrap !important;
}

.bapco-nav-drop-menu a:hover {
    background: #FC5220 !important;
    color: #fff !important;
}

/* ── Search button ── */
.bapco-search-btn {
    background: #FC5220 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 9px 20px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    height: 42px !important;
}

.bapco-search-btn:hover { background: #e04818 !important; }

/* ── Lang switcher ── */
.bapco-lang { position: relative !important; cursor: pointer !important; flex-shrink: 0 !important; }
.bapco-lang-btn {
    color: #EAE1E1 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 8px !important;
}
.bapco-lang-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    background: #351F19 !important;
    border-top: 2px solid #FC5220 !important;
    min-width: 130px !important;
    z-index: 9999 !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}
.bapco-lang:hover .bapco-lang-menu { display: block !important; }
.bapco-lang-menu a {
    display: block !important;
    padding: 10px 16px !important;
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.bapco-lang-menu a:hover { background: #FC5220 !important; color: #fff !important; }

/* ── Push page content below fixed navbar ── */
#wrapwrap { padding-top: 84px !important; }

/* ── Override Odoo default navbar ── */
body:not(.o_web_client) nav.navbar:not(.bapco-nav) { display: none !important; }
body:not(.o_web_client) .o_main_navbar { display: none !important; }

/* ── Hero sections — negative margin to remove gap ── */
.bapco-hero-section {
    margin-top: -84px !important;
    padding-top: 84px !important;
}

/* ── Hide Odoo default footer — we use bapco_footer_snippet ── */
footer#footer,
.o_footer,
.o_footer_copyright,
div#footer,
#wrapwrap > footer:not(.bapco-footer) {
    display: none !important;
}