/* Delhi Dham Property - Bootstrap theme */
:root{
  --ddp-navy:#0f172a;
  --ddp-navy-2:#1e293b;
  --ddp-gold:#fbbf24;
  --ddp-gold-2:#d97706;
  --ddp-soft:#f8fafc;
}

html{overflow-x:hidden;}
html,body{height:100%;min-height:100%;}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--ddp-soft);
  overflow-x:hidden;
}
img{max-width:100%;height:auto;}
.fw-black{font-weight:800;}
.ddp-tracking{letter-spacing:.22em;font-size:.8rem;}

.ddp-nav{
  background:rgba(255,255,255,.85);
  backdrop-filter: blur(12px);
}

/* override Bootstrap navbar container flex so we can stack rows */
.ddp-nav > .container{
  display:block;
}

.ddp-search-wrapper{
  position:relative;
}
.ddp-search-dropdown{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  margin-top:4px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 18px 40px rgba(15,23,42,.16);
  max-height:360px;
  overflow:auto;
  z-index:1050;
  padding:.5rem .75rem;
  font-size:.78rem;
}
.ddp-search-dropdown h6{
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#9ca3af;
  margin:.25rem 0;
}
.ddp-search-item{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .4rem;
  border-radius:8px;
  text-decoration:none;
  color:#111827;
}
.ddp-search-item:hover{
  background:#f3f4f6;
  text-decoration:none;
}
.ddp-search-icon{
  width:22px;height:22px;
  border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:#e5e7eb;
  color:#374151;
  font-size:.7rem;
}
.ddp-logo{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--ddp-gold),var(--ddp-gold-2));
  box-shadow:0 12px 30px rgba(251,191,36,.25);
}
.ddp-logo-sm{width:38px;height:38px;border-radius:12px;}
.ddp-brand-title{font-size:1.05rem; letter-spacing:.02em; color:#0b1220;}
.ddp-brand-sub{font-size:.62rem; font-weight:800; letter-spacing:.26em; text-transform:uppercase; color:var(--ddp-gold-2);}

.ddp-navlink{
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.72rem;
  color:#334155;
}
.ddp-navlink:hover{color:var(--ddp-gold-2);}
.ddp-btn{border-radius:14px; padding:.7rem 1rem;}

.ddp-main{padding-top:84px;}

.ddp-hero{
  background:linear-gradient(135deg,var(--ddp-navy),var(--ddp-navy-2));
  color:#fff;
  position:relative;
  overflow:hidden;
}
.ddp-hero:before{
  content:"";
  position:absolute; inset:-20%;
  background:
    radial-gradient(circle at 20% 20%, rgba(251,191,36,.25), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(37,99,235,.25), transparent 45%);
  filter: blur(0px);
}
.ddp-hero .container{position:relative; z-index:2;}
.ddp-pill{
  display:inline-flex; align-items:center; gap:.6rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  padding:.45rem .8rem;
  border-radius:999px;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#fcd34d;
}
.ddp-hero-title{
  font-weight:900;
  line-height: .95;
  font-size: clamp(2.4rem, 4.8vw, 5rem);
}
.ddp-playfair{font-family:'Playfair Display',serif;}
.ddp-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.06);
  border-radius:22px;
  box-shadow:0 18px 40px rgba(15,23,42,.07);
}
.ddp-card-soft{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
}
.ddp-thumb{
  width:100%;
  height:160px;
  object-fit:cover;
  display:block;
  border-top-left-radius:22px;
  border-top-right-radius:22px;
}
.ddp-section-soft{
  background:#f1f5f9;
  border-radius:24px;
  padding:1.5rem;
}
/* ========== Mobile responsive ========== */
@media (max-width:991.98px){
  .ddp-main{padding-top:72px;}
}
@media (max-width:575.98px){
  .ddp-main{padding-top:68px;}
  section.container.my-5{margin-top:1.75rem!important;margin-bottom:1.75rem!important;}
  .container{padding-left:1rem;padding-right:1rem;}
  .ddp-hero-title{font-size:1.85rem;}
  .ddp-card{border-radius:16px;}
  .ddp-thumb{height:140px;border-top-left-radius:16px;border-top-right-radius:16px;}
  .btn{padding:.5rem .85rem;min-height:44px;}
  .ddp-btn{padding:.55rem .9rem;}
}
/* Main: leave space for fixed bottom nav on mobile */
@media (max-width:991.98px){
  .ddp-main{padding-bottom:72px;}
}

