/**
 * BWW Design System — split from bww-ui.css
 * See /home/bway/design-system/MASTER.md
 */


/* ── Tony Awards suite ─────────────────────────────────────────────────── */
.tony-page .bww-page-hero {
  margin-bottom: 0;
}
.tony-page .bww-page-hero + .container.pt-20 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.tony-page .bww-page-hero__title-wrap {
  flex: 1 1 260px;
}
.tony-page .bww-page-hero__aside {
  flex: 1 1 420px;
  max-width: 520px;
}
@media (max-width: 991px) {
  .tony-page .bww-page-hero__inner {
    flex-direction: column;
    align-items: stretch;
  }
  .tony-page .bww-page-hero__aside {
    flex: 0 0 auto;
    max-width: none;
  }
}

/* Tony Awards winners database (/tonyawards/winners/) */
.tony-page .tony-awards-search {
  margin-bottom: var(--bww-space-4);
}
.tony-page .tony-awards-search__form .bww-field {
  margin-bottom: var(--bww-space-3);
}
.tony-page .tony-awards-search__form .bww-field label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--bww-text-sm);
  font-weight: 600;
  color: var(--bww-text);
}
.tony-page .tony-awards-search__options {
  margin-top: var(--bww-space-1);
}
.tony-page .tony-awards-search__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--bww-text-sm);
  color: var(--bww-text);
  cursor: pointer;
}
.tony-page .tony-awards-search__checkbox input {
  margin: 0;
}
.tony-page .tony-awards-search .select2-container {
  width: 100% !important;
  max-width: 100%;
}
.tony-page .tony-awards-search .select2-container--default .select2-selection--single {
  min-height: 40px;
  border: 1px solid var(--bww-border);
  border-radius: var(--bww-radius-sm);
  background: var(--bww-surface);
}
.tony-page .tony-awards-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding-left: 10px;
  color: var(--bww-text);
}
.tony-page .tony-awards-search .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--bww-text-muted);
}
.tony-page .tony-awards-winners-note {
  margin: 0 0 var(--bww-space-3);
  font-size: var(--bww-text-sm);
  color: var(--bww-text);
}
.tony-page .tony-awards-winners-note span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 2px;
  vertical-align: -2px;
  border-radius: 2px;
  background: #645640;
}
.tony-page .tony-awards-results tbody td {
  font-size: var(--bww-text-base);
}
.tony-page .tony-awards-results .bww-data-table__meta {
  display: block;
  margin-top: 4px;
  font-size: var(--bww-text-xs);
}
.tony-page .bww-data-table tbody tr.bww-tony-winner td {
  background: #645640;
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.tony-page .bww-data-table tbody tr.bww-tony-winner:hover td {
  background: #756050;
  color: #fff;
}
.tony-page .bww-data-table tbody tr.bww-tony-winner td a {
  color: #fff;
}
.tony-page .bww-tony-nom-mark {
  width: 1%;
  white-space: nowrap;
  padding: 0;
}
.tony-page .bww-tony-nom-mark span {
  display: inline-block;
  padding: 6px 8px;
  background: #1a1a1a;
  color: #fff;
  font-size: var(--bww-text-xs);
  font-weight: 600;
  white-space: nowrap;
}
.tony-page .bww-pagination {
  margin-top: var(--bww-space-4);
}
.tony-page .tony-awards-toggle {
  margin-bottom: var(--bww-space-4);
}
.tony-page .tony-awards-toggle form {
  margin: 0;
}
.tony-page .tony-awards-empty {
  padding: 24px;
  text-align: center;
  color: var(--bww-text-muted);
}
.tony-page .tony-awards-empty a {
  color: var(--bww-red);
  text-decoration: underline;
}

/* Tony Awards search — darkboard (labels use var(--bww-text); CDN may cache light theme) */
:root[data-bww-theme="dark"] .tony-page .tony-awards-search__form .bww-field label,
:root[data-bww-theme="dark"] .tony-page .tony-awards-search__checkbox,
:root[data-bww-theme="dark"] .tony-page .tony-awards-winners-note {
  color: #e8e8e8;
}
:root[data-bww-theme="dark"] .tony-page .tony-awards-search .bww-select {
  background: #242424;
  border-color: #3a3a3a;
  color: #e8e8e8;
}
:root[data-bww-theme="dark"] .tony-page .tony-awards-search .select2-container--default .select2-selection--single {
  background: #242424;
  border-color: #3a3a3a;
}
:root[data-bww-theme="dark"] .tony-page .tony-awards-search .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e8e8e8;
}
:root[data-bww-theme="dark"] .tony-page .tony-awards-search .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #a0a0a0;
}
:root[data-bww-theme="dark"] .tony-page .tony-awards-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #e8e8e8 transparent transparent transparent;
}
:root[data-bww-theme="dark"] body:has(.tony-page) .select2-dropdown {
  background: #1a1a1a;
  border-color: #3a3a3a;
  color: #e8e8e8;
}
:root[data-bww-theme="dark"] body:has(.tony-page) .select2-results__option {
  color: #e8e8e8;
}
:root[data-bww-theme="dark"] body:has(.tony-page) .select2-container--default .select2-results__option--highlighted[aria-selected],
:root[data-bww-theme="dark"] body:has(.tony-page) .select2-container--default .select2-results__option--highlighted {
  background: #2e2e2e;
  color: #f0f0f0;
}
:root[data-bww-theme="dark"] .tony-page .tony-awards-results tbody td a {
  color: #e8e8e8;
}
:root[data-bww-theme="dark"] .tony-page .tony-awards-results tbody td a:hover {
  color: #ff7a8a;
}
:root[data-bww-theme="dark"] .tony-page .bww-data-table tbody tr.bww-tony-winner td a {
  color: #ffffff;
}

/* Tony season show listings (musicals / plays pages) */
.tony-page .tony-show-list {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tony-page .tony-show-list .play-item {
  width: 100%;
  margin: 0 0 15px;
  float: none;
  align-self: auto;
}
.tony-page .tony-show-list .play-item .name {
  font-size: 25px;
}
.tony-page .tony-show-list .play-item .name a {
  color: var(--bww-text);
  text-decoration: none;
}
.tony-page .tony-show-list .play-item .name a:hover {
  color: var(--bww-red);
}
.tony-page .tony-show-list .play-item .text {
  column-count: 1 !important;
  column-gap: 0 !important;
}
.tony-page .tony-show-list .play-item .img {
  float: left;
  width: 200px;
  max-width: 40%;
  margin: 0 20px 12px 0;
}
.tony-page .tony-show-list .play-item .img img {
  width: 200px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
}
.tony-page .tony-show-list .play-item .img .bww-btn {
  margin-top: 10px;
}
@media (max-width: 575px) {
  .tony-page .tony-show-list .play-item .img {
    float: none;
    width: 100%;
    max-width: 200px;
    margin: 0 auto 16px;
    text-align: center;
  }
}
