/**
 * Shared gold-edge metal plaques for app boxes.
 * Dark: brushed gunmetal + gold frame + gold embossed titles (body text stays light).
 * Light: brushed silver + gold frame + dark-gold embossed titles (body text stays dark).
 * Hall of Fame keeps its own richer honour-board rules.
 */

html.premium-v3 {
  --plaque-gold: #d4af37;
  --plaque-gold-bright: #f3d67a;
  --plaque-gold-deep: #8a6a12;
  --plaque-title: #e8c547;
  --plaque-ink: #f6f0dc;
  --plaque-ink-soft: rgba(246, 240, 220, 0.8);
  --plaque-brush:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.08) 0 1px,
      rgba(255, 255, 255, 0) 1px 3px,
      rgba(0, 0, 0, 0.22) 3px 4px
    ),
    linear-gradient(
      158deg,
      #3e463c 0%,
      #1a221c 16%,
      #2c342e 34%,
      #121814 52%,
      #262e28 72%,
      #0c120e 100%
    );
  --plaque-frame:
    0 0 0 1px rgba(255, 244, 200, 0.42) inset,
    0 0 0 4px rgba(212, 175, 55, 0.12) inset,
    0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 0 0 1px rgba(90, 62, 12, 0.5),
    0 12px 28px rgba(0, 0, 0, 0.42);
  --plaque-emboss:
    0 1px 0 rgba(255, 248, 220, 0.5),
    0 -1px 0 rgba(40, 25, 0, 0.55);
}

html.premium-v3.theme-light {
  --plaque-title: #7a5a10;
  --plaque-ink: #1c1810;
  --plaque-ink-soft: #4a4538;
  --plaque-brush:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.28) 0 1px,
      rgba(255, 255, 255, 0) 1px 3px,
      rgba(32, 36, 42, 0.08) 3px 4px
    ),
    linear-gradient(
      158deg,
      #f7f5f0 0%,
      #c9cfd6 12%,
      #eceef1 26%,
      #a7b0ba 40%,
      #e6e8ec 54%,
      #959ea9 70%,
      #dfe3e8 84%,
      #b6bec6 100%
    );
  --plaque-frame:
    0 0 0 1px rgba(255, 244, 200, 0.7) inset,
    0 0 0 4px rgba(212, 175, 55, 0.14) inset,
    0 1px 0 rgba(255, 255, 255, 0.55) inset,
    0 0 0 1px rgba(90, 62, 12, 0.4),
    0 12px 28px rgba(40, 32, 12, 0.16);
  --plaque-emboss:
    0 1px 0 rgba(255, 248, 220, 0.98),
    0 2px 0 rgba(255, 236, 179, 0.35),
    0 -1px 0 rgba(70, 45, 0, 0.42);
}

