/**
 * Üst şerit / header görünürlüğü (html.web-desktop | html.web-mobile).
 * Breakpoint: document.documentElement[data-web-desktop-min] — varsayılan 1024.
 */

:root {
  --bsp-topbar-h: 36px;
  --m-header-h: 56px;
}

.web-only-desktop-header {
  display: none !important;
}

.web-only-mobile-header {
  display: block !important;
}

/* Mobil: yeşil topbar + beyaz header sabit */
body.web-layout {
  padding-top: calc(var(--bsp-topbar-h) + var(--m-header-h)) !important;
}

html.web-mobile .bsp-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 210;
}

html.web-mobile .web-only-mobile-header .m-header {
  top: var(--bsp-topbar-h);
}

html.web-desktop .web-only-desktop-header {
  display: block !important;
}

html.web-desktop .web-only-mobile-header {
  display: none !important;
}

html.web-desktop body.web-layout {
  padding-top: 0 !important;
}

html.web-desktop .bsp-topbar {
  position: static;
  z-index: auto;
}

html.web-mobile .web-only-desktop-header {
  display: none !important;
}

html.web-mobile .web-only-mobile-header {
  display: block !important;
}

html.web-mobile body.web-layout {
  padding-top: calc(var(--bsp-topbar-h) + var(--m-header-h)) !important;
}

/* Reklam yuvaları: masaüstü / mobil platform ayrımı */
.ad-slot-web { display: block; }
.ad-slot-mobile { display: none; }
html.web-mobile .ad-slot-web { display: none; }
html.web-mobile .ad-slot-mobile { display: block; }
html.web-desktop .ad-slot-web { display: block; }
html.web-desktop .ad-slot-mobile { display: none; }

/* Mobilde masaüstü header içindeki eski yatay menü / CTA / arama kullanılmaz */
html.web-mobile .bsp-header-actions,
html.web-mobile .bsp-mobile-toggle {
  display: none !important;
}