/*
 * İç sayfa chrome — TEK kaynak (home hariç tüm sayfalar, TR + EN).
 *
 * Bu kurallar daha önce yalnızca october-home.css + static-fix.css içinde vardı.
 * PSA ve çözüm makaleleri oxySkipOctoberHome / oxyIntegratedPerf ile o dosyaları
 * atladığı için header, logo, megamenü ve footer chrome'u bozuluyordu.
 * Sayfa bazlı CSS dump'ları eklendikçe tekrar bozulmasın diye chrome layout'tan
 * yüklenir; sayfa bileşenleri bu dosyayı devre dışı bırakamaz.
 */

/* —— Gövde iskeleti: Pro tema .x-root{display:flex} varsayılanı row —— */
.x-root {
  flex-direction: column;
  width: 100%;
}

.x-root > .x-site {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.x-colophon {
  width: 100%;
  clear: both;
  display: block;
}

/* —— İç sayfa header: koyu menü + dark logo —— */
body:not(.home) .oxy-logo-light {
  display: none !important;
}

body:not(.home) .oxy-logo-dark {
  display: inline-block !important;
}

body:not(.home) #transparent-menu .x-anchor-text-primary {
  color: #021329 !important;
}

body:not(.home) #transparent-menu .x-particle.is-primary > span {
  background-color: #021329 !important;
}

/* Sayfa dump CSS'i .x-div{position:relative;width:auto} ezmesin — Çözümler 30+ rozeti */
body:not(.home) #transparent-menu .x-div.m1o-w,
body:not(.home) #transparent-menu .cozumler_menu ~ .x-div.m1o-w {
  position: absolute !important;
  top: -5px !important;
  right: -15px !important;
  width: 23px !important;
  height: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  border-radius: 99px !important;
  background-color: #00b3e3 !important;
  z-index: 2;
}

body:not(.home) #transparent-menu .x-div.m1o-w .x-text-content-text-primary {
  font-size: 8px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 1 !important;
}

body:not(.home) #transparent-menu .x-div.m1o-s.m1o-t.m1o-u,
body:not(.home) #transparent-menu .x-div.e60-e15 {
  position: relative !important;
}

/* Header sağ sütun: EN solda, CTA sağda — aynı hizada yan yana */
body:not(.home) .x-masthead .e60-e21 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  column-gap: 10px;
  row-gap: 0;
}

body:not(.home) .x-masthead .e60-e21 .button-fixed {
  position: relative;
  inset: auto;
}

body:not(.home) .x-masthead .e60-e21 .m1o-1a,
body:not(.home) .x-masthead .e60-e21 .locale-switcher {
  margin-right: 0 !important;
  flex-shrink: 0;
}

/*
 * Megamenü — site.js yok, chrome.js sürüyor.
 * Cornerstone .x-active-animate ve :not(.is-ready) kurallarını telafi eder.
 */
body:not(.home) .x-dropdown.x-active,
body:not(.home) .x-dropdown.x-active-animate {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: block !important;
  z-index: 100000 !important;
}

body:not(.home) .x-dropdown .x-slide-container-viewport {
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.home) .x-dropdown .x-slide-container-viewport .x-slide,
body:not(.home) .x-dropdown .x-slide-container-viewport.is-ready .x-slide {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Interval carousel: chrome.js tek slide gösterir — force-all kuralını ezme */
body:not(.home) .x-dropdown .x-slide-container-viewport[data-oxy-mega-interval="1"] {
  position: relative;
}

body:not(.home) .x-dropdown .x-slide-container-viewport[data-oxy-mega-interval="1"] .x-slide {
  position: absolute !important;
  inset: 0;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.45s ease;
}

body:not(.home) .x-dropdown .x-slide-container-viewport[data-oxy-mega-interval="1"] .x-slide.oxy-mega-slide-on {
  position: relative !important;
  inset: auto;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Off-canvas açıkken arka plan kilidi (chrome.js html.oxy-offcanvas-open ekler) */
html.oxy-offcanvas-open,
html.oxy-offcanvas-open body {
  overflow: hidden;
}

/* —— Footer CTA video satırı —— */
.x-colophon .center_video {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
}

.x-colophon .center_video > .x-bg {
  z-index: 0 !important;
}

.x-colophon .center_video > .x-row-inner {
  position: relative !important;
  z-index: 2 !important;
}

.x-colophon .center_video .x-bg-layer-lower-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

.x-colophon .center_video .oxy-footer-row-video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  pointer-events: none !important;
}

.x-colophon .center_video .x-bg-layer-upper-color {
  z-index: 1 !important;
}