/* DaoPhim v4.0: reference-aligned logo/nav, compact top-rated sidebar,
   hero buttons, and genuine cinema-only listing. PHP 7.4-compatible. */

/* The border around the uploaded logo was introduced by dao-theme-v2.css. */
.dao-header .dao-logo {
  border:0!important;
  outline:0;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.dao-header .dao-custom-logo {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border:0;
}
.dao-header .dao-logo:focus-visible {
  outline:2px solid #c58647;
  outline-offset:3px;
  border-radius:5px;
}

/* Comfortable but controlled desktop menu spacing; don't compress the search. */
@media (min-width:1700px) {
  .dao-header .dao-nav { gap:clamp(20px,1.30vw,27px); justify-content:center; }
  .dao-header .dao-nav-inner { gap:clamp(16px,1.3vw,24px); }
  .dao-header .dao-search { width:clamp(255px,17vw,345px); }
}
@media (min-width:1251px) and (max-width:1699px) {
  .dao-header .dao-nav { gap:clamp(15px,1.15vw,19px); justify-content:center; }
  .dao-header .dao-nav-inner { gap:12px; }
  .dao-header .dao-search { width:clamp(190px,16vw,260px); }
}
@media (min-width:1121px) and (max-width:1250px) {
  .dao-header .dao-nav { gap:10px; }
  .dao-header .dao-search { width:160px; }
}

/* The footer now displays the very same configured logo used in the header. */
.dao-footer-intro .dao-footer-brand {
  display:inline-flex;
  align-items:center;
  max-width:min(100%,210px);
  min-height:47px;
  border:0;
  background:transparent;
  text-decoration:none;
}
.dao-footer-intro .dao-footer-logo {
  display:block;
  width:auto;
  max-width:195px;
  height:auto;
  max-height:61px;
  object-fit:contain;
  object-position:left center;
  border:0;
  box-shadow:none;
}

/* Match the reference: one rounded title row, film list hidden initially.
   Native <details> keeps expand/collapse functional without extra JS. */
.dao-body .dao-sidebar-stack .dao-ranking-high {
  margin-top:14px;
  background:transparent;
  border:1px solid #33271e;
  border-radius:22px;
  overflow:hidden;
}
.dao-body .dao-ranking-high > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:49px;
  padding:11px 17px;
  background:#110d0a;
  list-style:none;
  cursor:pointer;
  user-select:none;
}
.dao-body .dao-ranking-high > summary::-webkit-details-marker { display:none; }
.dao-body .dao-ranking-high > summary::marker { content:''; }
.dao-body .dao-ranking-high .dao-high-heading {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#c48139;
  font-size:14px;
  font-weight:800;
  letter-spacing:.45px;
  text-transform:uppercase;
  line-height:1.3;
}
.dao-body .dao-ranking-high .dao-high-heading svg { color:#f2cc00; flex:0 0 19px; }
.dao-body .dao-ranking-high .dao-high-chevron { width:14px; height:14px; color:#8d7970; transition:transform .18s ease; }
.dao-body .dao-ranking-high[open] .dao-high-chevron { transform:rotate(180deg); }
.dao-body .dao-ranking-high > summary:hover { background:#1c130f; }
.dao-body .dao-ranking-high > summary:focus-visible { outline:2px solid #d08b49; outline-offset:-3px; }
.dao-body .dao-ranking-high ol { margin:0; padding:0; border-top:1px solid #33271e; list-style:none; }
.dao-body .dao-ranking-high li + li { border-top:1px solid #29211a; }
.dao-body .dao-ranking-high li > a {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:11px;
  padding:9px 13px;
  min-width:0;
  text-decoration:none;
  color:#f0eae4;
}
.dao-body .dao-ranking-high li > a:hover { background:#251910; }
.dao-body .dao-ranking-high li img {
  display:block;
  width:42px;
  height:55px;
  flex:0 0 42px;
  border-radius:8px;
  object-fit:cover;
  background:#24201d;
}
.dao-body .dao-ranking-high .dao-high-info {
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
.dao-body .dao-ranking-high .dao-high-info strong {
  font-size:12px;
  line-height:1.3;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.dao-body .dao-ranking-high .dao-high-info small { color:#d6c0a6; font-size:11px; }
.dao-body .dao-ranking-high .dao-high-info small span { color:#f8ca00; }
.dao-body .dao-ranking-high .dao-high-empty { padding:15px; font-size:12px; color:#aa9e93; }

/* Reference hero uses rounded pill-like buttons with a darker secondary. */
.dao-body .dao-hero-actions { gap:11px; }
.dao-body .dao-hero-actions .dao-btn-primary,
.dao-body .dao-hero-actions .dao-btn-secondary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:11px 21px;
  border-radius:16px;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-.1px;
  text-decoration:none;
  transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.dao-body .dao-hero-actions .dao-btn-primary {
  background:#a75f25!important;
  color:#fff!important;
  border:1px solid #a75f25!important;
  box-shadow:0 5px 12px #0003;
}
.dao-body .dao-hero-actions .dao-btn-primary:hover { background:#be7232!important; border-color:#be7232!important; box-shadow:0 6px 16px #0006; transform:translateY(-1px); }
.dao-body .dao-hero-actions .dao-btn-primary svg { width:18px; height:18px; flex:0 0 18px; }
.dao-body .dao-hero-actions .dao-btn-secondary {
  background:#242525!important;
  border:1px solid #282929!important;
  color:#f3f4f4!important;
  box-shadow:none;
}
.dao-body .dao-hero-actions .dao-btn-secondary:hover { background:#343536!important; transform:translateY(-1px); }
.dao-body .dao-hero-actions a:focus-visible { outline:2px solid #fff; outline-offset:3px; }

/* Keep the theatrical section honest: no silent fallback to ordinary movies. */
.dao-body .dao-cinema-empty {
  margin:0;
  padding:24px 18px;
  border:1px dashed #3e3126;
  border-radius:13px;
  background:#17110d;
  color:#b7a698;
  font-size:13px;
  text-align:center;
}

@media(max-width:640px) {
  .dao-footer-intro .dao-footer-logo { max-width:158px; max-height:52px; }
  .dao-body .dao-hero-actions { gap:8px; }
  .dao-body .dao-hero-actions .dao-btn-primary,
  .dao-body .dao-hero-actions .dao-btn-secondary { min-height:41px; padding:8px 14px; font-size:12.5px; border-radius:13px; }
  .dao-body .dao-hero-actions .dao-btn-primary svg { width:16px; height:16px; flex:0 0 16px; }
  .dao-body .dao-ranking-high > summary { min-height:47px; }
}