/* Light polish layer — loads after main.css. Layout and structure are unchanged. */
:root { --ink:#14172b; --accent:#b08d57; --cta:#e52c58; }

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; color: #23263a; }
:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 3px; }

/* Header: slightly more readable bar, larger tap targets */
header .mainhead { background: rgba(20,23,43,.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: none; }
header.sticky .mainhead { background: rgba(20,23,43,.96); }
header .logo a { color: #fff; font-weight: 800; }
header .contact { line-height: 60px; }
header .contact span { font-weight: 700; }

/* Hero: stronger fade so text stays legible, calmer form card */
#home .clsfix::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(20,23,43,.75) 0, rgba(20,23,43,.25) 55%, rgba(20,23,43,0) 100%); pointer-events:none; }
#home .clsfix { position: relative; }
.protitle h2 bigger { letter-spacing: .02em; }
.hpro li span { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border-radius: 3px; }
.bg-blue-green { background: var(--accent); background-image: none; color: #14172b !important; }
.bg-blue-green.white { color: #14172b !important; }
.bg-blue-green small { font-weight: 700; }
.proquery { border-radius: 8px; box-shadow: 0 24px 60px rgba(8,10,24,.35); }
.proquery .form-control { background: #f4f5f8; border: 1px solid #dfe1ea; border-radius: 4px; }
.proquery .form-control:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(176,141,87,.25); background:#fff; }
.probtn { border-radius: 4px; line-height: 54px; transition: filter .2s; cursor: pointer; }
.probtn:hover { filter: brightness(1.08); }
.rera-info-card { background: rgb(20 23 43 / 0%); border: 0px solid rgba(255,255,255,.18); border-radius: 0px; }

/* Facts grid */
.quickpoints .gridlist dt { color: #6a6e84; font-weight: 600; }
.quickpoints .gridlist dd { font-weight: 700; color: var(--ink); }

/* About: readable paragraphs instead of one justified block */
#about p.justify { text-align: left; max-width: 100ch; line-height: 1.7; margin: 0 0 1em; color: #3a3e55; }

/* Section rhythm + headings */
.container-boxed .divider { margin: 3.2em 0 2.4em; border-color: #e4e6ee; }
.title-border, .title-border2 { font-weight: 800; letter-spacing: .01em; }

/* Buttons */
.ebtn { padding: 14px 22px; font-weight: 700; font-size: 14px; border-radius: 4px; border: 1px solid var(--ink); color: var(--ink); background: #fff; transition: background .2s, color .2s; }
.ebtn.white, .ebtn:hover { color: var(--ink); }
.ebtn:hover { background: var(--ink); color: #fff !important; border-color: var(--ink); }
.newplans .newplan .ebtn { background: var(--ink); color: #fff !important; }
.newplans .newplan .ebtn:hover { background: var(--accent); border-color: var(--accent); color: #14172b !important; }

/* Gallery */
.img-grids img { transition: transform .5s ease; }
.img-grids a:hover img { transform: scale(1.03); }
.img-grids a { overflow: hidden; }

/* Highlights + amenities: left-aligned labels next to icons */
.aments .ament { line-height: 1.5; font-weight: 600; letter-spacing: 0; }
.aments .ament i, .amelist .alist i { color: var(--accent); }
.amelist .alist { text-align: left; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px; font-weight: 600; color: var(--ink); }

/* Price cards */
.newplans .newplan { border-radius: 6px; border: 1px solid #e4e6ee; box-shadow: 0 6px 20px rgba(20,23,43,.06); }
.newplans .newplan p strong { font-size: 1.25em; }

/* Location / brochure: hide images that fail to load instead of showing broken icons */
.twinboxes img[data-failed] { display: none; }

/* Similar projects: rounded image cards */
.procover img { border-radius: 6px; }
.procta h4 { letter-spacing: .02em; }

/* Footer link tap targets */
.footer-menu ul li a { margin: 8px 0; }

/* Mobile */
@media (max-width: 1024px) {
    header .mainhead { padding: 0 16px; }
    .quickpoints .gridlist dd { font-size: .95em; }
}
@media (max-width: 640px) {
    .ebtn { padding: 14px 18px; }
    .probtn { line-height: 52px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }

/* Visible H1 (was hidden) — same look the hero title had */
.protitle h1 { line-height: 1; font-weight: 800; margin: 0; font-size: 2em; }
.protitle h1 .hero-name { display: inline-block; }
.protitle h1 small { display: inline-block; margin-top: .5em; font-size: .5em; font-weight: 700; line-height: 1.3; }
/* Form title (was an h3, now plain text so headings stay in order) */
.proquery .form-title { margin: 0 0 .6em; font-size: 1.75rem; line-height: 1.15; font-family: 'Nunito', sans-serif; font-weight: 700; }
.proquery .form-title small { font-size: .6em; font-weight: 400; }
@media (max-width: 1024px) { .protitle h1 { font-size: 1.5em; } .proquery .form-title { font-size: 1.4rem; } }