/* Brown Color Theme Override */

:root {
    --bs-primary: #8B4513 !important; /* Saddle Brown */
    --bs-primary-rgb: 139, 69, 19 !important;
    --bs-secondary: #D2691E !important; /* Chocolate */
    --bs-dark: #5C4033 !important; /* Dark Brown */
    --bs-light: #F5E6D3 !important; /* Light Beige */
}

/* Primary Color Override */
.bg-primary {
    background-color: #8B4513 !important;
}

.text-primary {
    color: #8B4513 !important;
}

.border-primary {
    border-color: #8B4513 !important;
}

/* Button Styles */
.btn-primary {
    background-color: #8B4513 !important;
    border-color: #8B4513 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #A0522D !important;
    border-color: #A0522D !important;
}

.btn-outline-primary {
    color: #8B4513 !important;
    border-color: #8B4513 !important;
}

.btn-outline-primary:hover {
    background-color: #8B4513 !important;
    border-color: #8B4513 !important;
    color: #fff !important;
}

/* Links */
a.text-primary:hover,
a.text-primary:focus {
    color: #A0522D !important;
}

/* Feature Icons */
.feature-item .feature-icon {
    background: #F5E6D3 !important;
}

.feature-item:hover {
    background: #8B4513 !important;
}

.feature-item .feature-icon::after {
    background: #5C4033 !important;
}

/* Service Items */
.service .service-item .service-img {
    height: 250px !important;
    overflow: hidden !important;
}

.service .service-item .service-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.service .service-item .service-img::after {
    background: rgba(139, 69, 19, 0.2) !important;
}

.service .service-item:hover .service-img .service-icon {
    background: #8B4513 !important;
}

.service .service-item .service-content::after {
    background: #8B4513 !important;
}

/* Blog Items */
.blog .blog-item .blog-img::after {
    background: rgba(139, 69, 19, 0.2) !important;
}

.blog .blog-item .blog-img .blog-categiry {
    background: #8B4513 !important;
}

/* Team */
.team .team-item .team-title {
    background: #8B4513 !important;
}

.team .team-item:hover .team-title {
    background: #5C4033 !important;
}

/* Testimonial */
.testimonial .owl-nav .owl-prev,
.testimonial .owl-nav .owl-next {
    background: #8B4513 !important;
}

.testimonial .owl-nav .owl-prev:hover,
.testimonial .owl-nav .owl-next:hover {
    background: #5C4033 !important;
}

/* FAQ Accordion */
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
    background: rgba(139, 69, 19, 0.8) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    background: #8B4513 !important;
    color: #ffffff !important;
}

/* Navbar */
.navbar-light .navbar-nav .nav-item:hover,
.navbar-light .navbar-nav .nav-item.active,
.navbar-light .navbar-nav .nav-item:hover .nav-link,
.navbar-light .navbar-nav .nav-item.active .nav-link {
    color: #8B4513 !important;
}

/* Topbar Icons */
.topbar a.text-primary {
    color: #8B4513 !important;
}

/* Footer */
.footer .footer-btn a {
    background: #F5E6D3 !important;
    color: #8B4513 !important;
}

.footer .footer-btn a:hover {
    background: #8B4513 !important;
    color: #fff !important;
}

/* Counter Numbers */
.counter-item .counter-counting .text-primary {
    color: #8B4513 !important;
}

.counter-item .counter-counting .h1.text-primary {
    color: #8B4513 !important;
}

/* Carousel Navigation */
.header-carousel .owl-nav .owl-prev,
.header-carousel .owl-nav .owl-next {
    background: #F5E6D3 !important;
    color: #8B4513 !important;
}

.header-carousel .owl-nav .owl-prev:hover,
.header-carousel .owl-nav .owl-next:hover {
    background: #D2691E !important;
}

/* Stars Rating */
.text-primary.fas.fa-star {
    color: #D2691E !important;
}

/* Spinner */
.spinner-border.text-primary {
    color: #8B4513 !important;
}

/* Dropdown Menu Hover */
.dropdown .dropdown-menu .dropdown-item:hover {
    background: #8B4513 !important;
}

/* Back to Top Button */
.back-to-top {
    background: #8B4513 !important;
}

.back-to-top:hover {
    background: #A0522D !important;
}

/* WhatsApp Icon - Keep Green */
.text-success {
    color: #25D366 !important;
}

/* Form Focus */
.form-control:focus {
    border-color: #8B4513 !important;
    box-shadow: 0 0 0 0.25rem rgba(139, 69, 19, 0.25) !important;
}

/* Portfolio/Gallery Section */
.portfolio-item {
    transition: all 0.3s;
}

.portfolio-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.portfolio-item .position-relative {
    position: relative;
    overflow: hidden;
}

.portfolio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(139, 69, 19, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s;
}

.portfolio-item:hover .portfolio-overlay {
    opacity: 1;
}

.portfolio-overlay .btn {
    transform: scale(0);
    transition: all 0.3s;
}

.portfolio-item:hover .portfolio-overlay .btn {
    transform: scale(1);
}

/* Portfolio Grid */
.portfolio-grid .portfolio-item {
    margin-bottom: 30px;
}

.portfolio-filter {
    margin-bottom: 40px;
}

.portfolio-filter button {
    background: transparent;
    border: 2px solid #8B4513;
    color: #8B4513;
    padding: 10px 25px;
    margin: 5px;
    border-radius: 25px;
    transition: all 0.3s;
    font-weight: 600;
}

.portfolio-filter button:hover,
.portfolio-filter button.active {
    background: #8B4513;
    color: #fff;
}