/* Android TV native-ad replacement slots. Web RTB stays as fallback unless ?nativeads=1. */
html.radio-tv-mode .tv-native-ad-placeholder {
  display: none;
  width: 100%;
  box-sizing: border-box;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-web {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot {
  position: relative;
  box-sizing: border-box;
  overflow: visible;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-placeholder {
  display: block;
  width: 100%;
  min-height: 180px;
  border-radius: 18px;
  background: transparent;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-shape="inline-wide"] .tv-native-ad-placeholder {
  min-height: 190px;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-shape="sidebar-medium"] .tv-native-ad-placeholder {
  min-height: 260px;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-shape="sidebar-tall"] .tv-native-ad-placeholder,
html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-shape="sidebar-large"] .tv-native-ad-placeholder {
  min-height: 340px;
}

/* The Android app may mark a native view as loaded. Keep the DOM slot transparent: the
   actual Yandex Mobile Ads SDK View is drawn by the app above the WebView. */
html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-state="loaded"] .tv-native-ad-placeholder {
  background: transparent;
}

/* Development-only visualization: add ?nativeads=1&addebug=1. */
html.radio-tv-mode.radio-tv-native-ads.radio-tv-native-ads-debug .tv-native-ad-placeholder {
  outline: 3px dashed rgba(0, 158, 255, .75);
  outline-offset: -3px;
  background: rgba(0, 158, 255, .07);
}
html.radio-tv-mode.radio-tv-native-ads.radio-tv-native-ads-debug .tv-native-ad-placeholder::after {
  content: attr(data-tv-native-ad-placeholder);
  display: block;
  padding: 14px;
  color: #009eff;
  font: 600 18px/1.25 Arial, sans-serif;
}

/* v1.1: remote native-ad configuration and TV focus proxy. */
html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-enabled="0"] {
  display: none !important;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-focus="1"]:focus {
  outline: 4px solid rgba(255, 255, 255, .95);
  outline-offset: 4px;
  border-radius: 18px;
}

html.radio-tv-mode.radio-tv-native-ads .tv-native-ad-slot[data-tv-native-ad-focus="1"]:focus .tv-native-ad-placeholder {
  background: rgba(255, 255, 255, .035);
}