#pk-zoom-ctrl .lab,#zoom_minus,#zoom_plus,#zoom_range,
#zoom_value,#zoom_label{display:none!important}                /* D2 */
/* Afficher les icônes du bandeau (Dealer ◀ ▶, toggle panneau) */
/* .tb-ico{ display:none !important; } */
#hud_corner{position:absolute;top:12px;left:12px;
  font:700 18px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
#hud_corner b{font-weight:800}                                 /* D5 */
/* Retirer padding-bottom forcé: on utilise pleine hauteur via --pk-topbar-h */
/*.tablewrap{padding-bottom:170px!important}*/
# root CSS vars for layout helpers
:root{ --pk-topbar-h: 0px; --pk-actionbar-h: 0px; --pk-safe-top: 0px; --pk-safe-bot: 0px; }
/* Tampons généraux */
:root{ --pk-gap-floats: 10px; --pk-seat-safe: 14px; }
.seatcard{ margin: var(--pk-seat-safe) 0; }
.pk-bubble + .pk-bubble{ margin-left: var(--pk-gap-floats); }
/* Make the table container fill viewport under topbar */
.tablewrap{
  position: relative;
  height: calc(100vh - var(--pk-topbar-h) - var(--pk-actionbar-h));
  min-height: calc(100vh - var(--pk-topbar-h) - var(--pk-actionbar-h));
  overflow: hidden; /* rien ne déborde */
}

/* (option) barre d’actions collée en bas si non déjà fixé par le thème */
.pk-actionbar, .actionbar, #pk-actions, .pk-bottom-toolbar, .footer-cta{
  position: sticky;
  bottom: 0;
  z-index: 20;
}
#pot_center{position:absolute!important;right:16px!important;top:10px!important;left:auto!important;
  transform:none!important;text-align:right;z-index:24!important;
  font:800 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial} /* D7 */

/* Supprimer les boutons overlay +/- sièges (pas la top‑bar Dealer) */
.pk-top-tools{display:none!important}
/* Afficher le bouton S'ASSEOIR dans les cartes sièges */
/*.sit-btn{display:none!important}*/
/* Masquer les icônes ✎ (renommer/stack) sur sièges vides */
.pk-seat-empty [data-act="editName"],
.pk-seat-empty [data-act="editStack"],
.seatcard.empty [data-act="editName"],
.seatcard.empty [data-act="editStack"]{display:none!important}

/* Siège LIBRE — visuel clair: libellé vert (majuscules) + cartes masquées */
.pk-seat-empty .pk-name,
.seatcard.empty .pk-name,
.seatcard.empty .seat-name{
  color:#10b981 !important; /* vert */
  text-transform:uppercase;
  font-weight:800;
}
.pk-seat-empty .holecards,
.seatcard.empty .holecards{ display:none !important; }

/* Z-order strict: éviter que les pilules (tokens) mordent sur les cartes/labels */
#pk_tokens_layer{ z-index: 2 !important; }
#seats_layer{ z-index: 3 !important; position: absolute; }
.seatcard .holecards{ position: relative; z-index: 3; }
.seatcard .seat-last{ position: relative; z-index: 4; }

/* Safe‑area pour le libellé de dernière action au bord gauche/droit */
.seatcard.edge-left  .seat-last{ transform: translateX(6px); }
.seatcard.edge-right .seat-last{ transform: translateX(-6px); }

/* Anti-collision à droite/gauche/haut/bas: garder de l'air autour du nom */
.seatcard.edge-right .seat-name{ margin-right: 14px; }
.seatcard.edge-left  .seat-name{ margin-left: 14px; }
.seatcard.edge-top   .seat-name{ margin-top: 4px; }
.seatcard.edge-bottom .seat-name{ margin-bottom: 4px; }

/* Plaquer les sièges extrêmes en haut/bas du conteneur */
.seatcard.edge-top{
  top: 0 !important;                       /* bord haut du conteneur */
  transform: translate(-50%, 0) !important;/* ancrage haut (quitte le centrage) */
}
.seatcard.edge-bottom{
  top: 100% !important;                    /* bord bas du conteneur */
  transform: translate(-50%, -100%) !important; /* ancrage bas */
}

/* Dealer UNIQUEMENT pour le siège le plus haut: coin haut-droit (flip si trop à droite) */
.seatcard.edge-top .chip.dealer{
  position:absolute;
  left:auto; right:-12px;
  top:-12px;
  transform:none;
  z-index:3;
}
.seatcard.edge-top.edge-right .chip.dealer{
  right:auto; left:-12px;
}

