/* Custom Theme for Mangeshi Heights - Premium Dark Slate & Gold */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    color: #334155;
    background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6, .heading {
    font-family: 'Outfit', sans-serif !important;
}

/* Header & Logo styling */
#header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    height: 80px !important;
}
#header.header-scrolled {
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}
.logo-text {
    color: #0f172a !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}

/* Navigation overrides */
.main-nav ul li a {
    color: #1e293b !important;
    font-weight: 500 !important;
}
.main-nav ul li a:hover, 
.main-nav ul li.active a {
    color: #b45309 !important;
}
.main-nav ul li.enquire-btn a,
header#header.fixed-top .main-nav ul li.contact a {
    background: #b45309 !important;
    color: #fff !important;
    border-radius: 6px !important;
}
header#header.fixed-top ul li.btn a {
    background-color: #0f172a !important;
    border: 1px solid #b45309 !important;
    color: #fff !important;
    border-radius: 6px !important;
}

/* Page Section Background Alternation */
#overview {
    background: #ffffff !important;
    padding: 60px 0 !important;
}
#floor-plans {
    background: #f8fafc !important;
    padding: 60px 0 !important;
}
#amenities {
    background: #0f172a !important;
    padding: 60px 0 !important;
    color: #ffffff !important;
}
#demo {
    background: #f8fafc !important;
    padding: 60px 0 !important;
}
#gallery {
    background: #0f172a !important;
    padding: 60px 0 !important;
    color: #ffffff !important;
}
#blogs {
    background: #ffffff !important;
    padding: 60px 0 !important;
}
#location {
    background: #f8fafc !important;
    padding: 60px 0 !important;
}

/* Text color adjustments */
.black, .para-center {
    color: #334155 !important;
}
#amenities .white, 
#gallery .black, 
#gallery p,
#amenities p {
    color: #f1f5f9 !important;
}
#amenities h2,
#gallery h2 {
    color: #ffffff !important;
}

/* Headings styling */
.heading {
    color: #0f172a !important;
    font-weight: 700 !important;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #b45309;
}
#amenities h2::after,
#gallery h2::after {
    background-color: #d97706;
}

/* Buttons and Links */
.read-more, 
.btn-danger, 
.submit_box input[type="submit"] {
    background-color: #b45309 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(180, 83, 9, 0.15) !important;
    transition: all 0.3s ease !important;
}
.read-more:hover, 
.btn-danger:hover, 
.submit_box input[type="submit"]:hover {
    background-color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

/* Cube highlights and lists */
.cube-bx {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.01) !important;
    transition: all 0.3s ease;
}
.cube-bx:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.04) !important;
    border-color: #cbd5e1 !important;
}
.title-info {
    color: #64748b !important;
}
.sub-info {
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* Bullet list overrides */
.coler ul li {
    background: url(../images/icon/mangeshi-heights-balkum-01.svg) no-repeat left 4px !important;
    background-size: 18px !important;
    padding-left: 28px !important;
    color: #f1f5f9 !important;
}
.proxi-list-0 ul li {
    background: url(../images/icon/mangeshi-heights-balkum-11.svg) no-repeat left 4px !important;
    background-size: 16px !important;
    padding-left: 28px !important;
    color: #334155 !important;
}

/* Table styling */
.main-div-1 table {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border: 1px solid #e2e8f0;
}
.main-div-1 th {
    background: #0f172a !important;
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
}
.main-div-1 td {
    background: #ffffff;
    color: #334155;
    border-bottom: 1px solid #e2e8f0;
}

/* Footer styling */
div#footer {
    background: #0b0f19 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 30px 0 !important;
}
.foooter-links {
    background: #0f172a !important;
}
.footer-div {
    background: #0f172a !important;
}

/* Capture forms */
.form_wrap {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden;
}