/* Custom CSS to override inline styles with black, yellow, and white color palette */

/* Global Overrides */
.bg-white {
    background-color: #000000 !important;
}
.bg-yellow {
    background-color: #B6B09F !important;
}

.bg-light {
    background-color: #1a1a1a !important;
}

.btn-light {
    background-color: #B6B09F !important;
    color: #000000 !important;
}

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

.form-control {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

.form-control::placeholder {
    color: #999999 !important;
}

.form-floating label {
    color: #999999 !important;
}

/* Specific overrides for common inline styles */
.btn-square[style*="width"] {
    background-color: #B6B09F !important;
    color: #000000 !important;
}

.rounded-circle[style*="width"] {
    background-color: #ffffff !important;
}

/* Feature section styles */
.feature-item {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #B6B09F !important;
}

/* Contact elements */
iframe[style*="min-height"] {
    border: 2px solid #B6B09F !important;
}

/* Service elements */
.service-text {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.service-title h3 {
    color: #B6B09F !important;
}

.feature-icon i {
    color: #B6B09F !important;
}

/* Navbar */
.navbar-brand h1 {
    color: #B6B09F !important;
}

.dropdown-menu {
    background-color: #000000 !important;
}

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

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

/* Style text areas with height */
textarea[style*="height"] {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

/* Override specific container with bg-light */
.container-xxl.py-5.bg-light {
    background-color: #000000 !important;
}

/* Testimonials section */
.testimonial-text {
    background-color: #ffffff !important;
    border: 1px solid #B6B09F !important;
    color: #ffffff !important;
}

/* Additional specific overrides for common components */
.spinner-border {
    border-color: #B6B09F !important;
    border-right-color: transparent !important;
}

/* Page header background */
.page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/carousel-1.jpg) center center no-repeat !important;
    background-size: cover !important;
}

/* Pagination and breadcrumb */
.breadcrumb-item a {
    color: #B6B09F !important;
}

/* Footer links */
.footer a {
    color: #ffffff !important;
}

.footer a:hover {
    color: #ffff49 !important;
}

/* Hover effects */
.nav-link:hover {
    color: #B6B09F !important;
}

/* Modal styling */
.modal-content {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.modal-header {
    border-bottom: 1px solid #B6B09F !important;
}

.modal-footer {
    border-top: 1px solid #B6B09F !important;
}

/* Service items with specific height */
.service-item .service-detail {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

/* Button hover states */
.btn-primary:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Form inputs focus state */
.form-control:focus {
    border-color: #B6B09F !important;
    box-shadow: 0 0 0 0.25rem rgba(254, 246, 5, 0.25) !important;
}

/* Address specific inline style overrides */
.btn-lg-square.rounded-circle[style*="width"] {
    width: 48px !important;
    height: 48px !important;
    background-color: #B6B09F !important;
}

.navbar {
    background-color: #000000 !important;
}

/* Fix text colors */
.text-primary {
    color: #B6B09F !important;
}

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

p, span, h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
}

/* Exception for elements with black background */
.bg-primary p, .bg-primary span, .btn-primary span, .btn-primary i {
    color: #000000 !important;
}

/* Form controls and buttons within dark backgrounds */
.bg-dark .form-control {
    background-color: #333333 !important;
}

.bg-dark .btn {
    background-color: #B6B09F !important;
    color: #000000 !important;
}

/* Special case for carousel elements */
#header-carousel .carousel-caption h5,
#header-carousel .carousel-caption p {
    color: #ffffff !important;
}

/* Links in text */
a {
    color: #B6B09F !important;
}

a:hover {
    color: #ffffff !important;
}

/* Exception for footer links */
.footer .btn.btn-link {
    color: #ffffff !important;
}

.footer .btn.btn-link:hover {
    color: #B6B09F !important;
} 

.bg-black {
    background-color: #000000 !important;
    color: #ffffff !important;
}