/* Garde-fou: ne pas latéraliser SB/BB sur le siège haut (laisser le thème par défaut) */
.seatcard.edge-top .badge.sb,
.seatcard.edge-top .badge.bb,
.seatcard.edge-top .pk-token.sb,
.seatcard.edge-top .pk-token.bb{
  position: unset !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

/* Donner un léger z-index au siège haut pour le coin Dealer */
.seatcard.edge-top{ z-index:4; }

/* === Siège haut: pied de carte intégré (nom + outils) === */
.seatcard.edge-top{
  position: relative;
  --pk-seat-footer-h: 44px;
  padding-bottom: var(--pk-seat-footer-h);
  overflow: hidden;
}
.seatcard.edge-top .pk-seat-tools{
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
}
.seatcard.edge-top .pk-name{
  position: absolute !important;
  left: 50% !important;
  bottom: 34px !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
}

/* === Siège 1 : pied de carte intégré (nom + outils) === */
.seatcard[data-seat="1"]{
  position: relative;                /* ancre interne pour les absolus */
  /* réserve de place en bas de la carte pour loger nom + outils */
  --pk-seat1-footer-h: 44px;
  padding-bottom: var(--pk-seat1-footer-h);
  overflow: hidden;                  /* rien ne déborde */
}

/* Outils (− ⟳ ＋) centrés au bas de la carte, à l'intérieur */
.seatcard[data-seat="1"] .pk-seat-tools{
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;            /* à 8px du bas */
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  z-index: 3;
  /* Aligner les boutons sur une seule ligne, centrés */
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  width: calc(100% - 24px) !important; /* marge interne visuelle */
}
/* Forcer les boutons à ne pas s'empiler */
.seatcard[data-seat="1"] .pk-seat-tools > *{ flex: 0 0 auto !important; display: inline-flex !important; }

/* Libellé nom (ex: "Joueur 1") au-dessus des outils, centré */
.seatcard[data-seat="1"] .pk-name{
  position: absolute !important;
  left: 50% !important;
  bottom: 34px !important;           /* 34 = 8 + ~26px (hauteur des outils) */
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  z-index: 3;
}

/* Garde-fous : neutraliser toute ancienne règle qui mettait ces éléments "sous" la carte */
.seatcard[data-seat="1"] .pk-name,
.seatcard[data-seat="1"] .pk-seat-tools{
  margin: 0 !important;
}

/* Optionnel : si la carte a un fond avec arrondi, remonter légèrement sur petit écran */
@media (max-width: 560px){
  .seatcard[data-seat="1"] .pk-seat-tools{ bottom: 6px !important; }
  .seatcard[data-seat="1"] .pk-name{ bottom: 30px !important; }
}

/* === Turn-hint sous le Pot: neutraliser contraintes et ajouter un ruban gauche === */
/* Indication ancrée sous le POT */
#turn_hint[data-mode="pot"]{
  right:auto !important; bottom:auto !important;
  position:absolute; transform:translateX(-50%);
  pointer-events:none; z-index:12;
  /* Une seule ligne, largeur relative à la table, ellipsis si dépasse */
  white-space: nowrap !important;
  text-align: center;
  max-width: calc(100% - 40px) !important; /* 20px de marge de chaque côté */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Enable typing in footer amount input despite footer pointer-events guard */
footer.actions input.bet-mini{ pointer-events: auto !important; }

/* Ruban horizontal, fin, arrondi — part vers la gauche */
#turn_hint[data-mode="pot"]::before{
  content:none;
  display:none;
}

/* Petit “cap” de jonction entre la pastille et le ruban */
#turn_hint[data-mode="pot"]::after{
  content:none;
  display:none;
}

/* Neutralisation explicite de tout ruban résiduel (prioritaire) */
#turn_hint[data-mode="pot"]::before,
#turn_hint[data-mode="pot"]::after{
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Halo actif plus sobre */
.seatcard.active{
  outline: 2px solid rgba(59,130,246,.50) !important;
  box-shadow: 0 0 0 2px rgba(59,130,246,.40), 0 4px 12px rgba(0,0,0,.28) !important;
}

