/* 
===================================================
   LUXURY REAL ESTATE THEME OVERRIDES
===================================================
   Primary Orange: #F59E0B
   Deep Orange: #EA580C
   Dark Text: #111827
   Light Background: #F8FAFC
   Card Background: #FFFFFF
   Border: #E5E7EB
   Gray Text: #6B7280
===================================================
*/

/* GLOBAL TYPOGRAPHY & BACKGROUNDS */
body {
    background-color: #F8FAFC !important;
    color: #6B7280 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #111827 !important;
}

p {
    color: #6B7280 !important;
}

/* NAVBAR */
.site-navbar {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E5E7EB;
}

.site-navbar .site-navigation .site-menu > li > a {
    color: #111827 !important;
}

.site-navbar .site-navigation .site-menu > li > a:hover,
.site-navbar .site-navigation .site-menu > li.active > a {
    color: #EA580C !important;
}

/* HERO SECTION */
.home_bg::before,
.section-top::before {
    background: rgba(17, 24, 39, 0.8) !important; /* #111827 with opacity */
}

.hero-text h2, 
.section-top-title h1 {
    color: #FFFFFF !important;
}

.hero-text p {
    color: #F8FAFC !important;
}

/* BUTTONS */
.home_btn_color_one, 
.home_btn_color_two,
.btn-contact-bg,
.btn-serach-bg,
.about-us-content a {
    background-color: #F59E0B !important;
    border-color: #F59E0B !important;
    color: #FFFFFF !important;
}

.home_btn_color_one:hover, 
.home_btn_color_two:hover,
.btn-contact-bg:hover,
.btn-serach-bg:hover,
.about-us-content a:hover {
    background-color: #EA580C !important;
    border-color: #EA580C !important;
    color: #FFFFFF !important;
}

/* PROPERTY CARDS */
.single_property {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.single_property_price span {
    color: #EA580C !important;
}

.single_property_content h4 a {
    color: #111827 !important;
}

.single_property_content h4 a:hover {
    color: #EA580C !important;
}

.single_property_description {
    background-color: #F59E0B !important;
}

/* PROPERTY DETAILS PAGE */
.property_single_details_price h4 {
    color: #EA580C !important;
}

.property_single_details_price ul li i {
    color: #EA580C !important;
}

/* SECTION TITLES (Orange Lines) */
.section-title div {
    background-color: #F59E0B !important;
}

/* FOOTER */
.footer-area {
    background-color: #111827 !important;
}

.footer-area h4,
.footer-area p,
.footer-area li {
    color: #FFFFFF !important;
}

.footer-area a {
    color: #FFFFFF !important;
}

.footer-area a:hover {
    color: #F59E0B !important;
}

.footer_contact ul li i,
.single_address i {
    color: #FFFFFF !important;
}

/* MISC ICONS & ACCENTS */
.status-mes {
    border-left-color: #F59E0B !important;
}

.topcontrol {
    background-color: #F59E0B !important;
}

.topcontrol:hover {
    background-color: #EA580C !important;
}

.single_address {
    border: 1px solid #E5E7EB !important;
    background-color: #FFFFFF !important;
}

/* Contact page icons */
.contact-area .fa,
.contact-area .fa-brands,
.contact-area .fa-solid,
.contact-area .fa-regular {
    color: #F59E0B !important;
}

/* ===================================================
   SOCIAL MEDIA ICONS - CIRCULAR WITH BRAND HOVERS
=================================================== */
.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #cbd5e1 !important;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.social-icon:hover {
    transform: translateY(-3px);
    border-color: transparent;
}

.social-icon.facebook:hover {
    background: #1877F2;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(24, 119, 242, 0.4);
}

.social-icon.instagram:hover {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(220, 39, 67, 0.4);
}

.social-icon.twitter:hover {
    background: #000;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.social-icon.tiktok:hover {
    background: #000;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.social-icon.youtube:hover {
    background: #FF0000;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.4);
}

.social-icon.linkedin:hover {
    background: #0A66C2;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(10, 102, 194, 0.4);
}

.social-icon.whatsapp:hover {
    background: #25D366;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
}

/* ===================================================
   MOBILE RESPONSIVENESS OVERRIDES
=================================================== */
@media (max-width: 768px) {
    /* Typography */
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    
    /* Agent Profile Adjustments */
    .agent-profile .bg-white .col-md-8 { padding: 20px !important; }
    .agent-profile .d-flex { flex-wrap: wrap !important; }
    .agent-profile .list-inline { margin-left: 0 !important; margin-top: 15px !important; width: 100%; }
    
    /* About Page Portrait Image */
    .about_img img { height: 350px !important; }
    
    /* Property Details Gallery */
    .carousel-item img { height: 300px !important; }
    
    /* Single Property Card Adjustments */
    .single_property_content { padding: 15px !important; }
}
    /* Ensure non-carousel property image is also responsive */
    .property_single_details_slide img { max-height: 300px !important; }