/* Arihant's official-site palette, shared across this project's pages. */
:root {
  --brand-orange: #f05923;
  --brand-ink: #141414;
  --brand-muted: #595959;
  --brand-border: #dedbd7;
  --brand-font: Futura, "Futura PT", "Century Gothic", Avenir, Arial, sans-serif;
  --colorPrimary: #b63b10;
  --colorSecondary: #b63b10;
  --colorText: #222;
  --bodyColorPrimary: #fff;
  --bodyColorSecondary: #f5f3f0;
  --bgColorSecondary: #f5f3f0;
  --buttonBodyColorPrimary: var(--brand-orange);
  --buttonBodyColorSecondary: var(--brand-orange);
  --buttonTextColor: var(--brand-ink);
  --clr-p: #b63b10;
  --clr-s: #b63b10;
  --clr-t: #fff;
  --lightcolor: #fff2eb;
}

body {
  font-family: var(--brand-font);
  color: var(--colorText);
  background: var(--bodyColorPrimary);
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font-family: inherit; }

.mainHeader, .tyHeader {
  background: #fff;
  border-bottom: 1px solid var(--brand-border);
  box-shadow: 0 3px 18px rgb(20 20 20 / 5%);
}

.headerLink { letter-spacing: .035em; }
.headerContact {
  background: var(--brand-orange);
  color: #fff;
  border-radius: 3px;
}

.bannerContentSection, .overviewSection, .map-section,
.quotePopupContent, .firstFormPopupContent {
  background: #fff;
}

.bannerMainTitle, .bannerPrice, .quoteTitle, .price-title,
.aboutSection .floorPlanSectionTitle, .tourHeading, .tyTitle,
.amenitiesTitle, .galleryTitle, .highlightsTitle, .map-title,
.overviewTitle, .floorPlanSectionTitle {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--brand-ink);
  font-weight: 500;
  letter-spacing: .025em;
}

.price-title, .aboutSection .floorPlanSectionTitle, .tourHeading,
.amenitiesTitle, .galleryTitle, .highlightsTitle, .map-title,
.overviewTitle, .floorPlanSectionTitle {
  text-transform: uppercase;
}

.bannerPrice { color: var(--colorPrimary); }
.bannerOffer {
  background: #fff2eb;
  border: 1px solid #f2c5b4;
  border-radius: 3px;
}

.quoteForm, .price-card, .floorPlanCard, .tourColumn, .tyCard {
  background: #fff;
  border: 1px solid var(--brand-border);
  border-radius: 6px;
  box-shadow: 0 8px 28px rgb(20 20 20 / 6%);
}

.quoteForm { border-top: 3px solid var(--brand-orange); }
.price-card::before, .tyCard::before { background: var(--brand-orange); }
.price-card:hover, .floorPlanCard:hover, .tourColumn:hover {
  background: #fff;
  border-color: var(--brand-orange);
  box-shadow: 0 12px 30px rgb(20 20 20 / 10%);
}

.quoteInput, .quotePhoneInput, .quoteSelect {
  border: 1px solid #c9c5c0;
  border-radius: 3px;
  background: #fff;
  color: #222;
}

.quoteInput:focus, .quotePhoneInput:focus, .quoteSelect:focus {
  border-color: var(--colorPrimary);
  box-shadow: 0 0 0 3px rgb(240 89 35 / 15%);
}

.quoteCheckboxWrapper, .tyMessage, .tyPhoneRow, .tyAssistText,
.tyIvrText, .tyFooter { color: var(--brand-muted); }

.quoteSubmit, .tyBtnCall {
  background: var(--brand-orange);
  color: var(--brand-ink);
  border-radius: 3px;
}

.quoteSubmit:hover, .tyBtnCall:hover, .headerContact:hover {
  background: #ff733f;
  color: var(--brand-ink);
  box-shadow: 0 5px 18px rgb(240 89 35 / 18%);
}

.price-row { border-bottom-color: var(--brand-border); }
.map-dropdown, .emi-summary-card, .emi-chart-panel {
  border-color: var(--brand-border);
  border-radius: 6px;
  background: var(--bodyColorSecondary);
}

.map-image-container, .tourVideoWrapper {
  border-color: var(--brand-border);
  box-shadow: 0 8px 24px rgb(20 20 20 / 8%);
}

.connectivity-item:hover { background: #fff2eb; }
.emi-summary-label, .emi-results-tag { color: var(--colorPrimary); }
.emi-input-wrap input { background: #eeebe7; }

.footerContainer {
  --colorText: #eee;
  --colorPrimary: #ff956e;
  background: #141414;
  border-top: 3px solid var(--brand-orange);
}

.mobileBottomBar, .callButton, .pdfButton {
  border-color: var(--brand-border);
}
.sidedownloadBtn { background: #fff; }
.tyCheckCircle { filter: none; }
.tyDivider { background: var(--brand-border); }
.tyFooter { border-top: 1px solid var(--brand-border); }
.tyMain { background: #f5f3f0; }

.ppbox {
  max-width: 1000px;
  margin: 0 auto;
  padding: 48px 24px;
  line-height: 1.7;
}
.ppbox h2 { color: var(--brand-ink); font-weight: 500; }
.ppbox h3 { color: var(--brand-ink); margin-top: 28px; }
.ppbox a { color: var(--colorPrimary); }

input[type="checkbox"] { accent-color: var(--colorPrimary); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--colorPrimary);
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .headerNav { background: #fff; }
  .ppbox { padding: 32px 20px; }
  .ppbox h2 { font-size: 2rem; }
}