/* Hero (ME) — mettre "Vous" en vert plus vif */
.pk-name.pk-hero{ color:#22c55e !important; font-weight:800; text-transform:none; border-color:rgba(34,197,94,.6) !important; }
.seatcard.is-hero .seat-name{ color:#22c55e !important; font-weight:800; }

/* Topbar — bouton Actualiser (ex Reset zoom) : supprimé/gelé */
#zoom_reset{ display:none !important; }
#zoom_reset::after{ content: none !important; }
#zoom_reset > *{ display:none !important; }

/* Topbar — masquer les toggles latéraux en double */
/* Forcer un seul bouton: garder #pk-top-toggle, masquer l'ancien #btn_toggle_side */
#btn_toggle_side{ display:none !important; }
.topbar .side-toggle:nth-of-type(n+2){ display:none !important; }

/* Statut (coin haut-gauche) plus lisible */
#hud_corner{ font: 700 16px/1.25 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }

/* Siège libre: griser proprement Engagé + Capital */
.pk-seat-empty .seat-commit,
.seatcard.empty .seat-commit{
  color:#9ca3af !important;
  opacity:.8;
  filter:saturate(.6);
}
/* Ligne Capital (div contenant #stack_*) — use :has for container styling */
.pk-seat-empty div:has(> [id^="stack_"]),
.seatcard.empty div:has(> [id^="stack_"]){
  color:#9ca3af !important;
  opacity:.85;
  filter:saturate(.6);
}

/* Toujours en une seule ligne: "Capital: <valeur> [✎]" */
.seatcard div:has(> [id^="stack_"]){
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.seatcard div:has(> [id^="stack_"]) > button[data-act="editStack"]{
  flex:0 0 auto !important;
}

/* Holecards sous la ligne Capital, jamais superposées */
.seatcard .holecards{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  margin-top:10px !important;    /* espace net après Capital */
  position:relative !important;
  z-index:2 !important;
  clear:both !important;
}

/* ===== Topbar — SB/BB (prochaine main) joli ===== */
#pk-topbar{ gap: 10px; }
#pk-topbar .top-controls{ display:flex; align-items:center; gap:12px; }

#pk-blinds-ctrl{
  display:flex; align-items:center; gap:8px;
  background: rgba(23,50,74,.45);
  border: 1px solid var(--bd);
  border-radius: 10px;
  padding: 6px 8px;
}
#pk-blinds-ctrl .lab{
  font: 600 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: #cfe3ff; opacity:.9; margin-right:4px;
}
#pk-blinds-ctrl .sep{ opacity:.5; }
#pk-blinds-ctrl .tc-number{
  width: 78px; max-width: 90px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid var(--bd);
  background:#17324a; color:#e5f0ff;
  text-align: right;
}
#pk-blinds-ctrl .tc-number:focus{ outline:2px solid rgba(59,130,246,.45); border-color:#2f6aa4; }
/* Masquer les spinners pour un rendu propre */
#pk-blinds-ctrl input[type="number"]::-webkit-outer-spin-button,
#pk-blinds-ctrl input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
#pk-blinds-ctrl input[type="number"]{ -moz-appearance:textfield; }

#btn_blinds_apply{
  background:#1f4e78; border:1px solid #2f6aa4; color:#e5f0ff;
  padding:6px 10px; height:32px; border-radius:8px; cursor:pointer; font-weight:700;
}
#btn_blinds_apply:hover{ filter:brightness(1.08); }

@media (max-width: 720px){
  #pk-blinds-ctrl .lab{ display:none; }
  #pk-blinds-ctrl .tc-number{ width:68px; padding:5px 6px; }
  #btn_blinds_apply{ padding:5px 8px; height:30px; }
}

/* ====== Cartes ME (panneau bas-droite) ====== */
#pk-hero-panel{
  position:absolute;
  right: 20px;
  bottom: 20px;
  display:flex; gap:12px; align-items:center; justify-content:flex-end;
  width: calc(min(28vw, 260px));
  height: 140px;
  pointer-events:none;
  z-index: 12;
}
#pk-hero-hint{
  position:absolute; right:0; bottom:0; transform:translateY(110%);
  font: 600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  color: rgba(200,230,255,.55);
  pointer-events:none;
}

/* ====== Board XXL centré ====== */
#pk-board-panel{
  position:absolute;
  left:50%; top:50%; transform:translate(-50%,-50%);
  display:flex; gap:18px; align-items:center; justify-content:center;
  height: 160px;               /* hauteur utile */
  pointer-events:none;
  z-index: 11;
}

/* Slots de cartes (grand format) */
.pk-card-lg{
  width: 96px; height: 140px;
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
  background-color: #0e2b3e;   /* fallback sombre sous sprite */
  background-size: cover;
  background-position:center;
  position: relative;
}
.pk-card-lg.is-placeholder{
  background: none;
  border: 2px dashed rgba(185,207,220,.35);
}
.pk-card-lg.is-unknown{
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(185,207,220,.2);
}

/* Le siège héros ne montre plus ses holecards "in-seat" */
.seatcard.is-hero .holecards { display: none !important; }

/* (Option, si tu vois encore l'ancien petit board) : cache-le */
/* #board_ui { display: none !important; } */   /* décommente si nécessaire */