@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap");

:root {
  --shell-black: #070707;
  --shell-gold: #d8ad5a;
  --shell-gold-soft: #e2bd72;
}

.global-site-header {
  position: relative !important;
  inset: auto !important;
  z-index: 5000 !important;
  width: 100% !important;
  min-height: 96px !important;
  height: auto !important;
  padding: 16px 3.4vw !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto minmax(180px, 1fr) !important;
  align-items: center !important;
  gap: 22px !important;
  background: var(--shell-black) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-family: "DM Sans", sans-serif !important;
}

.global-brand {
  width: fit-content !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  color: #fff !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
}

.global-brand-name {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  white-space: nowrap !important;
}

.global-brokerage-name {
  margin-top: 7px !important;
  color: var(--shell-gold-soft) !important;
  font-size: 7px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.global-license {
  margin-top: 5px !important;
  color: rgba(255,255,255,.66) !important;
  font-size: 7px !important;
  font-weight: 400 !important;
  letter-spacing: .12em !important;
}

.global-desktop-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 27px !important;
  white-space: nowrap !important;
}

.global-desktop-nav a {
  position: relative !important;
  color: rgba(255,255,255,.9) !important;
  text-decoration: none !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.global-desktop-nav a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 100% !important;
  bottom: -9px !important;
  height: 1px !important;
  background: var(--shell-gold) !important;
  transition: right .2s ease !important;
}

.global-desktop-nav a:hover::after,
.global-desktop-nav a.active::after {
  right: 0 !important;
}

