/* OVERLAY HUNTER / Navy & Silver.
 * Classic Gold becomes this skin's default; other saved table themes retain
 * their original palette and continue to use the shared settings controller.
 * Paint only: shared layout retains all coordinates, dimensions and hit areas.
 * The existing #app ancestry gives these rules precedence over legacy paint;
 * no duplicated class selectors or global Cheese overrides are needed.
 */
html[data-site-skin="overlay"] body.holdem-eight-layout:is(:not([data-user-table-theme]),[data-user-table-theme="classic_gold"]) {
  --black-gold-skin-base-hi: #2b2225 !important;
  --black-gold-skin-base-mid: #1e1719 !important;
  --black-gold-skin-base-low: #110d0f !important;
  --black-gold-skin-crust-hi: #d9c8cc !important;
  --black-gold-skin-crust-mid: #ad5c70 !important;
  --black-gold-skin-crust-low: #483239 !important;
  --black-gold-skin-felt-hi: #35252b !important;
  --black-gold-skin-felt-mid: #281f22 !important;
  --black-gold-skin-felt-low: #1b1517 !important;
  --black-gold-skin-felt-border: #b9748573 !important;
  --black-gold-skin-crust-ring: #d8c7cb3a !important;
  --black-gold-skin-felt-inner-shadow: #0009 !important;
  --black-gold-skin-crust-glint: #e2d5d835 !important;
}
html[data-site-skin="overlay"] #app #tableView #eightToolSceneBridge,
html[data-site-skin="overlay"] #app #tableView #pokerGameViewport,
html[data-site-skin="overlay"] #app #tableView #actionPanel {
  background-color: var(--black-gold-skin-base-low,#110d0f) !important;
}
html[data-site-skin="overlay"] #app #tableView #actionPanel,
html[data-site-skin="overlay"] #app #tableView #actionPanel::before {background: var(--black-gold-skin-base-low,#110d0f) !important;}

/* Flashing white plaques, fold dimming, wins/losses and all-in states keep
 * their shared semantic paint. Only ordinary plaques use the new panels. */
html[data-site-skin="overlay"] #app #tableView :is(#seats,#seatGhosts) .seat:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .name-pill:not([data-action-timer-phase="flash"]):not(.is-winner):not(.is-loser),
html[data-site-skin="overlay"] #app #tableView #hero:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .hero-nameplate:not([data-action-timer-phase="flash"]):not(.is-winner):not(.is-loser) {
  background: linear-gradient(#332328,#231c1e) !important;
  border-color: #ac5a6e !important;
  color: #ebe2e4 !important;
  box-shadow: inset 0 1px 0 #d9c9cd22,0 3px 6px #0005 !important;
}
html[data-site-skin="overlay"] #app #tableView :is(#seats,#seatGhosts) .seat:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .name-pill:not([data-action-timer-phase="flash"]) :is(.name,.chips),
html[data-site-skin="overlay"] #app #tableView #hero:not(.is-winner):not(.is-loser):not(.folded):not(.all-in):not(.is-allin) .hero-nameplate:not([data-action-timer-phase="flash"]) :is(.name,.chips) {
  color: #ece4e6 !important;
  border-color: #c0a4ab22 !important;
}
html[data-site-skin="overlay"] #app #tableView #blindInfoPanel {color: #ba7687 !important;}
html[data-site-skin="overlay"] #app #tableView .community-slot {border-color: #b3687b5c !important;}
html[data-site-skin="overlay"] #app #tableView .dealer-marker {
  background: linear-gradient(#ebe3e5,#c4aab1) !important;
  border-color: #ac5b6f !important;
  color: #312227 !important;
}

/* Regular buttons change finish; armed CHECK/FOLD, CHECK, ALL-IN, disabled
 * opacity and all button/confirmation behavior remain under shared controls. */
html[data-site-skin="overlay"] #app #tableView #actionButtons > button:not(.ab-allin):not(.is-allin):not(.ab-check-now):not(.is-armed):not(.ab-preaction) {
  background: linear-gradient(#37262c,#241c1f) !important;
  border-color: #ad5c70 !important;
  color: #eee6e8 !important;
}
html[data-site-skin="overlay"] #app #tableView #actionButtons > button:not(.ab-allin):not(.is-allin):not(.ab-check-now):not(.is-armed):not(.ab-preaction) :is(.ab-label,.ab-amount) {color: #eee6e8 !important;}
html[data-site-skin="overlay"] #app #tableView #actionButtons #btnRaise:not(.ab-allin):not(.is-allin) {
  background: linear-gradient(#c8afb6,#b16477) !important;
  border-color: #d3c0c5 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 #fff5,0 3px 9px #0005 !important;
}
html[data-site-skin="overlay"] #app #tableView #actionButtons #btnRaise:not(.ab-allin):not(.is-allin) :is(.ab-label,.ab-amount) {color: #f1ebec !important;}
html[data-site-skin="overlay"] body #eightToolToggleBtn {
  background: #231b1e !important;
  color: #d1bdc2 !important;
  border-color: #8b4657 !important;
  box-shadow: inset 0 1px 0 #e5dadd22 !important;
}

