/* property_detail.css */

.property-details {
    background: var(--main) !important;
    color: var(--text);
    border: 1px solid var(--primary);
}

.property-details h1,
.property-details h4 {
    color: var(--text);
}

.property-details .text-muted {
    color: #999 !important;
}

.property-details .text-primary {
    color: var(--scound) !important;
}

.breadcrumb {
    background: transparent;
    padding: 0;
}

.breadcrumb-item a {
    color: var(--scound);
}

.breadcrumb-item.active {
    color: #999;
}

.spec-box {
    background: var(--main);
    border: 1px solid var(--secondary) !important;
    color: var(--text);
}

.spec-box h5 {
    color: var(--text);
}
.spec-box:hover h5 {
    color: var(--secondary);
}

.spec-box:hover {
    background-color: var(--text) !important;
}

.price-card {
    background: linear-gradient(135deg, var(--scound) 0%, #9c7924 100%) !important;
}

.contact-form {
    background: var(--main) !important;
    border: 1px solid var(--primary);
}

.contact-form h5 {
    color: var(--text);
}

.contact-form .form-control {
    background: #0a0a0a;
    border: 1px solid var(--primary);
    color: var(--text);
}

.contact-form .form-control:focus {
    background: #0a0a0a;
    border-color: var(--scound);
    color: var(--text);
}

.contact-form .form-control::placeholder {
    color: #666;
}

.btn-primary {
    background: var(--button);
    border: none;
}

.btn-primary:hover {
    background: #9c7924;
}

.btn-secondary {
    background: var(--primary);
    border: none;
    color: var(--text);
}

.btn-secondary:hover {
    background: #444;
}

.badge.bg-primary {
    background: var(--scound) !important;
}

.property-hero {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.property-description p {
    color: #ccc;
    line-height: 1.8;
}

a {
    color: var(--scound);
}

a:hover {
    color: #9c7924;
}