html.premium-v3 .v3a-ios-card,
html.premium-v3 .match-card,
html.premium-v3 .fav-team-card,
html.premium-v3 .finder-club-card,
html.premium-v3 .club-home-team-card,
html.premium-v3 #home-page .club-home-dashboard,
html.premium-v3 .club-home-about,
html.premium-v3 .club-home-panel:not(.club-home-panel--hof):not(.hof-plaque-shell),
html.premium-v3 .club-home-welcome,
html.premium-v3 .club-home-setup-search,
html.premium-v3 .home-highlight-card,
html.premium-v3 .home-match-day-card,
html.premium-v3 .match-day-fixture-card,
html.premium-v3 .match-day-hero,
html.premium-v3 .player-stats-toolbar,
html.premium-v3 .player-stats-result,
html.premium-v3 .player-stats-profile,
html.premium-v3 .player-stats-panel,
html.premium-v3 .selectors-compact,
html.premium-v3 .settings-modal-card,
html.premium-v3 .help-modal-card,
html.premium-v3 .faq-item,
html.premium-v3 .loading-overlay-card,
html.premium-v3 .quick-stat,
html.premium-v3 .cc-card,
html.premium-v3 .cc-table-wrap,
html.premium-v3 .scorecard-table-wrap,
html.premium-v3 .card,
html.premium-v3 .fixture-card,
html.premium-v3 .result-card,
html.premium-v3 .standing-card,
html.premium-v3 .live-studio__hero,
html.premium-v3 .live-studio__engage-card,
html.premium-v3 .live-studio__news-card,
html.premium-v3 .live-studio__commentary,
html.premium-v3 .live-studio__watch-cta,
html.premium-v3 .live-studio__day-card,
html.premium-v3 .live-score-card,
html.premium-v3 .player-avail-panel,
html.premium-v3 .player-captain-panel,
html.premium-v3 .player-roles-panel,
html.premium-v3 .player-modal-card,
html.premium-v3 .home-club-modal-card,
html.premium-v3 .empty-state,
html.premium-v3 .pull-refresh-tip,
html.premium-v3 .player-captain-compiled,
html.premium-v3 .player-captain-group,
html.premium-v3 .player-captain-selection,
html.premium-v3 .player-captain-picked-frame,
html.premium-v3 .player-captain-share,
html.premium-v3 .player-captain-selection__frame-chrome,
html.premium-v3 .fav-hero:not(.club-home-setup-hero):not(.club-home-dashboard-hero) {
  background: var(--plaque-brush) !important;
  background-color: #1a221c !important;
  border: 1.5px solid var(--plaque-gold) !important;
  box-shadow: var(--plaque-frame) !important;
}

html.premium-v3.theme-light .v3a-ios-card,
html.premium-v3.theme-light .match-card,
html.premium-v3.theme-light .fav-team-card,
html.premium-v3.theme-light .finder-club-card,
html.premium-v3.theme-light .club-home-team-card,
html.premium-v3.theme-light #home-page .club-home-dashboard,
html.premium-v3.theme-light .club-home-about,
html.premium-v3.theme-light .club-home-panel:not(.club-home-panel--hof):not(.hof-plaque-shell),
html.premium-v3.theme-light .club-home-welcome,
html.premium-v3.theme-light .club-home-setup-search,
html.premium-v3.theme-light .home-highlight-card,
html.premium-v3.theme-light .home-match-day-card,
html.premium-v3.theme-light .match-day-fixture-card,
html.premium-v3.theme-light .match-day-hero,
html.premium-v3.theme-light .player-stats-toolbar,
html.premium-v3.theme-light .player-stats-result,
html.premium-v3.theme-light .player-stats-profile,
html.premium-v3.theme-light .player-stats-panel,
html.premium-v3.theme-light .selectors-compact,
html.premium-v3.theme-light .settings-modal-card,
html.premium-v3.theme-light .help-modal-card,
html.premium-v3.theme-light .faq-item,
html.premium-v3.theme-light .loading-overlay-card,
html.premium-v3.theme-light .quick-stat,
html.premium-v3.theme-light .cc-card,
html.premium-v3.theme-light .cc-table-wrap,
html.premium-v3.theme-light .scorecard-table-wrap,
html.premium-v3.theme-light .card,
html.premium-v3.theme-light .fixture-card,
html.premium-v3.theme-light .result-card,
html.premium-v3.theme-light .standing-card,
html.premium-v3.theme-light .live-studio__hero,
html.premium-v3.theme-light .live-studio__engage-card,
html.premium-v3.theme-light .live-studio__news-card,
html.premium-v3.theme-light .live-studio__commentary,
html.premium-v3.theme-light .live-studio__watch-cta,
html.premium-v3.theme-light .live-studio__day-card,
html.premium-v3.theme-light .live-score-card,
html.premium-v3.theme-light .player-avail-panel,
html.premium-v3.theme-light .player-captain-panel,
html.premium-v3.theme-light .player-roles-panel,
html.premium-v3.theme-light .player-modal-card,
html.premium-v3.theme-light .home-club-modal-card,
html.premium-v3.theme-light .empty-state,
html.premium-v3.theme-light .pull-refresh-tip,
html.premium-v3.theme-light .player-captain-compiled,
html.premium-v3.theme-light .player-captain-group,
html.premium-v3.theme-light .player-captain-selection,
html.premium-v3.theme-light .player-captain-picked-frame,
html.premium-v3.theme-light .player-captain-share,
html.premium-v3.theme-light .player-captain-selection__frame-chrome,
html.premium-v3.theme-light .fav-hero:not(.club-home-setup-hero):not(.club-home-dashboard-hero) {
  background-color: #c5cbd3 !important;
}

