/*
 * XAN Office v1.4.61.323
 * Şehir rehberi kontrol yüzeyleri + mobil/tablet menü kesin düzeltmesi.
 */
:root {
  --xan323-petrol: #205058;
  --xan323-petrol-dark: #123d45;
  --xan323-petrol-light: #2a6570;
  --xan323-white: #ffffff;
}

/* Şehir rehberlerindeki sayı kartı, rozet, konu kapsülü ve butonlar. */
html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(
  .xan-cg__hero-facts > *,
  .xan-cg__hero-topics > *,
  .xan-cg__hero-badges > *,
  .xan-cg__hero-kickers > *,
  .xan316-stat-card
) {
  border: 1px solid rgba(255,255,255,.28) !important;
  background: linear-gradient(135deg, var(--xan323-petrol-dark) 0%, var(--xan323-petrol) 55%, var(--xan323-petrol-light) 100%) !important;
  color: var(--xan323-white) !important;
  -webkit-text-fill-color: var(--xan323-white) !important;
  box-shadow: 0 10px 24px rgba(18,61,69,.20), inset 0 1px 0 rgba(255,255,255,.13) !important;
  opacity: 1 !important;
}

html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(
  .xan-cg__hero-facts > *,
  .xan-cg__hero-topics > *,
  .xan-cg__hero-badges > *,
  .xan-cg__hero-kickers > *,
  .xan316-stat-card
) :where(h1,h2,h3,h4,strong,b,p,span,small,label,em,i,svg,path,use) {
  color: var(--xan323-white) !important;
  -webkit-text-fill-color: var(--xan323-white) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(
  .xan-cg__hero-actions a,
  .xan-cg__hero-actions button,
  .xan-cg__actions a,
  .xan-cg__actions button,
  .xan-cg__btn,
  .xan316-cta
):not(.xan316-official-link) {
  border: 1px solid rgba(255,255,255,.34) !important;
  background: linear-gradient(135deg, var(--xan323-petrol-dark) 0%, var(--xan323-petrol) 55%, var(--xan323-petrol-light) 100%) !important;
  color: var(--xan323-white) !important;
  -webkit-text-fill-color: var(--xan323-white) !important;
  box-shadow: 0 12px 28px rgba(18,61,69,.24), inset 0 1px 0 rgba(255,255,255,.15) !important;
  text-shadow: 0 1px 2px rgba(4,25,30,.24) !important;
  opacity: 1 !important;
}

html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(
  .xan-cg__hero-actions a,
  .xan-cg__hero-actions button,
  .xan-cg__actions a,
  .xan-cg__actions button,
  .xan-cg__btn,
  .xan316-cta
):not(.xan316-official-link) :where(span,strong,b,small,em,i,svg,path,use) {
  color: var(--xan323-white) !important;
  -webkit-text-fill-color: var(--xan323-white) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

@media (hover:hover) and (pointer:fine) {
  html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :is(
    .xan-cg__hero-actions a,
    .xan-cg__hero-actions button,
    .xan-cg__actions a,
    .xan-cg__actions button,
    .xan-cg__btn,
    .xan316-cta
  ):not(.xan316-official-link):hover {
    background: linear-gradient(135deg, #174851 0%, #2a6570 100%) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    filter: brightness(1.08) !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 17px 34px rgba(18,61,69,.30), 0 0 0 3px rgba(42,101,112,.12) !important;
  }
}

/* Mobil/tablet menü: MenkulEX'teki tek kaynaklı drawer mantığı. */
@media (max-width:1024px) {
  html.xan-v263-menu-open,
  html.xan-v314-menu-open,
  html body.mxh-theme.xan-v263-menu-open,
  html body.mxh-theme.xan-v314-menu-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html body.mxh-theme .xan-v263-mobile-ui,
  html body.mxh-theme .xan-v263-mobile-header,
  html body.mxh-theme .xan-v263-mobile-header__menu {
    pointer-events: auto !important;
  }

  html body.mxh-theme .xan-v263-mobile-header__menu {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer {
    z-index: 2147483600 !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer.is-open,
  html body.mxh-theme .xan-v263-mobile-drawer[aria-hidden="false"] {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer__panel {
    outline: none !important;
  }

  html body.mxh-theme .xan-v263-mobile-drawer.is-open .xan-v263-mobile-drawer__panel,
  html body.mxh-theme .xan-v263-mobile-drawer[aria-hidden="false"] .xan-v263-mobile-drawer__panel {
    transform: translateX(0) !important;
  }

  html body.mxh-theme .xan-v314-mobile-login {
    border-color: rgba(255,255,255,.32) !important;
    background: linear-gradient(135deg, var(--xan323-petrol-dark), var(--xan323-petrol-light)) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.mxh-theme .xan-v263-mobile-drawer,
  html body.mxh-theme .xan-v263-mobile-drawer__panel,
  html body.xanoffice-city-guide-glass-v313 .xan-cg :is(.xan-cg__btn,.xan316-cta) {
    transition: none !important;
  }
}

/* v1.4.61.324 — checklist artifacts removed, petrol CTA continuity strengthened. */
html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-check-item :is(
  .mxh17-empty-check-icon,
  .mxh19-check-icon,
  .mxh19-check-icon-hidden,
  .xan316-check-artifact,
  [class*="empty-check"],
  [class*="check-artifact"],
  [class*="check-icon"]:not(.xan316-check-icon),
  input[type="checkbox"]
) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  opacity: 0 !important;
  overflow: hidden !important;
}

html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-dark-panel :is(.xan316-cta,.xan-cg__btn,.mxh-btn,.xan-v297-btn,.mxh-v297-btn,.xan-seo-btn,.xan316-official-link) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(145deg, #123d45, #205058) !important;
  border-color: rgba(255,255,255,.22) !important;
}

html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-dark-panel :is(.xan316-cta,.xan-cg__btn,.mxh-btn,.xan-v297-btn,.mxh-v297-btn,.xan-seo-btn,.xan316-official-link) :where(span,strong,b,small,em,i,svg,path,use) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: currentColor !important;
}