/* Black and Blue Color Theme for Sidhu & Sons Construction Ltd */

:root {
    --primary-blue: #1e3c72;
    --secondary-blue: #2a5298;
    --light-blue: #4a90e2;
    --dark-black: #030f27;
    --medium-black: #1c1c1c;
    --light-grey: #f8f9fa;
    --accent-orange: #ff6b35;
}

/* Override default colors */
body {
    color: #333 !important;
    background: #ffffff !important;
}

a:hover,
a:active,
a:focus {
    color: var(--secondary-blue) !important;
}

/* Buttons - Blue Theme */
.btn {
    background: var(--primary-blue) !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s !important;
}

.btn:hover {
    background: var(--secondary-blue) !important;
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Back to Top */
.back-to-top {
    background: var(--primary-blue) !important;
    color: white !important;
}

.back-to-top:hover {
    background: var(--secondary-blue) !important;
    color: white !important;
}

/* Top Bar Original */
.top-bar {
    background: var(--medium-black) !important;
}

.top-bar .logo h1 {
    color: #fff !important;
}

/* Nav Bar Original */
.nav-bar {
    background: var(--dark-black) !important;
}

.navbar-dark {
    background: var(--dark-black) !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--light-blue) !important;
}

/* Carousel */
.carousel-caption h1 {
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.carousel-caption p {
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Section Headers */
.section-header p {
    color: var(--primary-blue) !important;
    font-weight: 600;
}

.section-header h2 {
    color: var(--dark-black) !important;
    font-weight: 700;
}

/* Replace all yellow/orange colors with blue */
* {
    --yellow-color: var(--primary-blue);
    --orange-color: var(--secondary-blue);
}

/* Override all instances of #fdbe33 (yellow) with blue */
[style*="#fdbe33"],
[style*="fdbe33"] {
    background: var(--primary-blue) !important;
    color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

/* Service Items */
.service-item .service-text .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.service-item .service-text .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Portfolio Items */
.portfolio-text .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.portfolio-text .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Blog Items */
.blog-title .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.blog-title .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Feature Icons */
.feature-icon {
    color: var(--primary-blue) !important;
}

/* Fact Icons */
.fact-icon {
    color: var(--primary-blue) !important;
}

/* Team Social Icons */
.team-social a {
    color: var(--primary-blue) !important;
}

.team-social a:hover {
    color: var(--secondary-blue) !important;
}

/* Video Play Button */
.video .btn-play {
    background: var(--primary-blue) !important;
}

.video .btn-play:hover {
    background: var(--secondary-blue) !important;
}

/* Contact Form Button */
.contact-form .btn {
    background: var(--primary-blue) !important;
}

.contact-form .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Newsletter Button */
.newsletter .form .btn {
    background: var(--primary-blue) !important;
}

.newsletter .form .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Pagination Active */
.pagination .page-item.active .page-link {
    background: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

/* Accordion Links */
.card-header .card-link {
    color: var(--dark-black) !important;
}

.card-header .card-link:hover {
    color: var(--primary-blue) !important;
}

/* Single Post Tags */
.single-tags a {
    background: var(--light-grey) !important;
    color: var(--primary-blue) !important;
    border: 1px solid var(--primary-blue) !important;
}

.single-tags a:hover {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Comment Form Button */
.comment-form .btn {
    background: var(--primary-blue) !important;
}

.comment-form .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Sidebar Search Button */
.search-widget .btn {
    background: var(--primary-blue) !important;
}

.search-widget .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Category Widget Links */
.category-widget a {
    color: var(--dark-black) !important;
}

.category-widget a:hover {
    color: var(--primary-blue) !important;
}

/* Tag Widget */
.tag-widget a {
    background: var(--light-grey) !important;
    color: var(--primary-blue) !important;
    border: 1px solid var(--primary-blue) !important;
}

.tag-widget a:hover {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Tab Navigation */
.nav-pills .nav-link.active {
    background: var(--primary-blue) !important;
}

.nav-pills .nav-link {
    color: var(--dark-black) !important;
}

.nav-pills .nav-link:hover {
    color: var(--primary-blue) !important;
}

/* Carousel Controls */
.carousel-control-prev,
.carousel-control-next {
    background: rgba(30, 60, 114, 0.5) !important;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background: rgba(30, 60, 114, 0.8) !important;
}

.carousel-indicators li.active {
    background: var(--primary-blue) !important;
}

.carousel-indicators li {
    background: rgba(30, 60, 114, 0.5) !important;
}

/* Dropdown Menu */
.dropdown-menu {
    border-top: 3px solid var(--primary-blue) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--light-grey) !important;
    color: var(--primary-blue) !important;
}

/* Modal */
.modal-header {
    border-bottom: 2px solid var(--primary-blue) !important;
}

.modal-header .close {
    color: var(--primary-blue) !important;
}

.modal-header .close:hover {
    color: var(--secondary-blue) !important;
}

/* Form Focus States */
.form-control:focus {
    border-color: var(--primary-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(30, 60, 114, 0.25) !important;
}

/* Lightbox */
.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    background: var(--primary-blue) !important;
}

.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover {
    background: var(--secondary-blue) !important;
}

/* Slick Slider */
.slick-dots li.slick-active button {
    background: var(--primary-blue) !important;
}

.slick-dots li button:hover {
    background: var(--primary-blue) !important;
}

/* Owl Carousel */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-blue) !important;
}

/* Portfolio Filters */
#portfolio-flters li.filter-active,
#portfolio-flters li:hover {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Testimonial Slider */
.testimonial-slider-nav .slider-nav.active {
    border: 3px solid var(--primary-blue) !important;
}

/* Load More Button */
.load-more .btn {
    background: var(--primary-blue) !important;
}

.load-more .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Override any remaining yellow/orange colors */
.top-bar {
    background: var(--medium-black) !important;
}

/* Ensure all buttons use blue */
button.btn,
input[type="submit"].btn,
a.btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

button.btn:hover,
input[type="submit"].btn:hover,
a.btn:hover {
    background: var(--secondary-blue) !important;
    color: white !important;
}

/* Service overlay buttons */
.service-overlay + .service-text .btn {
    background: var(--primary-blue) !important;
}

/* Portfolio overlay buttons */
.portfolio-overlay + .portfolio-text .btn {
    background: var(--primary-blue) !important;
}

/* Blog title buttons */
.blog-title .btn {
    background: var(--primary-blue) !important;
}

/* Carousel caption buttons */
.carousel-caption .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.carousel-caption .btn:hover {
    background: var(--secondary-blue) !important;
    color: white !important;
}

/* Global color replacements - override all yellow/orange with blue */
* {
    --yellow-color: var(--primary-blue);
}

/* Force all buttons to be blue */
button,
input[type="submit"],
input[type="button"],
.btn,
a.btn {
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: white !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
a.btn:hover {
    background-color: var(--secondary-blue) !important;
    border-color: var(--secondary-blue) !important;
    color: white !important;
}

/* Override any remaining yellow backgrounds */
[style*="background"][style*="#fdbe33"],
[style*="background"][style*="fdbe33"] {
    background: var(--primary-blue) !important;
}

/* Override any remaining yellow borders */
[style*="border"][style*="#fdbe33"],
[style*="border"][style*="fdbe33"] {
    border-color: var(--primary-blue) !important;
}

/* Override any remaining yellow text colors */
[style*="color"][style*="#fdbe33"],
[style*="color"][style*="fdbe33"] {
    color: var(--primary-blue) !important;
}

/* Nav Bar - Black Background */
.nav-bar {
    background: var(--dark-black) !important;
}

/* Top Bar - Black Background */
.top-bar {
    background: var(--medium-black) !important;
}

.top-bar .logo h1 {
    color: #fff !important;
}

/* All link hover colors to blue */
a:hover,
a:active,
a:focus {
    color: var(--secondary-blue) !important;
}

/* Service item buttons */
.service-item .btn,
.service-text .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.service-item .btn:hover,
.service-text .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Portfolio item buttons */
.portfolio-item .btn,
.portfolio-text .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.portfolio-item .btn:hover,
.portfolio-text .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Blog item buttons */
.blog-item .btn,
.blog-title .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.blog-item .btn:hover,
.blog-title .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Single post buttons */
.single-content .btn,
.single-tags .btn,
.single-bio .btn,
.comment-form .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.single-content .btn:hover,
.single-tags .btn:hover,
.single-bio .btn:hover,
.comment-form .btn:hover {
    background: var(--secondary-blue) !important;
}

/* About section button */
.about-text .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.about-text .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Contact form button */
.contact-form .btn,
.contact-form button {
    background: var(--primary-blue) !important;
    color: white !important;
}

.contact-form .btn:hover,
.contact-form button:hover {
    background: var(--secondary-blue) !important;
}

/* Newsletter button */
.newsletter .form .btn,
.newsletter .form button {
    background: var(--primary-blue) !important;
    color: white !important;
}

.newsletter .form .btn:hover,
.newsletter .form button:hover {
    background: var(--secondary-blue) !important;
}

/* Load more button */
.load-more .btn {
    background: var(--primary-blue) !important;
    color: white !important;
}

.load-more .btn:hover {
    background: var(--secondary-blue) !important;
}

/* Video play button */
.video .btn-play {
    background: var(--primary-blue) !important;
}

.video .btn-play:hover {
    background: var(--secondary-blue) !important;
}

/* Sidebar search button */
.search-widget .btn,
.search-widget button {
    background: var(--primary-blue) !important;
    color: white !important;
}

.search-widget .btn:hover,
.search-widget button:hover {
    background: var(--secondary-blue) !important;
}

/* Nav bar button hover */
.nav-bar .btn:hover {
    background: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: white !important;
}

/* Force all background colors that are yellow to blue */
[style*="background: #fdbe33"],
[style*="background:#fdbe33"],
[style*="background-color: #fdbe33"],
[style*="background-color:#fdbe33"] {
    background: var(--primary-blue) !important;
    background-color: var(--primary-blue) !important;
}

/* Force all border colors that are yellow to blue */
[style*="border-color: #fdbe33"],
[style*="border-color:#fdbe33"],
[style*="border: #fdbe33"],
[style*="border:#fdbe33"] {
    border-color: var(--primary-blue) !important;
}

/* Force all text colors that are yellow to blue */
[style*="color: #fdbe33"],
[style*="color:#fdbe33"] {
    color: var(--primary-blue) !important;
}

/* Ensure wrapper background is white */
.wrapper {
    background: #ffffff !important;
}

/* Body background */
body {
    background: #ffffff !important;
}

/* Comprehensive button overrides - ensure ALL buttons are blue */
.btn,
button.btn,
a.btn,
input.btn,
input[type="submit"],
input[type="button"],
button[type="submit"],
button[type="button"] {
    background-color: #1e3c72 !important;
    background: #1e3c72 !important;
    border-color: #1e3c72 !important;
    color: #ffffff !important;
}

.btn:hover,
button.btn:hover,
a.btn:hover,
input.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover,
button[type="button"]:hover {
    background-color: #2a5298 !important;
    background: #2a5298 !important;
    border-color: #2a5298 !important;
    color: #ffffff !important;
}

/* Override any element with yellow background */
[style*="fdbe33"] {
    background: #1e3c72 !important;
    background-color: #1e3c72 !important;
    border-color: #1e3c72 !important;
    color: #1e3c72 !important;
}

/* Specific class overrides */
.top-bar {
    background: #1c1c1c !important;
}

.nav-bar {
    background: #030f27 !important;
}

.nav-bar .btn:hover {
    background: #1e3c72 !important;
    border-color: #1e3c72 !important;
    color: #ffffff !important;
}

.back-to-top {
    background: #1e3c72 !important;
    color: #ffffff !important;
}

.back-to-top:hover {
    background: #2a5298 !important;
    color: #ffffff !important;
}

/* Top Bar */
.top-bar-inner {
    background: var(--light-grey) !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* Logo Colors */
.logo-icon {
    background: linear-gradient(
        135deg,
        var(--primary-blue) 0%,
        var(--secondary-blue) 100%
    ) !important;
}

.logo-inner h1,
.logo-inner p {
    color: var(--dark-black) !important;
}

/* Call Button */
.btn-call-inner {
    background: var(--primary-blue) !important;
    color: white !important;
}

.btn-call-inner:hover {
    background: var(--secondary-blue) !important;
}

/* Email Box */
.email-box {
    border: 2px solid var(--primary-blue) !important;
}

.email-box a {
    color: var(--primary-blue) !important;
}

.email-box a:hover {
    color: var(--secondary-blue) !important;
}

/* Navigation Bar */
.nav-bar-inner {
    background: var(--medium-black) !important;
}

.nav-link-inner.active-inner {
    background: #5a5a5a !important;
}

/* Buttons */
.btn {
    background: var(--primary-blue) !important;
    color: white !important;
    border: none !important;
}

.btn:hover {
    background: var(--secondary-blue) !important;
    color: white !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--dark-black) !important;
}

/* Links */
a {
    color: var(--primary-blue) !important;
}

a:hover {
    color: var(--secondary-blue) !important;
}

/* Footer */
.footer {
    background: var(--medium-black) !important;
    color: #fff !important;
}

.footer h2 {
    color: #fff !important;
}

.footer a {
    color: #ccc !important;
}

.footer a:hover {
    color: var(--light-blue) !important;
}

.footer-social a {
    background: #333 !important;
}

.footer-social a:hover {
    background: var(--primary-blue) !important;
}

/* Top Bar (Original) */
.top-bar {
    background: var(--medium-black) !important;
    color: #fff !important;
}

.top-bar-item h3 {
    color: #fff !important;
}

.top-bar-item p {
    color: #ccc !important;
}

/* Navigation (Original) */
.nav-bar {
    background: var(--dark-black) !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--light-blue) !important;
}

/* Carousel Caption */
.carousel-caption h1 {
    color: #fff !important;
}

.carousel-caption p {
    color: #fff !important;
}

/* Section Headers */
.section-header p {
    color: var(--primary-blue) !important;
}

.section-header h2 {
    color: var(--dark-black) !important;
}

/* Service Items */
.service-item .service-text h3 {
    color: var(--dark-black) !important;
}

/* Team Items */
.team-text h2 {
    color: var(--dark-black) !important;
}

/* Blog Items */
.blog-title h3 {
    color: var(--dark-black) !important;
}

/* Portfolio Items */
.portfolio-text h3 {
    color: var(--dark-black) !important;
}

/* Contact Items */
.contact-text h2 {
    color: white !important;
}

/* Back to Top Button */
.back-to-top {
    background: var(--primary-blue) !important;
    color: white !important;
}

.back-to-top:hover {
    background: var(--secondary-blue) !important;
}

/* Feature Items */
.feature-item .feature-text h3 {
    color: var(--dark-black) !important;
}

/* Fact Section */
.fact-text h2 {
    color: var(--dark-black) !important;
}

/* Testimonial */
.testimonial-slider .slider-item h3 {
    color: var(--dark-black) !important;
}

/* Page Header (if used) */
.page-header {
    background: var(--medium-black) !important;
}

.page-header h2 {
    color: #fff !important;
}

/* Form Controls */
.form-control:focus {
    border-color: var(--primary-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(30, 60, 114, 0.25) !important;
}

/* Cards */
.card {
    border-color: #e0e0e0 !important;
}

.card-header {
    background: var(--light-grey) !important;
}

/* Dropdown */
.dropdown-menu {
    border-color: var(--primary-blue) !important;
}

.dropdown-item:hover {
    background: var(--light-grey) !important;
    color: var(--primary-blue) !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

.pagination .page-link {
    color: var(--primary-blue) !important;
}

.pagination .page-link:hover {
    color: var(--secondary-blue) !important;
}

/* Accordion */
.card-header .card-link {
    color: var(--dark-black) !important;
}

.card-header .card-link:hover {
    color: var(--primary-blue) !important;
}

/* Video Modal */
.btn-play {
    background: var(--primary-blue) !important;
}

.btn-play:hover {
    background: var(--secondary-blue) !important;
}

/* Newsletter */
.newsletter .form .btn {
    background: var(--primary-blue) !important;
}

.newsletter .form .btn:hover {
    background: var(--secondary-blue) !important;
}