html.premium-v3 .hof-plaque .empty-state,
html.premium-v3 .hof-plaque-shell .empty-state {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Photo / gradient heroes: gold frame only, keep the image */
html.premium-v3 .club-home-setup-hero,
html.premium-v3 .club-home-dashboard-hero,
html.premium-v3 .finder-hero,
html.premium-v3 .dashboard-hero,
html.premium-v3 .team-detail-hero,
html.premium-v3 .player-modal-hero {
  border: 1.5px solid var(--plaque-gold) !important;
  box-shadow: var(--plaque-frame) !important;
}

/* Compact chips and tab trays */
html.premium-v3 .home-quick-chip,
html.premium-v3 .tab-bar-inline,
html.premium-v3 .club-home-tabs,
html.premium-v3 .club-home-quick-stats .quick-stat,
html.premium-v3 .player-captain-selection__row,
html.premium-v3 .team-picker-row,
html.premium-v3 .finder-club-card.is-picked {
  background: var(--plaque-brush) !important;
  border: 1px solid var(--plaque-gold) !important;
  box-shadow:
    0 0 0 1px rgba(255, 244, 200, 0.28) inset,
    0 6px 16px rgba(0, 0, 0, 0.22) !important;
}

html.premium-v3 #view-v3a-teams .team-picker-list {
  border: 1.5px solid var(--plaque-gold) !important;
  background: var(--plaque-brush) !important;
  box-shadow: var(--plaque-frame) !important;
}

/* Embossed gold titles */
html.premium-v3 .section-title,
html.premium-v3 .section-header .section-title,
html.premium-v3 .fav-hero-title,
html.premium-v3 .finder-title,
html.premium-v3 .club-home-name,
html.premium-v3 .home-highlight-kicker,
html.premium-v3 .empty-state__title,
html.premium-v3 .player-avail-panel__title,
html.premium-v3 .player-captain-panel__title,
html.premium-v3 .player-roles-panel__title,
html.premium-v3 .cc-entry-btn__text strong,
html.premium-v3 .team-detail-hero h2,
html.premium-v3 .team-detail-title h2,
html.premium-v3 .v3a-screen-hero h2,
html.premium-v3 .loading-overlay-title,
html.premium-v3 .faq-question,
html.premium-v3 #help-modal-title,
html.premium-v3 .player-stats-profile-head h2,
html.premium-v3 .club-home-welcome__line,
html.premium-v3 .club-home-welcome__line strong,
html.premium-v3 .live-studio__page-title,
html.premium-v3 .club-home-setup-hero .fav-hero-title,
html.premium-v3 .club-home-dashboard-hero .fav-hero-title {
  color: var(--plaque-title) !important;
  -webkit-text-fill-color: var(--plaque-title) !important;
  text-shadow: var(--plaque-emboss) !important;
}

html.premium-v3 .club-home-hero-kicker,
html.premium-v3 .club-home-setup-hero .club-home-hero-kicker,
html.premium-v3 .club-home-dashboard-hero .club-home-hero-kicker,
html.premium-v3 .player-stats-profile-kicker,
html.premium-v3 .quick-stat-label,
html.premium-v3 .club-home-quick-stats .quick-stat-label {
  color: var(--plaque-title) !important;
  -webkit-text-fill-color: var(--plaque-title) !important;
  text-shadow: var(--plaque-emboss) !important;
}

