/* Preserve logo / language separation on narrow phones. */
@media(max-width:360px){
 html body.home.atlas-platin #page-header .l-subheader-h{padding-left:0!important;padding-right:0!important}
 html body.home.atlas-platin #page-header .w-dropdown{margin-left:0!important}
 html body.home.atlas-platin #page-header .w-nav{margin-left:18px!important}
}

/* Atlas category navigation: readable platinum selection, 2026-10-01. */
html body.atlas-platin #page-content .filtre-container .kategori-baslik,
html body.atlas-platin #page-content .filtre-container .alt-kategori-item {
  color: #30343b !important;
}
html body.atlas-platin #page-content .filtre-container .kategori-adi,
html body.atlas-platin #page-content .filtre-container .alt-kat-adi,
html body.atlas-platin #page-content .filtre-container .toggle-icon {
  color: inherit !important;
}
html body.atlas-platin #page-content .filtre-container .kategori-baslik:hover,
html body.atlas-platin #page-content .filtre-container .alt-kategori-item:hover {
  background: #e1e4e7 !important;
  color: #24282e !important;
}
html body.atlas-platin #page-content .filtre-container .active > .kategori-baslik {
  background: #d5d8dc !important;
  color: #24282e !important;
}
html body.atlas-platin #page-content .filtre-container .selected {
  background: #dee1e5 !important;
  color: #24282e !important;
  border-left-color: #727982 !important;
  font-weight: 600;
}
html body.atlas-platin #page-content .filtre-container .selected:hover {
  background: #d5d8dc !important;
  color: #24282e !important;
}
html body.atlas-platin #page-content .filtre-container a:focus-visible {
  outline: 2px solid #727982;
  outline-offset: -2px;
}

/* Atlas mobile header: bright white controls and the original white logo, 2026-10-01. */
@media (max-width:1025px) {
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle {
    background:#0b1b28 !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.18) !important;
  }
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-image img[src*="atlas-sayac-logo-beyaz"] {
    content:url("https://atlassayac.com/wp-content/uploads/2025/12/atlas-sayac-logo-beyaz.svg") !important;
    filter:none !important;
    opacity:1 !important;
  }
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-control,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-control:hover,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-control:focus-visible,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-search-open,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current .w-dropdown-item,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current .w-dropdown-item-title,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current::before,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current::after,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current .w-dropdown-item::after {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
  }
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav-control .w-nav-icon {
    color:#fff !important;
    opacity:1 !important;
  }
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav-control .w-nav-icon::before,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav-control .w-nav-icon::after,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav-control .w-nav-icon > div {
    background-color:#fff !important;
    border-color:#fff !important;
    opacity:1 !important;
  }
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav-control,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current {
    background:transparent !important;
  }
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav-control:focus-visible,
  html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-dropdown-current .w-dropdown-item:focus-visible {
    outline:2px solid #fff !important;
    outline-offset:3px;
  }
}

/* Atlas header hover contrast: graphite text on platinum, 2026-10-01. */
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-anchor:is(:hover,:focus-visible),
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-item:is(:hover,:focus-within) > .w-nav-anchor,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav #menu-item-39 .w-nav-anchor:is(:hover,:focus-visible),
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav #menu-item-39 #menu-item-3578 .w-nav-anchor:is(:hover,:focus-visible) {
  background:#dde1e5 !important;
  color:#24282e !important;
  -webkit-text-fill-color:#24282e !important;
  opacity:1 !important;
}
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-anchor:is(:hover,:focus-visible) > .w-nav-title,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-anchor:is(:hover,:focus-visible) > .w-nav-arrow,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-item:is(:hover,:focus-within) > .w-nav-anchor > .w-nav-title,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-item:is(:hover,:focus-within) > .w-nav-anchor > .w-nav-arrow,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav #menu-item-39 .w-nav-anchor:is(:hover,:focus-visible) > .w-nav-title,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav #menu-item-39 .w-nav-anchor:is(:hover,:focus-visible) > .w-nav-arrow,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav #menu-item-39 #menu-item-3578 .w-nav-anchor:is(:hover,:focus-visible) > .w-nav-title,
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav #menu-item-39 #menu-item-3578 .w-nav-anchor:is(:hover,:focus-visible) > .w-nav-arrow {
  color:#24282e !important;
  -webkit-text-fill-color:#24282e !important;
  opacity:1 !important;
}
html body.atlas-platin #page-header.l-header .l-subheader.at_middle .w-nav .w-nav-anchor:focus-visible {
  outline:2px solid #727982 !important;
  outline-offset:-2px;
}