/* refinements-v8: Chinese-only typography calibration.
   Review structure, ad placement and screenshot treatment intentionally inherit
   the original AdultRankly-derived v4/v7 framework without structural overrides. */

.review-detail-panel h2 {
  font-weight: 650;
}

.review-quick-facts dt {
  font-weight: 500;
}

.review-quick-facts dd,
.review-quick-facts dd a,
.review-quick-facts .review-website-link {
  font-weight: 500;
}

/* ============================================================
   2026-10-04 owner round — adultrankly.com parity:
   high-contrast breadcrumb pill, button hover effects,
   and long-label wrap safety in the website-info panel.
   ============================================================ */

/* Breadcrumbs: high-contrast pill (adultrankly.com parity) */
.breadcrumbs { margin: 0 0 18px; }
.breadcrumbs ol {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  margin: 0;
  color: #f2ece5;
  background: #3f4446;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  box-shadow: 0 7px 18px rgba(24, 27, 28, 0.15);
  list-style: none;
  font-size: 0.82rem;
  font-weight: 640;
}
.breadcrumbs li { display: inline-flex; align-items: center; gap: 8px; padding-inline: 0; color: #f2ece5; }
.breadcrumbs li:last-child { padding-right: 0; }
.breadcrumbs a { color: #f2ece5; transition: color .18s ease; }
.breadcrumbs a:hover { color: #fff; }
.breadcrumbs li > span[aria-hidden="true"] { color: #d38a72; font-weight: 800; margin-inline: 0; line-height: 1; }
.breadcrumbs [aria-current="page"] { color: #fff; font-weight: 720; }
@media (max-width: 640px) {
  .breadcrumbs { margin-bottom: 14px; }
  .breadcrumbs ol { width: 100%; border-radius: 11px; font-size: 0.76rem; }
}

/* Buttons: adultrankly hover effects (read-review / visit-site + all CTAs) */
.button-primary:hover { background: var(--accent-dark); }
.button-outline:hover { color: #fff; background: var(--link); border-color: var(--link); }

/* Website-info panel: long labels wrap instead of colliding with values */
.review-quick-facts dt,
.review-quick-facts dd { overflow-wrap: anywhere; }

/* 2026-10-04 hotfix: restore the visible outline border on secondary buttons (adultrankly parity) */
.button-outline { border: 1px solid #68585f; }

/* ============================================================
   Ad slots — adultrankly.com parity (owner round 2026-10-05, 18guia):
   top 728×90 · bottom 900×250 · review 300×250
   ============================================================ */
.global-ad-wrap { display: flex; justify-content: center; max-width: 100%; overflow: hidden; padding: 18px 16px; }
.global-ad-wrap-top { padding: 25px 16px 25px; }
.global-ad-wrap-bottom { padding: 25px 16px 25px; }
.global-ad-center { display: flex; justify-content: center; align-items: center; width: 100%; min-width: 0; }
.global-ad-wrap .ad-slot-banner { width: min(728px, 100%); min-height: 90px; margin: 0 auto; }
.global-ad-wrap-bottom .ad-slot-banner { width: min(900px, 100%); min-height: 250px; }
@media (max-width: 780px) {
  .global-ad-wrap { padding: 12px; }
  .global-ad-wrap-bottom { margin-top: 0; }
  .global-ad-wrap .ad-slot-banner { width: 100%; min-height: 90px; }
  .global-ad-wrap-bottom .ad-slot-banner { min-height: 180px; }
}

/* Ad spacing parity (18guia): .page-shell's outer margins (28px top / 64px bottom) stack onto the
   global ad wraps and make the visible gaps asymmetric on inner pages. Neutralize them so every page
   shows the same 25px symmetric ad gaps. */
.page-shell { margin-block: 0; }