/* =====================================
   BUILDER PROJECT - CLEAN PREMIUM STYLE
===================================== */

/* Reset Astra Layout */

.single-builder_project .site-content .ast-container{
display:block !important;
max-width:100% !important;
padding:0 !important;
}

.single-builder_project #primary{
width:100% !important;
}

.single-builder_project #secondary{
display:none !important;
}

body.single-builder_project{
background:#f3f4f6;
}


/* HERO IMAGE */

.bp-hero {
    width:100%;
    overflow:hidden;
}

.bp-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.bp-hero img{
    width:100%;
    height:auto;          /* 👈 important */
    object-fit:cover;
    display:block;
}

/* HERO TEXT */

.bp-hero-details{
background:#ffffff;
padding:10px 20px 10px;
}

.bp-hero-text{
max-width:1100px;
margin:0 auto;
}

.bp-main-title{
font-size:40px;
font-weight:900;
color:#111;
margin-bottom:6px;
}

.bp-project-title{
font-size:22px;
font-weight:700;
color:#444;
margin-bottom:14px;
text-transform:uppercase;
letter-spacing:1px;
}

.bp-badge{
display:inline-block;
background:#0a66ff;
color:#fff;
padding:6px 18px;
border-radius:50px;
font-size:13px;
font-weight:600;
}


/* CONTENT WRAPPER */

.builder-project-wrapper{
max-width:1100px;
margin:0 auto;
padding:10px 20px 60px;
}


/* OVERVIEW & AMENITIES */

.bp-overview-card,
.bp-amenities-card{
background:#ffffff;
border-radius:12px;
padding:35px;
margin-bottom:50px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.bp-section-title{
font-size:24px;
font-weight:700;
margin-bottom:15px;
}

.bp-description{
font-size:16px;
line-height:1.8;
color:#555;
}


/* INFO GRID */

.bp-info-section{
margin:40px 0;
}

.bp-info-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:25px;
}

.bp-info-card{
background:#ffffff;
padding:25px;
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.04);
}

.bp-label{
font-size:13px;
color:#777;
margin-bottom:8px;
text-transform:uppercase;
letter-spacing:0.5px;
}

.bp-value{
font-size:17px;
font-weight:600;
color:#111;
}

/* PRICE CARD */

/* Ensure price card background and text */

.bp-info-card.bp-price-card{
background:#111827 !important;
}

.bp-info-card.bp-price-card .bp-label{
color:rgba(255,255,255,0.7) !important;
}

.bp-info-card.bp-price-card .bp-price-value{
color:#ffffff !important;
font-size:28px;
font-weight:800;
}

/* LOCATION */

.bp-location-card{
display:flex;
align-items:center;
gap:10px;
}

.bp-location-text{
font-weight:600;
}

/* GALLERY */

.bp-gallery{
margin:60px 0 70px;
}

.bp-slide{
flex:0 0 75%;
scroll-snap-align:center;
}

.bp-slide img{
    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:12px;
}

/* FIX EACH SLIDE */
.bp-slide{
    flex:0 0 95%;   /* 👈 important */
}

/* FIX IMAGE */
.bp-slide img{
    width:100%;
    height:420px;   /* 👈 BIG FIX */
    object-fit:cover;
    border-radius:12px;
}

.bp-slider{
    display:flex;
    gap:20px;
    overflow-x:auto;
    padding-bottom:10px;
}

/* CTA SECTION */

.bp-final-cta{
text-align:center;
padding:60px 20px;
}

.bp-final-cta h2{
font-size:26px;
font-weight:700;
margin-bottom:25px;
}

.bp-cta-buttons{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.bp-cta-buttons a,
.bp-cta-buttons button{
display:inline-block;
padding:14px 28px;
border-radius:50px;
font-weight:600;
font-size:15px;
text-decoration:none;
border:none;
cursor:pointer;
transition:0.3s ease;
}
.bp-cta-call{
background:#0a66ff;
color:#fff;
}

.bp-cta-call:hover{
background:#004ecb;
transform:translateY(-2px);
}

.bp-cta-brochure{
background:#111827;
color:#fff;
}

.bp-cta-brochure:hover{
background:#000;
transform:translateY(-2px);
}

/* WhatsApp Button */

.bp-whatsapp-btn{
background:#25D366;
color:#fff;
padding:14px 28px;
border-radius:50px;
font-weight:600;
font-size:15px;
text-decoration:none;
display:inline-block;
transition:0.3s ease;
}

.bp-whatsapp-btn:hover{
background:#1ebe5d;
transform:translateY(-2px);
}


/* Share Button */

.bp-share-btn{
background:#3b82f6;
color:#fff;
padding:14px 28px;
border-radius:50px;
font-weight:600;
font-size:15px;
text-decoration:none;
display:inline-block;
transition:0.3s ease;
}

.bp-share-btn:hover{
background:#2563eb;
transform:translateY(-2px);
}

.bp-cta-buttons button:hover{
transform:translateY(-2px);
opacity:0.9;
}

/* MOBILE */

@media(max-width:768px){

.bp-hero img{
    height:350px;         /* 👈 controlled height */
    object-fit:cover;
}

}
.bp-main-title{
font-size:28px;
}

.bp-project-title{
font-size:16px;
}

.builder-project-wrapper{
padding:10px 15px 40px;
}

.bp-overview-card,
.bp-amenities-card{
padding:25px;
}

.bp-info-grid{
grid-template-columns:1fr;
}

.bp-slide{
    flex:0 0 100%;
}

.bp-slide img{
    width:100%;
    aspect-ratio: 16 / 9;   /* 👈 MAGIC FIX */
    object-fit:cover;
    border-radius:12px;
}

/* Fix price text color inside dark price card */

.bp-price-card .bp-value{
color:#ffffff !important;
font-size:28px;
font-weight:800;
}

.bp-price-card .bp-label{
color:rgba(255,255,255,0.7) !important;
}

/* Force visible price text */

.bp-price-card,
.bp-price-card *{
color:#ffffff !important;
}

.bp-price-card .bp-value{
font-size:28px !important;
font-weight:800 !important;
}

/* Fix WhatsApp and Share buttons in Builder CTA */

.bp-final-cta a,
.bp-final-cta button{
display:inline-block;
padding:14px 28px;
border-radius:50px;
font-weight:600;
font-size:15px;
text-decoration:none;
border:none;
cursor:pointer;
transition:all 0.3s ease;
}

.bp-final-cta a:hover,
.bp-final-cta button:hover{
transform:translateY(-3px);
opacity:0.9;
}

/* WhatsApp CTA Button */

.bp-final-cta a[href*="wa.me"]{
background:#25D366;
color:#ffffff;
padding:14px 28px;
border-radius:50px;
font-weight:600;
text-decoration:none;
display:inline-block;
transition:all 0.3s ease;
}

.bp-final-cta a[href*="wa.me"]:hover{
background:#1ebe5d;
transform:translateY(-3px);
}