html.premium-v3 .quick-stat-value,
html.premium-v3 .club-home-quick-stats .quick-stat-value {
  color: var(--plaque-title) !important;
  -webkit-text-fill-color: var(--plaque-title) !important;
  text-shadow: var(--plaque-emboss) !important;
}

/* Body copy on metal — theme tokens keep contrast */
html.premium-v3.theme-light .fav-hero-sub,
html.premium-v3.theme-light .finder-sub,
html.premium-v3.theme-light .finder-hint,
html.premium-v3.theme-light .hint-text,
html.premium-v3.theme-light .empty-state,
html.premium-v3.theme-light .empty-state p,
html.premium-v3.theme-light .empty-state__lead,
html.premium-v3.theme-light .player-avail-panel__lead,
html.premium-v3.theme-light .player-captain-panel__lead,
html.premium-v3.theme-light .player-roles-panel__lead,
html.premium-v3.theme-light .faq-answer,
html.premium-v3.theme-light .faq-answer strong,
html.premium-v3.theme-light .home-highlight-empty,
html.premium-v3.theme-light .home-highlight-empty p,
html.premium-v3.theme-light .loading-overlay-sub,
html.premium-v3.theme-light .player-roster-hint,
html.premium-v3.theme-light .club-home-about-text {
  color: var(--plaque-ink-soft) !important;
  -webkit-text-fill-color: var(--plaque-ink-soft) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

html.premium-v3.theme-light .team-picker-name,
html.premium-v3.theme-light .fav-team-card-name,
html.premium-v3.theme-light .match-team-name,
html.premium-v3.theme-light .finder-club-card-name,
html.premium-v3.theme-light .match-team-label__club,
html.premium-v3.theme-light .player-stats-result__name,
html.premium-v3.theme-light .standing-name,
html.premium-v3.theme-light .standing-pts {
  color: var(--plaque-ink) !important;
  -webkit-text-fill-color: var(--plaque-ink) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
}

/* Keep primary actions and live badges readable */
html.premium-v3 .btn-primary,
html.premium-v3 button.btn-primary,
html.premium-v3 .empty-state__cta,
html.premium-v3 .home-match-day-card__btn,
html.premium-v3 .match-card-btn--primary,
html.premium-v3 .tab-inline.active,
html.premium-v3 .tab.active,
html.premium-v3 .filter-chip.active,
html.premium-v3 .header-account,
html.premium-v3 .club-home-save-btn {
  text-shadow: none !important;
}

html.premium-v3 .tab-inline.active,
html.premium-v3 .tab.active,
html.premium-v3 .filter-chip.active {
  color: #052e16 !important;
  -webkit-text-fill-color: #052e16 !important;
}

html.premium-v3 .live-score-card__badge,
html.premium-v3 .live-score-card__badge.live-pulse {
  text-shadow: none !important;
}

html.premium-v3.theme-light .live-studio .live-studio__page-title,
html.premium-v3.theme-light .live-studio .live-studio__section-label,
html.premium-v3.theme-light .live-studio .live-studio__next-kicker,
html.premium-v3.theme-light .live-studio .live-studio__next-kicker strong {
  color: var(--plaque-title) !important;
  -webkit-text-fill-color: var(--plaque-title) !important;
  text-shadow: var(--plaque-emboss) !important;
}

html.premium-v3.theme-light .live-studio .live-studio__team-name,
html.premium-v3.theme-light .live-studio .live-studio__team-name--xl,
html.premium-v3.theme-light .live-studio .live-studio__team-name strong,
html.premium-v3.theme-light .live-studio .live-score-card__team,
html.premium-v3.theme-light .live-studio .live-score-card__team strong {
  color: var(--plaque-ink) !important;
  -webkit-text-fill-color: var(--plaque-ink) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
}