/* Taqwa Land Custom Styles - Dark Green Theme */

/* Primary Button Styles */
.theme-btn1 {
    background: linear-gradient(135deg, #1a5a3e 0%, #2d7a57 100%) !important;
    border: 2px solid #1a5a3e !important;
}

.theme-btn1:hover {
    background: linear-gradient(135deg, #0f3829 0%, #1a5a3e 100%) !important;
    border-color: #0f3829 !important;
}

/* Secondary Button Styles */
.theme-btn2 {
    border: 2px solid #1a5a3e !important;
    color: #1a5a3e !important;
}

.theme-btn2:hover {
    background: #1a5a3e !important;
    border-color: #1a5a3e !important;
    color: #fff !important;
}

/* Navigation Active Links */
.nav-pills .nav-link.active {
    background: #1a5a3e !important;
}

/* Heading Colors */
h1, h2, h3 {
    color: #1a5a3e;
}

/* Primary Text Color */
.text-primary {
    color: #1a5a3e !important;
}

/* Property Category Labels */
.category-list a {
    background: #1a5a3e !important;
}

/* Form Input Focus */
input:focus, select:focus, textarea:focus {
    border-color: #1a5a3e !important;
    box-shadow: 0 0 0 2px rgba(26, 90, 62, 0.2) !important;
}

/* Progress Bars and Sliders */
.slider-fill {
    background: #1a5a3e !important;
}

/* Counter Numbers */
.counter-boxarea h2 {
    color: #1a5a3e !important;
}

/* Section Intro Text */
.section-intro h3 {
    color: #1a5a3e !important;
    font-weight: 600;
    margin-bottom: 15px;
}

.section-intro p {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
}

/* Custom spacing for section intro */
.section-intro.text-center.mb-4 {
    padding: 20px 0;
    background: rgba(26, 90, 62, 0.05);
    border-radius: 10px;
    margin-bottom: 30px !important;
}

/* Land share section styling */
#landshares.section-intro {
    background: rgba(26, 90, 62, 0.1);
    border: 2px solid rgba(26, 90, 62, 0.2);
}

/* Property tab active state */
.nav-pills .nav-link:hover {
    color: #1a5a3e !important;
}

/* Price display styling */
.nm-btn {
    background: #1a5a3e !important;
    border-color: #1a5a3e !important;
}

/* Heart icon hover */
.heart:hover .heart1 {
    opacity: 0;
}

.heart:hover .heart2 {
    opacity: 1;
    color: #1a5a3e;
}