/* Bootstrap Overrides - This file loads after Bootstrap to ensure our styles take precedence */

/* Override Bootstrap's primary color completely */
:root {
    --bs-primary: #000000 !important;
    --bs-primary-rgb: 0, 0, 0 !important;
}

/* Force Inter font on all elements */
* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Force all primary backgrounds to be black with maximum specificity */
.bg-primary,
.bg-primary.bg-primary,
html body .bg-primary,
html body .navbar.bg-primary,
html body .hero-section.bg-primary {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Navbar specific overrides with maximum specificity */
.navbar.bg-primary,
.navbar.navbar-dark.bg-primary,
.navbar.navbar-expand-lg.navbar-dark.bg-primary,
html body .navbar.bg-primary,
html body .navbar.navbar-dark.bg-primary,
html body .navbar.navbar-expand-lg.navbar-dark.bg-primary {
    background-color: #000000 !important;
    background: #000000 !important;
    margin: 0 !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    height: 64px !important;
    min-height: 64px !important;
    width: 100% !important;
    position: relative !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove any default body margins that might affect navbar */
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* Navbar container full width */
.navbar .container,
.navbar .navbar-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Center the main navigation */
.navbar-nav.mx-auto {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Right align the login/signup buttons */
.navbar-nav:last-child {
    margin-left: auto !important;
}

/* Navbar brand and nav items alignment */
.navbar-brand {
    height: 64px !important;
    line-height: 64px !important;
    display: flex !important;
    align-items: center !important;
}

.navbar-nav .nav-link {
    height: 40px !important;
    line-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
}

/* Hero section overrides with maximum specificity */
.hero-section.bg-primary,
html body .hero-section.bg-primary {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Override Bootstrap's CSS variables */
.bg-primary {
    --bs-bg-opacity: 1 !important;
    background-color: #000000 !important;
    background: #000000 !important;
}

/* Remove navbar borders globally */
.navbar {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Global button pill styling */
.btn {
    border-radius: 50px !important;
    padding: 0.5rem 1.5rem !important;
    border: none !important;
    transition: all 0.3s ease !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.btn-primary,
.btn-secondary,
.btn-light {
    background: rgba(0, 0, 0, 0.12) !important;
    color: rgb(237, 237, 237) !important;
}

.btn-outline-light {
    background: rgba(255, 255, 255, 0.12) !important;
    color: rgb(237, 237, 237) !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-light:hover {
    background: transparent !important;
    color: rgb(237, 237, 237) !important;
}

.btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.30) !important;
    color: rgb(237, 237, 237) !important;
}