html[data-site-skin="overlay"] body #eightToolToggleBtn[aria-expanded="true"] {background: #422e35 !important; border-color: #e0d2d6 !important;}

/* A presentation marker is applied only to the six exact built-in sources.
 * The original img src/identity and every custom or generated image survive. */
html[data-site-skin="overlay"] #app #tableView :is(#seats,#seatGhosts,#hero) .avatar[data-overlay-human] {
  background-image: var(--overlay-human-image) !important;
  background-size: 120% auto !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 3px 2px #0007) !important;
}
html[data-site-skin="overlay"] #app #tableView :is(#seats,#seatGhosts,#hero) .avatar[data-overlay-human] > img {visibility: hidden !important;}
html[data-site-skin="overlay"] [data-overlay-human="01"] {--overlay-human-image: url("assets/avatars/human-01.webp");}
html[data-site-skin="overlay"] [data-overlay-human="02"] {--overlay-human-image: url("assets/avatars/human-02.webp");}
html[data-site-skin="overlay"] [data-overlay-human="03"] {--overlay-human-image: url("assets/avatars/human-03.webp");}
html[data-site-skin="overlay"] [data-overlay-human="04"] {--overlay-human-image: url("assets/avatars/human-04.webp");}
html[data-site-skin="overlay"] [data-overlay-human="05"] {--overlay-human-image: url("assets/avatars/human-05.webp");}
html[data-site-skin="overlay"] [data-overlay-human="06"] {--overlay-human-image: url("assets/avatars/human-06.webp");}

/* The card face, dimensions, rotations, reveal/fold and showdown stay shared. */
html[data-site-skin="overlay"] body:is(:not([data-card-back-skin]),[data-card-back-skin="back_123game_black_gold"]) #app #tableView :is(#seats,#seatGhosts,#hero) .card.hidden-card {
  background: url("assets/chips/card-back.svg") center / 100% 100% no-repeat !important;
  border-color: #bb9ea5 !important;
}
html[data-site-skin="overlay"] body:is(:not([data-card-back-skin]),[data-card-back-skin="back_123game_black_gold"]) #app #tableView :is(#seats,#seatGhosts,#hero) .card.hidden-card::before,
html[data-site-skin="overlay"] body:is(:not([data-card-back-skin]),[data-card-back-skin="back_123game_black_gold"]) #app #tableView :is(#seats,#seatGhosts,#hero) .card.hidden-card::after {content: none !important; background: none !important;}

/* Repaint the existing four stages without changing icon boxes or amounts. */
html[data-site-skin="overlay"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack {background: url("assets/chips/chip-stage-1.svg") center / contain no-repeat !important;}
html[data-site-skin="overlay"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack[data-chip-count="2"] {background-image: url("assets/chips/chip-stage-2.svg") !important;}
html[data-site-skin="overlay"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack[data-chip-count="3"] {background-image: url("assets/chips/chip-stage-3.svg") !important;}
html[data-site-skin="overlay"] #app #tableView #betChipLayer .table-bet-chip:not(.central-bet-pool) .bet-chip-stack[data-chip-count="4"] {background-image: url("assets/chips/chip-stage-4.svg") !important;}
html[data-site-skin="overlay"] #app #tableView #centralBetPool .bet-chip-stack {background: url("assets/chips/pot-stage-1.svg") center / contain no-repeat !important;}
html[data-site-skin="overlay"] #app #tableView #centralBetPool[data-pot-pile-stage="2"] .bet-chip-stack {background-image: url("assets/chips/pot-stage-2.svg") !important;}
html[data-site-skin="overlay"] #app #tableView #centralBetPool[data-pot-pile-stage="3"] .bet-chip-stack {background-image: url("assets/chips/pot-stage-3.svg") !important;}
html[data-site-skin="overlay"] #app #tableView #centralBetPool[data-pot-pile-stage="4"] .bet-chip-stack {background-image: url("assets/chips/pot-stage-4.svg") !important;}
html[data-site-skin="overlay"] #app #tableView #betChipLayer .bet-chip-stack > * {visibility: hidden !important;}