/* NVSP Custom Branding Styles */

:root {
    --primary-color: #2b3187;
    /* Deep Navy Blue from Logo */
    --accent-color: #e87a24;
    /* Vibrant Orange from Logo Icon */

    --nav-color: #333;
    --nav-hover-color: var(--primary-color);
    --nav-dropdown-background-color: var(--primary-color);
    --nav-dropdown-color: #ffffff;
    --nav-dropdown-hover-color: var(--accent-color);

    --heading-font: "Inter", sans-serif;
}

/* Global Button & Link Overrides */
.btn-primary,
.bg-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.btn-accent,
.accent-text {
    background-color: var(--accent-color);
    color: #fff;
    border: none;
}

.text-primary {
    color: var(--primary-color) !important;
}

/* Header Tweaks */
.header .sitename {
    color: var(--primary-color) !important;
}

.navmenu .active,
.navmenu a:hover {
    color: var(--primary-color) !important;
}

/* Nav Dropdown Overrides */
.navmenu .dropdown ul {
    background-color: var(--nav-dropdown-background-color) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.navmenu .dropdown ul a {
    color: var(--nav-dropdown-color) !important;
}

.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul .active,
.navmenu .dropdown ul li:hover>a {
    color: var(--nav-dropdown-hover-color) !important;
}

/* Footer Tweaks */
.footer {
    background-color: #1a1e45 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footer h5,
.footer .sitename,
.footer .footer-brand .logo .sitename {
    color: #ffffff !important;
}

.footer .tagline,
.footer p {
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer .footer-links-grid ul li a {
    color: rgba(255, 255, 255, 0.6) !important;
}

.footer .footer-links-grid ul li a:hover {
    color: var(--accent-color) !important;
}

.footer .social-links a {
    color: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.2);
}

.footer .social-links a:hover {
    background-color: var(--accent-color);
    color: #fff;
    border-color: var(--accent-color);
}

.footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer-bottom p,
.footer .footer-bottom .credits {
    color: rgba(255, 255, 255, 0.5) !important;
}

.footer .btn-outline {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.footer .btn-outline:hover {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}

/* Hero & Accent Elements */
.dark-background {
    --background-color: #1a1e45;
    /* Darker version of primary blue */
    --surface-color: #2b3187;
    --accent-color: #e87a24;
    --default-color: #ffffff;
    --heading-color: #ffffff;
    --contrast-color: #ffffff;
}

.dark-background .text-primary,
.dark-background .accent-text,
.dark-background .service-icon,
.dark-background .feature-item i {
    color: var(--accent-color) !important;
}

.dark-background p,
.dark-background span,
.dark-background li {
    color: rgba(255, 255, 255, 0.9);
}

.dark-background h1,
.dark-background h2,
.dark-background h3,
.dark-background h4,
.dark-background h5,
.dark-background h6 {
    color: #ffffff !important;
}

.dark-background .breadcrumbs ol li,
.dark-background .breadcrumbs ol li a {
    color: rgba(255, 255, 255, 0.7) !important;
}

.dark-background .breadcrumbs ol li.current {
    color: #ffffff !important;
}

.dark-background .text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

.btn-accent:hover {
    background-color: #d66a1a;
    /* Darker orange */
    color: #fff;
    transform: translateY(-2px);
}

.service-icon,
.feature-item i {
    color: var(--accent-color) !important;
}

.page-title {
    background: linear-gradient(rgba(26, 30, 69, 0.8), rgba(26, 30, 69, 0.9)), url('../img/bg/dotted-world-1.webp');
}

/* Services Page Card Headers */
.services .card-header.bg-primary h4,
.services .card-header.bg-primary i {
    color: #ffffff !important;
}

/* Contact Form Clickable Fix */
.contact .php-email-form,
.contact .info-item {
    position: relative;
    z-index: 2;
    pointer-events: auto !important;
}

.contact .php-email-form input,
.contact .php-email-form textarea,
.contact .php-email-form button {
    pointer-events: auto !important;
    position: relative;
    z-index: 3;
}

.contact .section {
    z-index: 1;
}