/* ==========================================================================================================
   dn-site-2026.css — the approved 2026 redesign, shared parts (owner 2026-10-10, design: dandelion-redesign-html/README.md).
   Binding tokens: ink #131313 · bone #F5F0E6 · paper #FFFDF8 · gold #A28C3E (lines/icons only) · warm gold #C7A74D ·
   dark-gold text #6E5C22 · warm grey #69645D · WhatsApp #25D366 (with ink text). Manrope (EN), Vazirmatn (FA), IBM Plex Sans Arabic (AR).
   This file styles the HEADER (the Zoho header kept, re-skinned to Header.dc.html) and the FOOTER (rebuilt by js/dn-site-2026.js
   from Footer.dc.html) on every page, plus the floating contact button. Page bodies are restyled page by page.
   ========================================================================================================== */
:root {
  --dn26-ink: #131313; --dn26-bone: #F5F0E6; --dn26-paper: #FFFDF8; --dn26-gold: #A28C3E; --dn26-gold-warm: #C7A74D;
  --dn26-gold-ink: #6E5C22; --dn26-grey: #69645D; --dn26-line: #E7DFCF; --dn26-line-gold: #C9BC8F; --dn26-wa: #25D366;
  --dn26-font: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
html[lang^="fa"], html[dir="rtl"]:not([lang^="ar"]) { --dn26-font: "Vazirmatn", system-ui, Tahoma, Arial, sans-serif; }
html[lang^="ar"] { --dn26-font: "IBM Plex Sans Arabic", "Vazirmatn", system-ui, Tahoma, Arial, sans-serif; }

/* ---------- Header (Header.dc.html) ---------- */
html body .zpheader-style-04.theme-header-fixed, html body [data-headercontainer] > .theme-header-fixed { background: var(--dn26-bone) !important; }
html body .theme-header > .zpcontainer, html body .theme-header > .zpcontainer:not(.theme-responsive-menu-area) { background: transparent !important; box-shadow: none !important; }
html body .theme-header {
  background: var(--dn26-bone) !important;
  border-bottom: 1px solid #E3D9C4 !important;
  box-shadow: none !important;
}
html body .theme-header > .zpcontainer:not(.theme-responsive-menu-area) {
  max-width: 1280px !important; width: 100% !important; min-height: 76px !important;
  padding-inline: 32px !important; box-sizing: border-box !important; gap: 28px;
  display: flex !important; align-items: center !important;
}
html body .theme-header .theme-logo-parent img,
html body .theme-header img[data-zs-logo] { height: 52px !important; width: auto !important; max-height: 52px !important; }
html body .theme-header .theme-menu > ul > li > a,
html body .theme-header .theme-menu > ul > li > a .theme-menu-name {
  font-family: var(--dn26-font) !important; font-size: 14px !important; font-weight: 700 !important; color: var(--dn26-ink) !important;
  letter-spacing: 0 !important; text-transform: none !important;
}
html body .theme-header .theme-menu > ul > li > a { padding: 4px 0 !important; border-bottom: 2px solid transparent !important; background: none !important; }
html body .theme-header .theme-menu > ul > li { margin-inline-end: 18px !important; }
html body .theme-header .theme-menu > ul > li.theme-menu-selected > a { border-bottom-color: var(--dn26-gold) !important; }
html body .theme-header .theme-menu > ul > li.theme-menu-selected > a::after,
html body .theme-header .theme-menu > ul > li > a::after { display: none !important; }
html body .theme-header .theme-menu > ul > li > a:hover { border-bottom-color: var(--dn26-line-gold) !important; }
html body .theme-header .theme-menu li[data-dn-sub] > a .theme-sub-li-menu { border-color: var(--dn26-gold) !important; }
/* the Tools drop-down */
html body .theme-header .theme-menu li[data-dn-sub] > ul.theme-sub-menu {
  background: var(--dn26-paper) !important; border: 1px solid var(--dn26-line) !important; border-radius: 12px !important;
  box-shadow: 0 18px 40px -18px rgba(19,19,19,.28) !important;
}
html body .theme-header .theme-menu li[data-dn-sub] > ul.theme-sub-menu > li > a { font-family: var(--dn26-font) !important; font-size: 14px !important; font-weight: 700 !important; color: var(--dn26-ink) !important; }
html body .theme-header .theme-menu li[data-dn-sub] > ul.theme-sub-menu > li > a:hover { background: var(--dn26-bone) !important; }
/* language pills: EN · FA · AR, the current one ink (desktop; the phone header keeps its own segmented control) */
@media (min-width: 901px) {
html body .dn-header-lang a, html body .dn-header-lang button, html body .dn-header-lang span[aria-current] {
  font-family: var(--dn26-font) !important; font-size: 13px !important; font-weight: 800 !important; color: var(--dn26-ink) !important;
  border-radius: 999px !important; padding: 7px 10px !important; background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html body .dn-header-lang [aria-current], html body .dn-header-lang .is-active, html body .dn-header-lang .active {
  background: var(--dn26-ink) !important; color: var(--dn26-bone) !important; padding: 7px 12px !important;
}
html body .dn-header-lang { background: transparent !important; border: 0 !important; box-shadow: none !important; }
}
html body .theme-header-topbar { background: var(--dn26-bone) !important; }

/* ---------- Footer (Footer.dc.html) ---------- */
html body .theme-footer-area.dn26-footer-on { background: var(--dn26-ink) !important; padding: 0 !important; }
html body .theme-footer-area.dn26-footer-on > :not(.dn26-footer) { display: none !important; }
.dn26-footer { background: var(--dn26-ink); color: #E7DFCF; font-family: var(--dn26-font); }
.dn26-footer * { box-sizing: border-box; }
.dn26-footer a { color: #E7DFCF; text-decoration: none; }
.dn26-footer a:hover { color: var(--dn26-gold-warm); }
.dn26-footer a:focus-visible { outline: 2px solid var(--dn26-gold-warm); outline-offset: 3px; border-radius: 4px; }
.dn26-foot-in { max-width: 1280px; margin: 0 auto; padding: 72px 32px 0; display: flex; gap: 56px; flex-wrap: wrap; }
.dn26-foot-brand { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.dn26-foot-brand img { height: 110px; width: auto; align-self: flex-start; }
.dn26-foot-tag { margin: 0; color: var(--dn26-gold-warm); font-size: 17px; font-weight: 800; }
.dn26-foot-text { margin: 0; color: #B6AE9C; font-size: 14px; line-height: 1.7; font-weight: 500; max-width: 46ch; }
.dn26-foot-social { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; font-weight: 700; }
.dn26-foot-links { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.dn26-foot-contact { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.dn26-footer h3 { margin: 0; color: var(--dn26-paper); font-size: 15px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; font-family: var(--dn26-font); }
html[dir="rtl"] .dn26-footer h3 { letter-spacing: 0; }
.dn26-foot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; font-size: 14px; font-weight: 600; }
.dn26-foot-contact a { font-size: 14px; font-weight: 600; }
.dn26-foot-contact p { margin: 0; color: #B6AE9C; font-size: 14px; line-height: 1.7; font-weight: 500; }
.dn26-foot-contact .dn26-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.dn26-foot-bottom { max-width: 1280px; margin: 48px auto 0; padding: 32px; border-top: 1px solid rgba(162,140,62,.3); display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.dn26-foot-bottom p { margin: 0; color: #9B948A; font-size: 13px; font-weight: 500; }
/* the crawl index ("Browse everything") lives in the footer's bottom row */
.dn26-foot-bottom nav.dn-seo-index { margin-inline-start: auto !important; display: flex !important; align-items: center; gap: 14px; flex-wrap: wrap; padding: 0 !important; border: 0 !important; background: none !important; max-width: none !important; }
.dn26-foot-bottom nav.dn-seo-index h2 { margin: 0 !important; color: #9B948A !important; font: 700 13px/1.4 var(--dn26-font) !important; letter-spacing: .08em; text-transform: uppercase; }
html[dir="rtl"] .dn26-foot-bottom nav.dn-seo-index h2 { letter-spacing: 0; }
.dn26-foot-bottom nav.dn-seo-index h2::after { content: ":"; }
.dn26-foot-bottom nav.dn-seo-index ul { display: flex !important; gap: 14px; flex-wrap: wrap; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.dn26-foot-bottom nav.dn-seo-index a { color: #E7DFCF !important; font: 700 13px/1.4 var(--dn26-font) !important; text-decoration: none !important; }
.dn26-foot-bottom nav.dn-seo-index a:hover { color: var(--dn26-gold-warm) !important; }
body > nav.dn-seo-index.dn26-moved { display: none !important; }
@media (max-width: 760px) {
  .dn26-foot-in { padding: 48px 20px 0; gap: 36px; }
  .dn26-foot-brand img { height: 84px; }
  .dn26-foot-bottom { padding: 24px 20px; margin-top: 32px; }
  .dn26-foot-bottom nav.dn-seo-index { margin-inline-start: 0 !important; }
}

/* shield the new footer from the legacy .theme-footer-area rules (font sizes, 40px min-heights, ltr phone links) */
html body .theme-footer-area .dn26-footer :is(p, a, h3, span, div, nav) { min-height: 0 !important; letter-spacing: normal; }
html body .theme-footer-area .dn26-footer .dn26-foot-text,
html body .theme-footer-area .dn26-footer .dn26-foot-contact p { font-size: 14px !important; line-height: 1.7 !important; color: #B6AE9C !important; margin: 0 !important; text-align: start !important; }
html body .theme-footer-area .dn26-footer .dn26-foot-tag { font-size: 17px !important; line-height: 1.4 !important; color: var(--dn26-gold-warm) !important; font-weight: 800 !important; margin: 0 !important; }
html body .theme-footer-area .dn26-footer h3 { font-size: 15px !important; line-height: 1.4 !important; color: var(--dn26-paper) !important; font-weight: 800 !important; margin: 0 !important; letter-spacing: .1em !important; }
html[dir="rtl"] body .theme-footer-area .dn26-footer h3 { letter-spacing: 0 !important; }
html body .theme-footer-area .dn26-footer .dn26-foot-grid a,
html body .theme-footer-area .dn26-footer .dn26-foot-contact a,
html body .theme-footer-area .dn26-footer .dn26-foot-social a {
  display: inline-flex !important; align-items: center !important; min-height: 32px !important; padding: 0 !important; margin: 0 !important;
  font-size: 14px !important; line-height: 1.4 !important; font-weight: 600 !important; color: #E7DFCF !important; text-decoration: none !important;
  direction: inherit !important; text-align: start !important; background: none !important; border: 0 !important; justify-self: start; align-self: flex-start;
}
html body .theme-footer-area .dn26-footer a:hover { color: var(--dn26-gold-warm) !important; }
html body .theme-footer-area .dn26-footer .dn26-foot-grid { gap: 4px 24px !important; }
html body .theme-footer-area .dn26-footer .dn26-foot-contact { gap: 10px !important; }
html body .theme-footer-area .dn26-footer .dn26-foot-bottom p { font-size: 13px !important; line-height: 1.6 !important; color: #9B948A !important; margin: 0 !important; }
html body .dn26-foot-bottom nav.dn-seo-index h2::after { content: ":" !important; background: none !important; width: auto !important; height: auto !important; position: static !important; display: inline !important; color: inherit !important; }
html body .dn26-foot-bottom nav.dn-seo-index h2::before { display: none !important; }
html body .dn26-foot-bottom nav.dn-seo-index li { margin: 0 !important; padding: 0 !important; }
html body .dn26-foot-bottom nav.dn-seo-index li::before, html body .dn26-foot-bottom nav.dn-seo-index li::marker { content: none !important; }
html body .theme-footer-area .dn26-footer .dn26-foot-bottom nav.dn-seo-index a { min-height: 32px !important; display: inline-flex !important; align-items: center !important; }
/* the floating Contact button's reserve moves from <body> (a white strip under the ink footer) into the footer itself */
html body:has(.dn26-footer-on) { padding-bottom: 0 !important; }
html body .theme-footer-area .dn26-footer .dn26-foot-bottom { padding-bottom: calc(var(--dn-ct-reserve, 72px) + 24px + env(safe-area-inset-bottom, 0px)) !important; }
@media (max-width: 900px) {
  /* full bleed past the 8px public gutter */
  html body .theme-footer-area.dn26-footer-on { width: 100vw !important; max-width: 100vw !important; margin-inline: calc(50% - 50vw) !important; }
}
@media (max-width: 760px) {
  html body .theme-footer-area .dn26-footer .dn26-foot-grid a { min-height: 40px !important; }
}

/* ---------- Floating contact (Main.dc.html) ---------- */
html body .dn-ct-trigger {
  background: var(--dn26-ink) !important; color: var(--dn26-bone) !important; border: 0 !important; border-radius: 999px !important;
  font-family: var(--dn26-font) !important; font-size: 14px !important; font-weight: 800 !important;
  box-shadow: 0 12px 32px rgba(19,19,19,.35) !important;
  outline: 1px solid rgba(199,167,77,.55) !important; outline-offset: -1px;
}
html body .dn-ct-trigger svg { color: var(--dn26-gold-warm) !important; stroke: currentColor; }

/* ---------- One type family per language (README: Manrope EN · Vazirmatn FA · IBM Plex Sans Arabic AR) ---------- */
html[lang][lang] body, html[lang][lang] body :is(h1, h2, h3, h4, h5, h6, p, a, li, span, div, label, button, input, select, textarea, small, strong, em, b, td, th, figcaption, blockquote),
html[lang][lang] #dn-visa-calc, html[lang][lang] #dn-visa-calc *,
html body, html body :is(h1, h2, h3, h4, h5, h6, p, a, li, span, div, label, button, input, select, textarea, small, strong, em, b, td, th, figcaption, blockquote) {
  font-family: var(--dn26-font) !important;
}
html body :is(code, pre, kbd, samp) { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; }

/* phone: the header fills the 8px public gutter on both sides (it showed white strips at the screen edges) */
@media (max-width: 900px) {
  html body .theme-header { box-shadow: -8px 0 0 var(--dn26-bone), 8px 0 0 var(--dn26-bone) !important; }
}

/* ---------- About us: "Our real estate services" (owner 2026-10-10 "this is broken": black slab, text on the edge, grey tiles).
   About.dc.html: one bone panel, the heading + intro + button on top, four paper cards in a row. Same element id on EN/FA/AR. ---------- */
html body .zpsection:has(> .zpcontainer > [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"]),
html body .zpcontainer:has(> [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"]) { background: transparent !important; background-image: none !important; box-shadow: none !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; align-items: start !important;
  background: var(--dn26-bone) !important; background-image: none !important; border: 0 !important; border-radius: 20px !important; box-shadow: none !important;
  padding: 56px 48px !important; margin: 0 auto !important; max-width: 1280px !important; box-sizing: border-box !important; overflow: visible !important;
}
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col { width: 100% !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important; min-height: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-5 { display: flex !important; flex-direction: column !important; gap: 14px !important; max-width: 760px !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-5 > * { margin: 0 !important; padding: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpelem-spacer { display: none !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] h2, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] h2 * {
  color: var(--dn26-ink) !important; font-size: 34px !important; line-height: 1.15 !important; font-weight: 800 !important; margin: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-5 p, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-5 p * {
  color: var(--dn26-grey) !important; font-size: 16px !important; line-height: 1.65 !important; font-weight: 500 !important; margin: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbutton { background: var(--dn26-ink) !important; color: var(--dn26-bone) !important; border: 1px solid var(--dn26-ink) !important;
  border-radius: 12px !important; min-height: 48px !important; padding: 0 24px !important; display: inline-flex !important; align-items: center !important; box-shadow: none !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbutton * { color: var(--dn26-bone) !important; font-weight: 800 !important; font-size: 14px !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbutton:hover { background: #2A2926 !important; }
/* the four services: one grid of paper cards (the two inner columns dissolve into it) */
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-7 > .zprow {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px !important;
  background: transparent !important; background-image: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-7 > .zprow > .zpelem-col { display: contents !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container {
  background: var(--dn26-paper) !important; background-image: none !important; border: 1px solid var(--dn26-line) !important; border-radius: 16px !important;
  padding: 24px !important; margin: 0 !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; gap: 8px !important;
  width: auto !important; height: auto !important; min-height: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container > * { margin: 0 !important; padding: 0 !important; width: auto !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container h5, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container h5 * {
  color: var(--dn26-ink) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.3 !important; margin: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container p, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container p * {
  color: var(--dn26-grey) !important; font-size: 14px !important; line-height: 1.6 !important; font-weight: 500 !important; margin: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container p:empty { display: none !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container .zpelem-image { display: none !important; }
@media (max-width: 1100px) {
  html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-7 > .zprow { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] { padding: 32px 20px !important; border-radius: 16px !important; gap: 22px !important; }
  html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] h2, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] h2 * { font-size: 26px !important; }
  html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-7 > .zprow { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container { padding: 20px !important; }
}
/* the theme's clearfix ::before/::after would take grid cells (two cards per row instead of four) */
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"]::before, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"]::after,
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zprow::before, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zprow::after,
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpelem-col::before, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpelem-col::after { display: none !important; content: none !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container { grid-column: auto !important; grid-row: auto !important; }
/* reading order Buying, Leasing, Off-plan, Investment (the theme stores them column by column); no leftover fixed height */
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpelem-col:nth-child(1 of .zpelem-col) > .zpbox-container:nth-child(1 of .zpbox-container) { order: 1 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpelem-col:nth-child(2 of .zpelem-col) > .zpbox-container:nth-child(1 of .zpbox-container) { order: 2 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpelem-col:nth-child(1 of .zpelem-col) > .zpbox-container:nth-child(2 of .zpbox-container) { order: 3 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpelem-col:nth-child(2 of .zpelem-col) > .zpbox-container:nth-child(2 of .zpbox-container) { order: 4 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"], html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zprow, html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col { height: auto !important; min-height: 0 !important; }
html body .zpsection:has([data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"]), html body .zpcontainer:has(> [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"]) { height: auto !important; min-height: 0 !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] > .zpelem-col.zpcol-md-7 > .zprow { grid-template-rows: none !important; grid-auto-rows: auto !important; align-items: stretch !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] { grid-template-rows: none !important; }
html body [data-element-id="elm_0Yan7JiW1fd4syNW6MRJaQ"] .zpbox-container { justify-content: flex-start !important; align-items: stretch !important; }