/* Rubber Stone Omaha - Custom Style Overrides */

/* Header Navigation - Dark background instead of light */
.header-nav {
    background: var(--secondary-dark);
}

/* Main Nav Links - Increased gap spacing */
.main-nav-links {
    gap: 2.125rem;
}

/* Main Nav Links - White text color */
.main-nav-links li a,
.main-nav-links li a:hover {
    color: #ffffff;
}

/* Scroll Nav - Match dark background when fixed */
.scroll-nav {
    background: var(--secondary-dark);
}

/* Scroll Nav Phone - White text color */
.scroll-nav-phone,
.scroll-nav-phone:hover {
    color: #ffffff;
}

/* Trust Item - Dark red background with white text */
.trust-item {
    background: #7a0113;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: none;
}

/* Hero Section - Remove gradient overlay, use black text */
.hero::after {
    background: none;
}

.hero,
.hero h1,
.hero p {
    color: #000000;
}

/* CTA Section - Use brand color, remove gradient */
.content-cta {
    background: var(--brand-color);
}

/* Dropdown Menu - Dark theme for visibility on dark header */
.dropdown-toggle {
    color: #ffffff;
}

.nav-dropdown:hover .dropdown-toggle,
.dropdown-menu:hover ~ .dropdown-toggle {
    background: #000000;
    color: #ffffff;
}

.dropdown-menu {
    background: #000000;
}

.dropdown-menu li {
    color: #ffffff;
}

.dropdown-menu li a:hover {
    background-color: #202020;
    color: #ffffff;
}