/* YTDOWN.org sponsor ads - see ads_config.php */
#ytd-ads { --ad-text:#fff; --ad-muted:#b9c0cc; }
#ytd-ads .ytd-ad {
  display:flex; text-decoration:none; color:var(--ad-text); box-sizing:border-box;
  background:#1b2433; border:1px solid #33405a; border-radius:10px;
  transition:transform .2s ease, filter .2s ease, opacity .35s ease;
}
#ytd-ads .ytd-ad:hover { transform:translateY(-2px); filter:brightness(1.15); }
#ytd-ads .ytd-ad-logo { width:28px; height:28px; border-radius:6px; object-fit:contain; flex:none; }
#ytd-ads .ytd-ad-logo-icon { display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.12); font-size:16px; }
#ytd-ads .ytd-ad-name { font-size:14px; font-weight:700; line-height:1.2; }
#ytd-ads .ytd-ad-desc { font-size:12px; line-height:1.35; color:var(--ad-muted); }
#ytd-ads .ytd-ad-empty { background:transparent !important; border:1px dashed #9aa5b8 !important; color:#6b7686; }
#ytd-ads .ytd-ad-empty .ytd-ad-name { color:#4b5563; }
#ytd-ads .ytd-ad-empty .ytd-ad-desc { color:#6b7686; }
#ytd-ads .ytd-ad-empty .ytd-ad-logo-icon { background:rgba(0,0,0,.06); }

/* ---------- Desktop: fixed left / right columns ---------- */
#ytd-ads .ytd-ads-col { display:none; }
#ytd-ads .ytd-ads-top { display:block; }

@media (min-width:1280px) {
  #ytd-ads .ytd-ads-top { display:none; }
  #ytd-ads .ytd-ads-col {
    display:flex; flex-direction:column; gap:12px; position:fixed; top:16px; bottom:16px;
    width:210px; overflow:hidden; z-index:50;
  }
  #ytd-ads .ytd-ads-left  { left:16px; }
  #ytd-ads .ytd-ads-right { right:16px; }
  #ytd-ads .ytd-ads-col .ytd-ad {
    flex:1 1 0; min-height:0; max-height:170px; flex-direction:column; align-items:center;
    justify-content:center; text-align:center; gap:6px; padding:10px 12px; overflow:hidden;
  }
  /* only the active page is visible; hidden pages don't take space */
  #ytd-ads .ytd-ads-col .ytd-ad[data-page]:not(.is-active-page) { display:none; }
  #ytd-ads .ytd-ads-col .ytd-ad.is-fading { opacity:0; transform:scale(.97); }
}

/* ---------- Mobile / tablet: auto-sliding top strip ---------- */
@media (max-width:1279px) {
  #ytd-ads .ytd-ads-top {
    overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; padding:8px 8px; background:#0f172a; border-bottom:1px solid #1e293b;
  }
  #ytd-ads .ytd-ads-top::-webkit-scrollbar { display:none; }
  #ytd-ads .ytd-ads-track { display:inline-flex; gap:8px; align-items:stretch; }
  #ytd-ads .ytd-ads-top .ytd-ad {
    flex:none; align-items:center; gap:8px; padding:7px 12px; border-radius:10px; text-align:left;
  }
  #ytd-ads .ytd-ads-top .ytd-ad-desc { display:none; }
  #ytd-ads .ytd-ads-top .ytd-ad-logo { width:22px; height:22px; font-size:12px; }
  #ytd-ads .ytd-ads-top .ytd-ad-empty { border-color:#64748b !important; }
  #ytd-ads .ytd-ads-top .ytd-ad-empty .ytd-ad-name,
  #ytd-ads .ytd-ads-top .ytd-ad-empty .ytd-ad-desc { color:#cbd5e1; display:inline; }
  #ytd-ads .ytd-ads-top .ytd-ad-empty .ytd-ad-desc { font-size:11px; }
}