/* Live Casino mobile accordion. Loaded after the main stylesheet on purpose. */
@media (max-width: 760px) {
  .live-hub { padding: 32px 12px 28px; }
  .live-hub__intro { gap: 18px; margin-bottom: 18px; }
  .live-hub h2 { margin-bottom: 12px; font-size: clamp(33px, 9.5vw, 44px); line-height: 1.03; }
  .live-hub__intro > div > p:last-child { font-size: 15px; line-height: 1.55; }
  .live-hub__brief { gap: 6px; padding: 18px; border-radius: 18px; }
  .live-hub__brief strong { font-size: 17px; }
  .live-hub__brief span { font-size: 13px; }

  .live-switcher { display: flex; flex-direction: column; gap: 8px; }
  .live-switcher > label {
    position: relative;
    width: 100%;
    min-height: 52px;
    justify-content: flex-start;
    padding: 11px 46px 11px 16px;
    border: 1px solid rgba(32, 157, 190, 0.34);
    border-radius: 15px;
    color: #173d58;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 8px 20px rgba(28, 80, 105, 0.08);
    font-size: 14px;
    text-align: left;
    order: initial;
  }
  .live-switcher > label::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 16px;
    color: #11859a;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-52%);
  }
  #live-roulette:checked + label,
  #live-blackjack:checked + label,
  #live-baccarat:checked + label,
  #live-poker:checked + label,
  #live-shows:checked + label,
  #live-special:checked + label {
    border-color: #95f8e6;
    color: #ffffff;
    background: linear-gradient(125deg, #126d8e, #08a996);
    box-shadow: 0 0 0 2px rgba(54, 220, 197, 0.18), 0 10px 24px rgba(4, 130, 139, 0.28);
  }
  #live-roulette:checked + label::after,
  #live-blackjack:checked + label::after,
  #live-baccarat:checked + label::after,
  #live-poker:checked + label::after,
  #live-shows:checked + label::after,
  #live-special:checked + label::after { content: "−"; color: #ffffff; }

  .live-panels { display: contents; }
  label[for="live-roulette"] { order: 1; }
  .live-panel--roulette { order: 2; }
  label[for="live-blackjack"] { order: 3; }
  .live-panel--blackjack { order: 4; }
  label[for="live-baccarat"] { order: 5; }
  .live-panel--baccarat { order: 6; }
  label[for="live-poker"] { order: 7; }
  .live-panel--poker { order: 8; }
  label[for="live-shows"] { order: 9; }
  .live-panel--shows { order: 10; }
  label[for="live-special"] { order: 11; }
  .live-panel--special { order: 12; }

  .live-panel { width: 100%; border-radius: 20px; }
  .live-panel > header { padding: 18px; }
  .live-panel > header h3 { font-size: 28px; }
  .live-panel > header p { font-size: 13px; line-height: 1.5; }
  .live-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px; }
  .live-card, .live-card__expanded { order: initial; }
  .live-card { border-radius: 14px; }
  .live-card__body { min-height: 102px; padding: 10px; }
  .live-card__title { min-height: 48px; margin-bottom: 8px; font-size: 13px; line-height: 1.25; }
  .live-card__details-label { padding-top: 11px; font-size: 11px; }
  .live-table-control:checked + .live-card, .live-card__expanded { grid-column: 1 / -1; }
  .live-card__expanded { padding: 16px; }
  .live-card__expanded dl { grid-template-columns: 1fr; }
}