.global-header-actions {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.global-signin,
.global-contact {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.global-contact {
  padding: 12px 16px !important;
  border: 1px solid rgba(216,173,90,.7) !important;
}

.global-contact:hover {
  background: var(--shell-gold) !important;
  color: #070707 !important;
}

.global-menu-toggle {
  display: none !important;
  width: 34px !important;
  height: 34px !important;
  padding: 5px !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

.global-menu-toggle span {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 5px 0 !important;
  background: #fff !important;
}

.global-mobile-nav {
  display: none;
  position: relative;
  z-index: 4999;
  padding: 8px 20px 20px;
  background: var(--shell-black);
  border-top: 1px solid rgba(255,255,255,.08);
}

.global-mobile-nav.open {
  display: grid !important;
}

.global-mobile-nav a {
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

/* The old oversized compliance banner is intentionally disabled if any
   stale copy survives in cached markup. Brokerage identification lives in
   the global header and full brokerage/contact information remains in footers. */
.stellar-brokerage-disclosure {
  display: none !important;
}

/* Keep any old page-specific header from creating a second visual bar. */
body > .about-header,
body > .account-header,
body > .area-header,
body > .areas-header,
body > .dashboard-header,
body > .legal-header,
body > .market-header,
body > .property-header,
body > .sell-header,
body > .value-header {
  display: none !important;
}

@media (max-width: 1100px) {
  .global-site-header {
    grid-template-columns: 1fr auto !important;
  }

  .global-desktop-nav {
    display: none !important;
  }

  .global-menu-toggle {
    display: block !important;
  }

  .global-contact {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .global-site-header {
    min-height: 108px !important;
    padding: 17px 20px !important;
  }

  .global-brand-name {
    font-size: 16px !important;
  }

  .global-brokerage-name {
    font-size: 6.5px !important;
    letter-spacing: .11em !important;
  }

  .global-license {
    font-size: 6.5px !important;
  }

  .global-signin {
    display: none !important;
  }

  .global-header-actions {
    gap: 8px !important;
  }
}

/* =========================================
   BROKERAGE PROMINENCE — STELLAR IDX REVIEW
   Yellowtail is intentionally at least as prominent as agent branding.
========================================= */
.global-brand-name {
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: .11em !important;
  order: 2 !important;
  margin-top: 5px !important;
}

.global-brokerage-name {
  margin-top: 0 !important;
  color: var(--shell-gold-soft) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: .10em !important;
  order: 1 !important;
}

.global-license {
  order: 3 !important;
  font-size: 7px !important;
}

/* Footer brokerage identification must not be visually subordinate to Dean. */
[class*="footer"] [class*="brokerage"] strong,
[class*="footer"] [class*="brokerage-name"],
.property-footer-brokerage strong,
.area-footer-brokerage strong {
  font-size: 13px !important;
  font-weight: 600 !important;
}

@media (max-width: 700px) {
  .global-brokerage-name { font-size: 15px !important; }
  .global-brand-name { font-size: 13px !important; }
}

/* =========================================================
   2026 STELLAR IDX BRANDING COMPLIANCE
   Yellowtail brokerage identity must be at least as prominent
   as the agent branding wherever both appear.
========================================================= */
.global-brokerage-name {
  font-size: 18px !important;
  line-height: 1.08 !important;
  letter-spacing: .105em !important;
  font-weight: 600 !important;
  margin-top: 5px !important;
}
.global-brand-name {
  font-size: 18px !important;
}
.footer-brokerage strong,
.area-footer-brokerage strong,
.property-footer-brokerage strong {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.footer-agent strong,
.area-footer > div:first-child > strong,
.property-footer > div:first-child > strong {
  font-size: 14px !important;
}
@media (max-width: 760px) {
  .global-brand-name,
  .global-brokerage-name { font-size: 13px !important; }
}


/* =========================================================
   V6 PERSONAL BRAND + IDX BROKERAGE COMPLIANCE
========================================================= */
.global-brand-zone{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important}
.global-brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;margin:0!important}
.global-personal-mark{display:block!important;width:48px!important;height:48px!important;flex:0 0 48px!important;object-fit:contain!important;border-radius:9px!important}
.global-brand-copy{display:flex!important;flex-direction:column!important;min-width:0!important}
.global-brand-name{order:initial!important;margin:0!important;font-size:15px!important;letter-spacing:.105em!important;line-height:1.05!important}
.global-license{order:initial!important;margin-top:5px!important;font-size:7px!important}
.global-brokerage-name{display:none!important}
.global-brokerage-compliance{min-height:48px!important;padding-left:17px!important;border-left:1px solid rgba(216,173,90,.55)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;color:#fff!important;white-space:nowrap!important}
.global-brokerage-compliance span{font-size:7px!important;letter-spacing:.16em!important;color:rgba(255,255,255,.58)!important}
.global-brokerage-compliance strong{font-size:15px!important;line-height:1.05!important;letter-spacing:.085em!important;color:var(--shell-gold-soft)!important;font-weight:600!important}
@media(max-width:760px){
 .global-site-header{min-height:92px!important;padding:12px 16px!important;grid-template-columns:minmax(0,1fr) auto!important}
 .global-brand-zone{gap:10px!important}
 .global-personal-mark{width:43px!important;height:43px!important;flex-basis:43px!important}
 .global-brand-name{font-size:12px!important;white-space:nowrap!important}
 .global-license{font-size:6px!important}
 .global-brokerage-compliance{padding-left:10px!important;min-height:43px!important;max-width:145px!important;white-space:normal!important}
 .global-brokerage-compliance span{font-size:5px!important}
 .global-brokerage-compliance strong{font-size:10px!important;line-height:1.08!important}
}

/* =========================================================
   V7 — REFINED GLOBAL BRAND / DESKTOP HEADER
   Clean responsive header; brokerage remains equally prominent.
========================================================= */
@media (min-width: 1101px) {
  .global-site-header {
    min-height: 88px !important;
    padding: 12px clamp(24px, 2.5vw, 44px) !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(18px, 2vw, 34px) !important;
  }
  .global-brand-zone {
    flex: 0 0 auto !important;
    gap: 14px !important;
    max-width: 430px !important;
  }
  .global-brand {
    flex: 0 0 auto !important;
    gap: 10px !important;
  }
  .global-personal-mark {
    width: 62px !important;
    height: 48px !important;
    flex: 0 0 62px !important;
    border-radius: 0 !important;
    object-fit: contain !important;
  }
  .global-brand-name {
    font-size: 15px !important;
    letter-spacing: .12em !important;
  }
  .global-license {
    margin-top: 4px !important;
    font-size: 6.5px !important;
  }
  .global-brokerage-compliance {
    min-height: 46px !important;
    padding-left: 14px !important;
    max-width: 190px !important;
    white-space: normal !important;
  }
  .global-brokerage-compliance span {
    font-size: 6px !important;
  }
  .global-brokerage-compliance strong {
    font-size: 14px !important;
    line-height: 1.08 !important;
    letter-spacing: .055em !important;
  }
  .global-desktop-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: clamp(11px, 1.25vw, 23px) !important;
  }
  .global-desktop-nav a {
    font-size: clamp(7px, .62vw, 9px) !important;
    letter-spacing: .09em !important;
  }
  .global-header-actions {
    flex: 0 0 auto !important;
    gap: 13px !important;
  }
  .global-contact {
    padding: 10px 13px !important;
  }
}

@media (min-width: 1101px) and (max-width: 1280px) {
  .global-desktop-nav a:nth-child(6),
  .global-desktop-nav a:nth-child(8) { display:none !important; }
}

@media (max-width: 760px) {
  .global-personal-mark {
    width: 56px !important;
    height: 40px !important;
    flex: 0 0 56px !important;
    border-radius: 0 !important;
  }
  .global-brand-zone { gap: 8px !important; }
  .global-brokerage-compliance {
    border-left-color: rgba(216,173,90,.65) !important;
  }
}


/* =========================================================
   V9 — APPROVED DD WORDMARK + COLLISION-PROOF GLOBAL HEADER
========================================================= */
.global-brand-market{display:block!important;margin-top:5px!important;color:var(--shell-gold-soft)!important;font-size:7.5px!important;font-weight:500!important;letter-spacing:.28em!important;line-height:1!important;text-transform:uppercase!important}
.global-personal-mark{object-fit:contain!important;border-radius:0!important}
.global-brokerage-compliance strong{white-space:normal!important}

@media (min-width:1101px){
  .global-site-header{
    min-height:92px!important;
    padding:12px clamp(24px,2.4vw,42px)!important;
    display:grid!important;
    grid-template-columns:minmax(430px,465px) minmax(0,1fr) auto!important;
    gap:clamp(18px,1.7vw,28px)!important;
    align-items:center!important;
  }
  .global-brand-zone{width:100%!important;max-width:465px!important;gap:16px!important}
  .global-brand{gap:12px!important;flex:0 0 auto!important}
  .global-personal-mark{width:66px!important;height:54px!important;flex:0 0 66px!important}
  .global-brand-name{font-size:16px!important;letter-spacing:.12em!important;line-height:1!important}
  .global-brand-market{font-size:7.5px!important;letter-spacing:.28em!important}
  .global-license{font-size:6px!important;margin-top:5px!important}
  .global-brokerage-compliance{
    flex:0 0 170px!important;width:170px!important;max-width:170px!important;
    min-height:50px!important;padding-left:15px!important;white-space:normal!important
  }
  .global-brokerage-compliance span{font-size:6px!important}
  .global-brokerage-compliance strong{font-size:14px!important;line-height:1.05!important;letter-spacing:.055em!important}
  .global-desktop-nav{min-width:0!important;gap:clamp(10px,1vw,19px)!important;justify-content:center!important}
  .global-desktop-nav a{font-size:clamp(7px,.56vw,8.5px)!important;letter-spacing:.085em!important}
  .global-header-actions{gap:12px!important}
  .global-contact{padding:10px 13px!important}
}
@media (min-width:1101px) and (max-width:1360px){
  .global-site-header{grid-template-columns:minmax(390px,430px) minmax(0,1fr) auto!important}
  .global-brand-zone{gap:12px!important}
  .global-personal-mark{width:58px!important;height:48px!important;flex-basis:58px!important}
  .global-brand-name{font-size:14px!important}
  .global-brokerage-compliance{width:156px!important;flex-basis:156px!important;padding-left:12px!important}
  .global-brokerage-compliance strong{font-size:12px!important}
  .global-desktop-nav a:nth-child(5), .global-desktop-nav a:nth-child(7){display:none!important}
}
@media(max-width:760px){
  .global-brand-market{font-size:5.5px!important;letter-spacing:.22em!important;margin-top:4px!important}
  .global-personal-mark{width:52px!important;height:42px!important;flex-basis:52px!important}
  .global-brokerage-compliance strong{font-size:9.5px!important;line-height:1.03!important}
}


/* =========================================================
   V10 — APPROVED DEAN DIAKONIS BRAND LOCKUP + CLEAN HEADER
   ========================================================= */
.global-site-header{
  min-height:96px!important;
  padding:12px clamp(18px,3vw,48px)!important;
  grid-template-columns:minmax(430px,500px) minmax(0,1fr) auto!important;
  gap:clamp(18px,2.2vw,34px)!important;
  overflow:visible!important;
}
.global-brand-zone{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  max-width:500px!important;
}
.global-brand{
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
}
.global-personal-logo{
  display:block!important;
  width:278px!important;
  max-width:100%!important;
  height:68px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.global-brand-copy,.global-personal-mark{display:none!important}
.global-brokerage-compliance{
  flex:0 0 170px!important;
  min-height:58px!important;
  padding-left:17px!important;
  border-left:1px solid rgba(216,173,90,.62)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  white-space:normal!important;
}
.global-brokerage-compliance span{
  color:rgba(255,255,255,.62)!important;
  font-size:6.5px!important;
  letter-spacing:.15em!important;
}
.global-brokerage-compliance strong{
  color:var(--shell-gold-soft)!important;
  font-size:13px!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
  font-weight:600!important;
}
.global-desktop-nav{gap:clamp(15px,1.35vw,25px)!important;min-width:0!important}
.global-desktop-nav a{font-size:8.5px!important;letter-spacing:.105em!important}
.global-header-actions{gap:14px!important}

@media (max-width: 1420px){
  .global-site-header{grid-template-columns:minmax(390px,455px) minmax(0,1fr) auto!important;gap:16px!important}
  .global-personal-logo{width:245px!important;height:62px!important}
  .global-brokerage-compliance{flex-basis:150px!important;padding-left:13px!important}
  .global-brokerage-compliance strong{font-size:11.5px!important}
  .global-desktop-nav{gap:14px!important}
  .global-desktop-nav a{font-size:7.7px!important}
  .global-desktop-nav a[href="/tools.html"],
  .global-desktop-nav a[href="/sell.html"]{display:none!important}
}
@media (max-width: 1180px){
  .global-site-header{grid-template-columns:minmax(360px,430px) minmax(0,1fr) auto!important}
  .global-personal-logo{width:225px!important;height:58px!important}
  .global-brokerage-compliance{flex-basis:142px!important}
  .global-desktop-nav a[href="/market.html"],
  .global-desktop-nav a[href="/about.html"]{display:none!important}
}
@media (max-width: 980px){
  .global-site-header{grid-template-columns:minmax(0,1fr) auto!important;min-height:84px!important;padding:10px 18px!important}
  .global-brand-zone{max-width:520px!important;gap:12px!important}
  .global-personal-logo{width:min(255px,50vw)!important;height:58px!important}
  .global-brokerage-compliance{flex-basis:145px!important;min-height:52px!important;padding-left:11px!important}
  .global-desktop-nav{display:none!important}
  .global-signin,.global-contact{display:none!important}
  .global-menu-toggle{display:flex!important}
}
@media (max-width: 640px){
  .global-site-header{min-height:78px!important;padding:8px 14px!important}
  .global-brand-zone{gap:9px!important}
  .global-personal-logo{width:min(205px,53vw)!important;height:51px!important}
  .global-brokerage-compliance{flex:0 0 118px!important;min-height:46px!important;padding-left:8px!important}
  .global-brokerage-compliance span{font-size:5px!important}
  .global-brokerage-compliance strong{font-size:8.5px!important;letter-spacing:.035em!important}
}
@media (max-width: 430px){
  .global-personal-logo{width:min(176px,50vw)!important;height:46px!important}
  .global-brokerage-compliance{flex-basis:104px!important}
  .global-brokerage-compliance strong{font-size:7.7px!important}
}


/* V57 consistent 3-line mobile menu icon */
@media (max-width:1180px){
  .global-menu-toggle,.mobile-menu-toggle{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:5px!important;width:42px!important;height:42px!important;padding:8px!important;border:0!important;background:transparent!important;
  }
  .global-menu-toggle span,.mobile-menu-toggle span{
    display:block!important;flex:0 0 auto!important;width:24px!important;height:2px!important;min-height:2px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:2px!important;background:#fff!important;opacity:1!important;transform:none!important;
  }
}