/* Theme Override CSS - Red, Green, and White */

/* Selection highlights */
::selection {
    background-color: #16a34a !important;
    color: #ffffff !important;
}
::-moz-selection {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

/* Primary Button (Green background, Red on hover) */
.custom-btn {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #ffffff !important;
    transition: all 0.3s ease-in-out !important;
}
.custom-btn:hover {
    background-color: #d92415 !important; /* Slightly darker vibrant red for hover */
    border-color: #d92415 !important;
    color: #ffffff !important;
}

/* Bordered Button (Green borders, Red background on hover) */
.custom-btn-bordered {
    background-color: transparent !important;
    border-color: #16a34a !important;
    color: #16a34a !important;
    transition: all 0.3s ease-in-out !important;
}
.custom-btn-bordered:hover {
    background-color: #d92415 !important;
    border-color: #d92415 !important;
    color: #ffffff !important;
}

/* Navigation active and hover states */
.main-menubar > ul > li.active > a,
.main-menubar > ul > li:hover > a {
    color: #16a34a !important;
}
.main-menubar > ul > li > a > span::before {
    background-color: #16a34a !important;
}
.main-menubar > ul > li > a:hover > span {
    color: #16a34a !important;
}

/* Submenu links hover */
.main-menubar .sub-menu li a:hover,
.main-menubar .sub-menu li.active a {
    color: #16a34a !important;
}

/* Form focus border */
.form-item input:focus,
.form-textarea textarea:focus {
    border-color: #16a34a !important;
}
.form-item .form-item-btn,
.form-textarea .form-item-btn {
    color: #16a34a !important;
}

/* Convert blue highlights (like featured labels) to Green */
.bg-default-lightblue {
    background-color: #16a34a !important;
}

/* Nice-select hover state */
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
    background-color: rgba(22, 163, 74, 0.1) !important;
    color: #16a34a !important;
}

/* Back to top button styling */
.backtotop a {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}
.backtotop a:hover {
    background-color: #d92415 !important;
    border-color: #d92415 !important;
}

/* Map marker or marker icon elements */
.price-and-location ul li i {
    color: #16a34a !important;
}

/* Icon box highlights */
.service-icon,
.features-item span {
    border-color: rgba(22, 163, 74, 0.2) !important;
}

/* Property details features checkmarks */
.property-details-section .property-features-list ul li i {
    color: #16a34a !important;
}

/* Sidebar toggles and custom links */
.sidebar-main-menu .menu-list li a:hover,
.sidebar-main-menu .menu-list li.active > a {
    color: #16a34a !important;
}
.sidebar-menu-wrapper .dismiss {
    color: #16a34a !important;
}
.sidebar-menu-wrapper .dismiss:hover {
    color: #d92415 !important;
}
.sidebar-menu-wrapper .close-btn {
    background-color: rgba(22, 163, 74, 0.1) !important;
}

/* Category grid hover */
.category-grid-item:hover .item-icon {
    color: #16a34a !important;
    border-color: #16a34a !important;
}

/* Testimonial slider navigation dots */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #16a34a !important;
}

/* Contact information page icons */
.contact-grid-item .item-icon {
    color: #16a34a !important;
    border-color: rgba(22, 163, 74, 0.2) !important;
}
.contact-grid-item:hover .item-icon {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

/* Preloader animation colors */
.preloader {
    border-top-color: #16a34a !important;
    border-bottom-color: #d92415 !important;
}

/* Fix header right overflow on desktop viewports between 1440px and 1630px */
.header-section .default-header .container-fluid {
    width: 100% !important;
    max-width: 1630px !important;
}

/* Banner text entry animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.banner-content .sub-title {
    animation: fadeInUp 0.8s ease-out both;
}
.banner-content .title-text {
    animation: fadeInUp 1s ease-out both;
    animation-delay: 0.15s;
}
.banner-content form {
    animation: fadeInUp 1.2s ease-out both;
    animation-delay: 0.3s;
}

/* Scroll reveal entrance animations */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Text Logo Styling */
.logo-text {
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #16a34a !important; /* Green */
    font-family: 'Outfit', sans-serif;
    display: inline-block;
    transition: color 0.3s ease, transform 0.3s ease;
}
.logo-text:hover {
    color: #ec3323 !important; /* Red */
    transform: scale(1.05);
}
.footer-section .logo-text {
    color: #ffffff !important; /* White in footer */
}
.footer-section .logo-text:hover {
    color: #16a34a !important; /* Green hover in footer */
}

/* Category item buttons (on red background) visibility fix */
.category-item .custom-btn-bordered {
    border-color: #ffffff !important;
    color: #ffffff !important;
}
.category-item .custom-btn-bordered:hover {
    background-color: #ffffff !important;
    color: #16a34a !important; /* Green text on white hover */
    border-color: #ffffff !important;
}

/* Floating WhatsApp Button on the Left */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-decoration: none !important;
}
.whatsapp-float:hover {
    transform: scale(1.1);
    background-color: #20ba5a;
    box-shadow: 0px 8px 25px rgba(37, 211, 102, 0.3);
}

@media (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        left: 20px;
        font-size: 24px;
    }
}