/* ========== Mobile header: hamburger + drawer ========== */
.ddp-hamburger{min-width:44px;min-height:44px;}
.ddp-mobile-nav{
  position:fixed;inset:0;z-index:1040;pointer-events:none;visibility:hidden;transition:visibility .25s ease;
}
.ddp-mobile-nav.is-open{pointer-events:auto;visibility:visible;}
.ddp-mobile-nav-backdrop{
  position:absolute;inset:0;z-index:1;
  background:rgba(15,23,42,.5);opacity:0;transition:opacity .25s ease;
}
.ddp-mobile-nav.is-open .ddp-mobile-nav-backdrop{opacity:1;}
.ddp-mobile-nav-drawer{
  position:absolute;top:0;right:0;bottom:0;z-index:2;
  width:min(320px,85vw);max-width:100%;
  background:#fff;box-shadow:-8px 0 32px rgba(0,0,0,.15);
  padding:1.25rem 1rem;overflow-y:auto;
  transform:translateX(100%);transition:transform .25s ease;
}
.ddp-mobile-nav.is-open .ddp-mobile-nav-drawer{transform:translateX(0);}
.ddp-mobile-nav-links{
  display:flex;flex-direction:column;gap:2px;
  position:relative;z-index:2;
}
.ddp-mobile-nav-links a{
  display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;
  font-weight:700;font-size:.9rem;color:#334155;text-decoration:none;
  border-radius:12px;min-height:48px;
}
.ddp-mobile-nav-links a:hover,.ddp-mobile-nav-links a:focus{background:#f1f5f9;color:var(--ddp-gold-2);}
.ddp-mobile-nav-links a i{width:22px;text-align:center;color:var(--ddp-gold-2);}

/* ========== Mobile bottom nav (5 icons) ========== */
.ddp-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1030;
  display:flex;align-items:stretch;justify-content:space-around;
  background:#fff;border-top:1px solid rgba(15,23,42,.08);
  padding:.5rem 0;padding-bottom:max(.5rem, env(safe-area-inset-bottom));
  box-shadow:0 -4px 20px rgba(15,23,42,.08);
}
.ddp-bottom-nav-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:.35rem .5rem;flex:1;max-width:80px;
  font-size:.65rem;font-weight:700;color:#64748b;text-decoration:none;
  min-height:52px;border-radius:10px;transition:color .2s, background .2s;
}
.ddp-bottom-nav-item i{font-size:1.2rem;color:#94a3b8;}
.ddp-bottom-nav-item:hover,.ddp-bottom-nav-item:focus{color:var(--ddp-gold-2);background:rgba(251,191,36,.08);}
.ddp-bottom-nav-item:hover i,.ddp-bottom-nav-item:focus i{color:var(--ddp-gold-2);}

.ddp-footer{
  background:#0b1220;
  color:#fff;
}
@media (max-width:991.98px){
  .ddp-footer{padding-bottom:calc(1.5rem + 72px)!important;}
}
.ddp-social{
  width:44px;height:44px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.08);
}
.ddp-social:hover{background:var(--ddp-gold); color:var(--ddp-navy);}
.ddp-footlink{color:rgba(255,255,255,.65); text-decoration:none;}
.ddp-footlink:hover{color:#fff;}
.border-white-10{border-color:rgba(255,255,255,.08)!important;}

.ddp-loader{
  position:fixed; inset:0;
  background:var(--ddp-navy);
  z-index:2000;
  display:flex; align-items:center; justify-content:center;
  transition:opacity .35s ease;
}
.ddp-hide{opacity:0; pointer-events:none;}

.ddp-input{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.ddp-input::placeholder{color:rgba(255,255,255,.55);}

