/* Custom #052aa5 and Black Color Scheme */

:root {
    --bs-primary: #052aa5 !important; /* Scarlet #052aa5 */
    --bs-secondary: #000000 !important; /* Black */
    --bs-dark: #000000 !important; /* Black */
    --bs-light: #f8f9fa !important; /* Light gray for contrast */
}

/* Override primary color (black) */
.bg-primary {
    background-color: #ffffff !important;
}

.text-primary {
    color: #052aa5 !important;
}

.btn-primary {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

.btn-primary:hover {
    background-color: #CC1D00 !important;
    border-color: #991600 !important;
}

/* Override secondary color (black) */
.bg-secondary {
    background-color: #000000 !important;
}

.text-secondary {
    color: #ffffff !important;
}

.btn-secondary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-secondary:hover {
    background-color: #212529 !important;
    border-color: #1a1d20 !important;
}

/* Dark theme adjustments */
.bg-dark {
    background-color:#1842b6 !important;
}

.text-white {
    color:white !important;
}

/* Ensure proper contrast for text on white backgrounds */
.bg-primary .text-white,
.bg-white .text-white,
.container-fluid.bg-white .text-white {
    color: #052aa5 !important;
}

.btn-primary {
    color: #ffffff !important;
}

/* Update phone and search icons in navbar */
.bg-primary .fa-phone-alt,
.bg-primary .bi-search,
.bg-white .fa-phone-alt,
.bg-white .bi-search,
.container-fluid.bg-white .fa-phone-alt,
.container-fluid.bg-white .bi-search {
    color: #052aa5 !important;
}

/* Update text colors in navbar */
.bg-white .text-white-50,
.container-fluid.bg-white .text-white-50 {
    color: #052aa5 !important;
    opacity: 0.8 !important;
}

.bg-white .text-secondary,
.container-fluid.bg-white .text-secondary {
    color: #052aa5 !important;
}

/* Ensure proper contrast for text on black backgrounds */
.bg-secondary .text-white,
.btn-secondary {
    color: #ffffff !important;
}

/* Hover effects for navigation */
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #000000 !important;
}

/* Navbar toggler icon */
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%285, 42, 165, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-dark .navbar-toggler {
    border-color: #052aa5 !important;
}

/* Dropdown menu styling */
.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #052aa5 !important;
}

.dropdown-item {
    color: #052aa5 !important;
}

.dropdown-item:hover, 
.dropdown-item:focus {
    background-color: #f8f9fa !important;
    color: #000000 !important;
}

/* Carousel controls */
.carousel-control-prev:hover,
.carousel-control-next:hover {
    background: #000000 !important;
}

/* Service icons */
.services-item:hover .services-content-icon i {
    color: #052aa5 !important;
}

/* Team hover effects */
.team-item:hover h4 {
    color: #052aa5 !important;
}

/* Testimonial dots */
.testimonial-carousel .owl-dot.active {
    background: #052aa5 !important;
}

/* Footer links */
.footer .short-link a:hover,
.footer .help-link a:hover {
    color: #052aa5 !important;
}

.footer .hightech-link a:hover {
    background: #052aa5 !important;
}

/* Additional styling for better #052aa5 and black theme */

/* Topbar styling */
.topbar {
    background-color:#1842b6 !important;
}

.topbar .top-info a {
    color: #052aa5 !important;
}

.topbar .top-link a {
    background-color: white !important;
}

.topbar .top-link a:hover {
    background-color: #CC1D00 !important;
}

/* Navbar styling */
.navbar {
    background-color: white !important;
}

.navbar-brand h1 {
    color: #ffffff !important;
}

.navbar-brand h1 span {
    color: #000000 !important;
}

/* Carousel content styling */
.carousel-caption h6 {
    color: #000000 !important;
}

.carousel-caption .carousel-content-btn1 {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.carousel-caption .carousel-content-btn1:hover {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

.carousel-caption .carousel-content-btn2 {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

.carousel-caption .carousel-content-btn2:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Fact section styling */
.fact .counter-value {
    color: #052aa5 !important;
}

/* About section styling */
.about h5 {
    color: #052aa5 !important;
}

.about .btn-secondary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.about .btn-secondary:hover {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

/* Services section styling */
.services h5 {
    color: #052aa5 !important;
}

.services-item .services-content-icon i {
    color: #052aa5 !important;
}

.services-item .btn-secondary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.services-item .btn-secondary:hover {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

/* Project section styling */
.project h5 {
    color: #052aa5 !important;
}

.project-content h4 {
    color: #000000 !important;
}

/* Blog section styling */
.blog h5 {
    color: #052aa5 !important;
}

.blog-item .bg-primary {
    background-color: #052aa5 !important;
}

.blog-item .btn-secondary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.blog-item .btn-secondary:hover {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

.blog-coment {
    background-color: #052aa5 !important;
}

/* Team section styling */
.team h5 {
    color: #052aa5 !important;
}

.team-item {
    border-top-color: #000000 !important;
}

.team-content::before {
    background-color: #052aa5 !important;
}

.team-icon .btn-secondary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.team-icon .btn-secondary:hover {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

/* Testimonial section styling */
.testimonial h5 {
    color: #052aa5 !important;
}

.testimonial-item .text-secondary {
    color: #000000 !important;
}

.testimonial-item .fas.fa-star {
    color: #052aa5 !important;
}

/* Contact section styling */
.contact h5 {
    color: #052aa5 !important;
}

.contact-detail .btn-square {
    background-color: #000000 !important;
}

.contact-detail h4 {
    color: #052aa5 !important;
}

.contact-form .btn {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

.contact-form .btn:hover {
    background-color: #CC1D00 !important;
    border-color: #991600 !important;
}

/* Footer styling */
.footer {
    background-color: #052aa5 !important;
}

.footer h1 span {
    color: #052aa5 !important;
}

.footer .h3 {
    color: white !important;
}

.footer .hightech-link a {
    background-color: #052aa5 !important;
}

.footer .hightech-link a:hover {
    background-color: #CC1D00 !important;
}

/* Back to top button */
.back-to-top {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.back-to-top:hover {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}

/* Form controls focus state */
.form-control:focus {
    border-color: #052aa5 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 36, 0, 0.25) !important;
}

/* Dropdown menu styling */
.dropdown-menu {
    background-color: #000000 !important;
    border-color: #052aa5 !important;
}

.dropdown-item {
    color: #ffffff !important;
}

.dropdown-item:hover {
    background-color: #052aa5 !important;
    color: #ffffff !important;
}

/* Page header styling */
.page-header {
    background-color: #000000 !important;
}

.page-header .breadcrumb-item.active {
    color: #052aa5 !important;
}

/* 404 page styling */
.error-404 h1 {
    color: #052aa5 !important;
}

.error-404 .btn-secondary {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.error-404 .btn-secondary:hover {
    background-color: #052aa5 !important;
    border-color: #052aa5 !important;
}