/* DaoPhim v5.0: desktop menu breathing room; static high-rating title.
   Used after dao-theme-v4.css. No migrations. Supports PHP 7.4. */

/* Increase spacing at desktop widths without reducing font size or pushing
   the search/account controls outside the viewport. */
@media (min-width:1700px) {
  .dao-header .dao-nav { column-gap:clamp(28px,1.62vw,33px); justify-content:center; }
  .dao-header .dao-nav-inner { column-gap:clamp(14px,1.1vw,21px); }
  .dao-header .dao-search { width:clamp(235px,16vw,322px); }
}
@media (min-width:1400px) and (max-width:1699px) {
  .dao-header .dao-nav { column-gap:clamp(20px,1.42vw,24px); justify-content:center; }
  .dao-header .dao-nav-inner { column-gap:12px; }
  .dao-header .dao-search { width:clamp(182px,15vw,240px); }
}
@media (min-width:1251px) and (max-width:1399px) {
  .dao-header .dao-nav { column-gap:clamp(16px,1.18vw,19px); }
  .dao-header .dao-search { width:clamp(165px,14.5vw,200px); }
}

/* The reference has a single non-interactive title bar, not a details widget. */
.dao-body .dao-sidebar-stack .dao-ranking-high {
  margin-top:14px;
  padding:0;
  background:#110d0a;
  border:1px solid #33271e;
  border-radius:22px;
  overflow:hidden;
}
.dao-body .dao-ranking-high > .dao-high-heading {
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  min-height:49px;
  padding:11px 17px;
  color:#c48139;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.45px;
  text-transform:uppercase;
  background:transparent;
  border:0;
  cursor:default;
}
.dao-body .dao-ranking-high > .dao-high-heading svg {
  flex:0 0 19px;
  width:19px;
  height:19px;
  color:#f2cc00;
}
@media (max-width:640px) {
  .dao-body .dao-ranking-high > .dao-high-heading { min-height:47px; }
}