/*
 * XAN Office v1.4.61.316
 * MenkulEX v1.5.21 kaynak sözleşmesinden uyarlanmış profesyonel harita,
 * şehir rehberi kartı, checklist ve CTA standardı.
 */

body.xanoffice-v316-professional {
  --xan316-petrol-950: #0d333a;
  --xan316-petrol-900: #123d45;
  --xan316-petrol-800: #174851;
  --xan316-petrol-700: #205058;
  --xan316-petrol-600: #2a6570;
  --xan316-ink: #173f47;
  --xan316-copy: #526b70;
  --xan316-soft: #eef6f7;
  --xan316-line: rgba(32,80,88,.14);
  --xan316-shadow: 0 18px 44px rgba(17,57,64,.10);
  --xan316-shadow-hover: 0 20px 42px rgba(18,61,69,.25);
}

/* -------------------------------------------------------------------------
   Explicit premium action contract — proven selectors, no broad button guess.
   ------------------------------------------------------------------------- */
body.xanoffice-v316-professional :is(
  .xan316-cta,
  .xan-cg__btn,
  .xan-v297-btn,
  .mxh-v297-btn,
  .mxh-btn,
  .xan-seo-btn,
  .xan-v314-mobile-login
) {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 11px 20px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 14px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-image: linear-gradient(115deg,var(--xan316-petrol-950) 0%,var(--xan316-petrol-700) 38%,#397783 53%,var(--xan316-petrol-700) 68%,var(--xan316-petrol-900) 100%) !important;
  background-size: 220% 100% !important;
  background-position: 0 0 !important;
  box-shadow: 0 12px 27px rgba(18,61,69,.20), inset 0 1px 0 rgba(255,255,255,.18) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: 0 1px 2px rgba(5,30,35,.25) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  transform: translateZ(0) scale(1) !important;
  transform-origin: center !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-position .35s ease !important;
}
body.xanoffice-v316-professional :is(
  .xan316-cta,.xan-cg__btn,.xan-v297-btn,.mxh-v297-btn,.mxh-btn,.xan-seo-btn,.xan-v314-mobile-login
)::before,
body.xanoffice-v316-professional :is(
  .xan316-cta,.xan-cg__btn,.xan-v297-btn,.mxh-v297-btn,.mxh-btn,.xan-seo-btn,.xan-v314-mobile-login
)::after {
  display: none !important;
  content: none !important;
}
body.xanoffice-v316-professional :is(
  .xan316-cta,.xan-cg__btn,.xan-v297-btn,.mxh-v297-btn,.mxh-btn,.xan-seo-btn,.xan-v314-mobile-login
) :where(span,strong,b,small,em,i,svg,path,use) {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
body.xanoffice-v316-professional .xan316-cta--glass {
  border-color: rgba(255,255,255,.58) !important;
  background-image: linear-gradient(115deg,rgba(12,54,63,.56),rgba(32,80,88,.72),rgba(74,131,142,.76),rgba(20,72,82,.72)) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
  box-shadow: 0 12px 28px rgba(4,28,34,.25), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
@media (hover:hover) and (pointer:fine) {
  body.xanoffice-v316-professional :is(
    .xan316-cta,.xan-cg__btn,.xan-v297-btn,.mxh-v297-btn,.mxh-btn,.xan-seo-btn,.xan-v314-mobile-login
  ):hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-position: 100% 0 !important;
    filter: brightness(1.10) saturate(1.04) !important;
    transform: translateY(-2px) scale(1.022) !important;
    box-shadow: var(--xan316-shadow-hover), 0 0 0 3px rgba(42,101,112,.11), inset 0 1px 0 rgba(255,255,255,.26) !important;
  }
}
body.xanoffice-v316-professional :is(
  .xan316-cta,.xan-cg__btn,.xan-v297-btn,.mxh-v297-btn,.mxh-btn,.xan-seo-btn,.xan-v314-mobile-login
):active {
  transform: translateY(0) scale(.98) !important;
  box-shadow: 0 8px 18px rgba(18,61,69,.18) !important;
}
body.xanoffice-v316-professional :is(
  .xan316-cta,.xan-cg__btn,.xan-v297-btn,.mxh-v297-btn,.mxh-btn,.xan-seo-btn,.xan-v314-mobile-login
):focus-visible {
  outline: 3px solid rgba(42,101,112,.34) !important;
  outline-offset: 3px !important;
}

/* Controls are not CTA buttons. */
body.xanoffice-v316-professional :is(
  .xan-v310-city-option,.xan-v310-city-search-toggle,
  .xan-v263-mobile-header__menu,.xan-v263-mobile-drawer__head button,
  [role="tab"],[role="option"]
) {
  text-shadow: none !important;
  transform: none !important;
}

/* -------------------------------------------------------------------------
   Confirmed light and dark city-guide surfaces.
   ------------------------------------------------------------------------- */
body.xanoffice-v316-professional :is(.xan316-light-panel,.xan316-stat-card) {
  color: var(--xan316-copy) !important;
}
body.xanoffice-v316-professional :is(.xan316-light-panel,.xan316-stat-card) :where(h1,h2,h3,h4,h5,strong,b) {
  color: var(--xan316-ink) !important;
  -webkit-text-fill-color: var(--xan316-ink) !important;
  opacity: 1 !important;
}
body.xanoffice-v316-professional :is(.xan316-light-panel,.xan316-stat-card) :where(p,li,span,small,label,em) {
  color: var(--xan316-copy) !important;
  -webkit-text-fill-color: var(--xan316-copy) !important;
  opacity: 1 !important;
}
body.xanoffice-v316-professional :is(.xan316-dark-panel,.xan316-career-card,.xan316-region-card,.xan316-promo-card) {
  color: #fff !important;
}
body.xanoffice-v316-professional :is(.xan316-dark-panel,.xan316-career-card,.xan316-region-card,.xan316-promo-card) :where(h1,h2,h3,h4,h5,strong,b,a) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}
body.xanoffice-v316-professional :is(.xan316-dark-panel,.xan316-career-card,.xan316-region-card,.xan316-promo-card) :where(p,li,span,small,label,em) {
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
  opacity: 1 !important;
}

body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-light-panel {
  border: 1px solid var(--xan316-line) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: var(--xan316-shadow) !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-stat-card,
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg__hero-facts > *,
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg__hero-topics > *,
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg__hero-badges > * {
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 14px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(145deg,var(--xan316-petrol-900),var(--xan316-petrol-700)) !important;
  box-shadow: 0 10px 24px rgba(7,35,41,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(.xan316-stat-card,.xan-cg__hero-facts > *,.xan-cg__hero-topics > *,.xan-cg__hero-badges > *) :where(h1,h2,h3,h4,p,span,strong,b,small) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}

/* Official links deliberately remain readable light rows, with petrol icon. */
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-panel {
  padding: clamp(22px,3vw,36px) !important;
  border: 1px solid var(--xan316-line) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: var(--xan316-shadow) !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-panel :where(h1,h2,h3,h4,p) {
  color: var(--xan316-ink) !important;
  -webkit-text-fill-color: var(--xan316-ink) !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-link {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  min-height: 58px !important;
  margin: 0 0 10px !important;
  padding: 13px 14px 13px 17px !important;
  border: 1px solid rgba(32,80,88,.15) !important;
  border-radius: 14px !important;
  color: var(--xan316-ink) !important;
  -webkit-text-fill-color: var(--xan316-ink) !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(18,61,69,.07) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transform: none !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-link::before {
  display: none !important;
  content: none !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-link::after {
  content: "↗" !important;
  position: static !important;
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--xan316-petrol-700) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  opacity: 1 !important;
}
@media (hover:hover) and (pointer:fine) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-link:hover {
    border-color: rgba(32,80,88,.42) !important;
    color: var(--xan316-petrol-700) !important;
    -webkit-text-fill-color: var(--xan316-petrol-700) !important;
    background: var(--xan316-soft) !important;
    box-shadow: 0 12px 28px rgba(18,61,69,.12) !important;
    transform: translateY(-1px) !important;
  }
}

/* Exactly one checklist mark — old empty white boxes are hidden. */
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  padding-inline-start: 16px !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item::before,
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item::after {
  display: none !important;
  content: none !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-icon {
  grid-column: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 9px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(145deg,var(--xan316-petrol-700),var(--xan316-petrol-600)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 18px rgba(8,43,50,.22) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  opacity: 1 !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-icon::before {
  content: "✓" !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-artifact,
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item > :not(.xan316-check-icon):not(.xan316-check-artifact) {
  grid-column: 2 !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item :where(p,span,strong,b,small) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
}

/* Unique card media with restrained overlays, copied from the proven pattern. */
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(.xan316-career-card,.xan316-region-card,.xan316-promo-card) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 22px !important;
  color: #fff !important;
  background-color: var(--xan316-petrol-900) !important;
  background-image:
    linear-gradient(180deg,rgba(5,28,34,.07),rgba(5,28,34,.23) 42%,rgba(5,28,34,.78) 100%),
    var(--xan316-card-image) !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 16px 36px rgba(13,47,53,.15) !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-career-card { min-height: 300px !important; }
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-region-card { min-height: 230px !important; }
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-promo-card { min-height: 360px !important; }
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(.xan316-career-card,.xan316-region-card,.xan316-promo-card) > :where(img,picture,[class*="media"],[class*="image"]) {
  opacity: 0 !important;
  pointer-events: none !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(.xan316-career-card,.xan316-region-card,.xan316-promo-card) :where(h1,h2,h3,h4,h5,strong,b,a) {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: 0 2px 6px rgba(3,26,31,.48) !important;
  opacity: 1 !important;
}
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(.xan316-career-card,.xan316-region-card,.xan316-promo-card) :where(p,span,small,li) {
  position: relative !important;
  z-index: 2 !important;
  color: rgba(255,255,255,.94) !important;
  -webkit-text-fill-color: rgba(255,255,255,.94) !important;
  text-shadow: 0 2px 6px rgba(3,26,31,.45) !important;
  opacity: 1 !important;
}
@media (hover:hover) and (pointer:fine) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(.xan316-career-card,.xan316-region-card,.xan316-promo-card):hover {
    background-size: 104% !important;
    box-shadow: 0 22px 48px rgba(13,47,53,.22) !important;
    transform: translateY(-2px) !important;
  }
}

/* -------------------------------------------------------------------------
   Province typography and responsive collision contract.
   ------------------------------------------------------------------------- */
body.xanoffice-v316-professional .xan-svg-province-label {
  pointer-events: none !important;
  fill: #174851 !important;
  stroke: rgba(255,255,255,.95) !important;
  stroke-width: 2.4px !important;
  paint-order: stroke fill !important;
  font-family: Aptos, "Segoe UI", system-ui, -apple-system, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-anchor: middle !important;
  dominant-baseline: central !important;
  text-rendering: geometricPrecision !important;
}
body.xanoffice-v316-professional .xan-svg-province-label.is-long { font-size: 13.2px !important; }
body.xanoffice-v316-professional .xan-svg-province-label.is-very-long { font-size: 11.8px !important; }
body.xanoffice-v316-professional .xan-svg-province-label.is-dense { font-size: 12.2px !important; }
body.xanoffice-v316-professional .xan-svg-province-label.is-colliding { font-size: 10.8px !important; stroke-width: 2.1px !important; }
body.xanoffice-v316-professional .xan-svg-province-label.is-responsive-hidden,
body.xanoffice-v316-professional .xan-svg-province-label.is-hidden-collision { display: none !important; }
body.xanoffice-v316-professional .xan-svg-province-link.xan-svg-office-link .xan-svg-province-label,
body.xanoffice-v316-professional .xan-svg-province-label--inverse {
  fill: #fff !important;
  stroke: rgba(18,61,69,.78) !important;
}
body.xanoffice-v316-professional .xan-svg-province-link:hover .xan-svg-province-label,
body.xanoffice-v316-professional .xan-svg-province-link:focus-visible .xan-svg-province-label {
  fill: #fff !important;
  color: #fff !important;
  stroke: rgba(18,61,69,.94) !important;
  stroke-width: 3px !important;
  -webkit-text-fill-color: #fff !important;
}

/* City selector typography also follows the verified pattern. */
body.xanoffice-v316-professional button.xan-v310-city-option {
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 10px 13px !important;
  border-radius: 10px !important;
  color: var(--xan316-ink) !important;
  -webkit-text-fill-color: var(--xan316-ink) !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  transform: none !important;
}
body.xanoffice-v316-professional button.xan-v310-city-option b {
  color: var(--xan316-petrol-700) !important;
  -webkit-text-fill-color: var(--xan316-petrol-700) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}
body.xanoffice-v316-professional button.xan-v310-city-option span {
  color: var(--xan316-ink) !important;
  -webkit-text-fill-color: var(--xan316-ink) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
body.xanoffice-v316-professional button.xan-v310-city-option:hover,
body.xanoffice-v316-professional button.xan-v310-city-option:focus-visible,
body.xanoffice-v316-professional button.xan-v310-city-option[aria-selected="true"] {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(135deg,var(--xan316-petrol-900),var(--xan316-petrol-600)) !important;
  transform: none !important;
}
body.xanoffice-v316-professional button.xan-v310-city-option:hover :where(b,span),
body.xanoffice-v316-professional button.xan-v310-city-option:focus-visible :where(b,span),
body.xanoffice-v316-professional button.xan-v310-city-option[aria-selected="true"] :where(b,span) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  body.xanoffice-v316-professional .xan-svg-province-label {
    font-size: 22px !important;
    font-weight: 500 !important;
    stroke-width: 3.5px !important;
  }
  body.xanoffice-v316-professional .xan-svg-province-label.is-long { font-size: 18px !important; }
  body.xanoffice-v316-professional .xan-svg-province-label.is-very-long { font-size: 15.5px !important; }
  body.xanoffice-v316-professional .xan-svg-province-label.is-dense { font-size: 16px !important; }
}
@media (max-width: 767px) {
  body.xanoffice-v316-professional .xan-svg-province-label {
    font-size: 31px !important;
    font-weight: 500 !important;
    stroke-width: 4.7px !important;
  }
  body.xanoffice-v316-professional .xan-svg-province-label.is-long { font-size: 25px !important; }
  body.xanoffice-v316-professional .xan-svg-province-label.is-very-long { font-size: 21px !important; }
  body.xanoffice-v316-professional .xan-svg-province-label.is-dense { font-size: 22px !important; }
  body.xanoffice-v316-professional .xan-svg-province-label.is-colliding { font-size: 20px !important; stroke-width: 4px !important; }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-panel {
    padding: 18px 14px !important;
  }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-official-link {
    min-height: 54px !important;
    padding: 11px 12px !important;
  }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item {
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: 10px !important;
    padding-inline-start: 12px !important;
  }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(.xan316-career-card,.xan316-region-card,.xan316-promo-card) {
    min-height: 220px !important;
    border-radius: 18px !important;
  }
  body.xanoffice-v316-professional .xan316-cta {
    width: 100% !important;
    min-height: 48px !important;
  }
}

@media (hover:none), (pointer:coarse), (prefers-reduced-motion: reduce) {
  body.xanoffice-v316-professional :is(.xan316-cta,.xan-cg__btn,.xan-v297-btn,.mxh-v297-btn,.mxh-btn,.xan-seo-btn,.xan316-career-card,.xan316-region-card,.xan316-promo-card) {
    transform: none !important;
    transition-duration: .01ms !important;
  }
}