/** Shopify CDN: Minification failed

Line 197:12 Unexpected "}"
Line 785:10 Unexpected "{"
Line 785:11 Expected identifier but found "%"
Line 785:33 Unexpected "{"
Line 785:34 Expected identifier but found "%"
Line 962:6 Unexpected "}"
Line 1029:33 Expected identifier but found "."
Line 1387:2 "text-trasnform" is not a known CSS property
Line 1609:0 Unexpected "}"
Line 1652:2 Unexpected "{"
... and 6 more hidden warnings

**/
        *,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      html, body {
        margin: 0;
        padding: 0;

      }
            /* ========== STICKY FOOTER ========== */
            .uh-sticky-footer {
              position: fixed;
              bottom: 0;
              left: 0;
              width: 100%;
              background: #252428;
              border-top: 1px solid #333;
              display: grid;
              grid-template-columns: repeat(7, 1fr);
              align-items: left;
              padding: 12px 16px;
              z-index: 9999;
            }

            /* Columns */
            .uh-col {
              text-align: left;
              font-size: 14px;
              color: #fff;
              position: relative;
            }

            /* Labels */
            .uh-field-label {
              display: flex;
              align-items: center;
              justify-content: left;
              gap: 6px;
              font-weight: 600;
              cursor: pointer;
            }

            .arrow {
              font-size: 12px;
              transition: transform 0.2s;
            }

            .open .arrow {
              transform: rotate(180deg);
            }

            /* Selected text */
            .uh-selected-value {
              font-size: 13px;
              color: #ccc;
              margin-top: 4px;
            }

            /* ========== DROPDOWNS ========== */
            .uh-city-menu,
            .uh-game-menu,
            .uh-edition-menu,
            .uh-players-menu,
            .uh-time-menu {
              position: absolute;
              bottom: 70px;
              background: background: rgba(0,0,0,.45);;
              padding: 8px;
              border-radius: 6px;
              display: none;
              z-index: 9999;
            }

            /* Radio rows */
            .uh-radio {
              display: flex;
              align-items: center;
              gap: 8px;
              background: #2A2A2B;
              padding: 10px;
              margin-bottom: 6px;
              border-radius: 4px;
              cursor: pointer;
              color: #fff;
            }

            .uh-radio:hover {
              background: #1d1c1c;
            }

            .uh-radio.selected {
               border: 1px solid #E3420E !important;
            }

            /* Radio dot */
            .radio-dot {
              width: 14px;
              height: 14px;
              border: 1px solid #fff;
              border-radius: 50%;
              position: relative;
            }



            /* Game images */
            .uh-game-menu img {
              width: 40px;
              height: 40px;
              border-radius: 6px;
              object-fit: cover;
            }

            /* Players */
            .uh-qty-wrap {
              display: flex;
              align-items: center;
              gap: 6px;
            }

            .uh-qty-btn {
              width: 32px;
              height: 32px;
              cursor: pointer;
            }

            .uh-players-input {
              width: 50px;
              text-align: center;
            }

            /* Date */
            .uh-date-wrap {
              position: relative;
              cursor: pointer;
            }

            /* Invisible but clickable date input */
            .uh-date-overlay {
              position: absolute;
              inset: 0;
              width: 100%;
              height: 100%;
              opacity: 0;
              cursor: pointer;
              z-index: 10;
            }

            /* Time */
            .uh-time-item {
              padding: 10px;
              background: #181717;
              margin-bottom: 6px;
              cursor: pointer;
            }

            .uh-time-item.selected {
              background: #fff;
              color: #000;
            }

            /* CTA */
            .uh-add-to-cart {
          padding: 12px 18px;
        border-radius: 999px;
        border: 0;
        background: #E8401C ;
        color: #fff;
        font-family: 'DM Sans', sans-serif;
      font-size: 16px;
      font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
        position: relative;
        margin: 2px 4px;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    right:-16px;
      }
            }

            .uh-add-to-cart:disabled {
              opacity: 0.5;
              background:#A9A9A9;
            }

            .uh-cart-msg {
              font-size: 13px;
              margin-top:  0 6px;;
              color: #e3420e;
                  padding-left: 46px;
            }

            /* Player popup header */
            .uh-players-header {
              display: flex;
              justify-content: space-between;
              align-items: center;
              color: #fff;

              margin-bottom: 8px;
              font-family: 'GilroyBold';
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
            }

            .uh-close-players {
              cursor: pointer;
              font-size: 16px;
              padding: 2px 6px;
            }
            .uh-date-menu {
              position: absolute;
              bottom: 70px;
              background: background: rgba(0,0,0,.45);;
              padding: 8px;
              border-radius: 6px;
              display: none;
              z-index: 9999;
              color: #fff;
            }

            /* Override jQuery UI defaults for dark theme */
            .ui-datepicker {
              background: background: rgba(0,0,0,.45);;
              border: 1px solid #444;
            }
            .ui-datepicker-header {
              background: #222;
              color: #fff;
            }
            .ui-datepicker td a {
              color: #fff;
              background: #2a2a2b;
            }
            .ui-datepicker td a:hover {
              background: #444;
            }
            .uh-date-menu {
            position: absolute;
            bottom: 70px;       /* same as your dropdowns */
            left: 0;
            background: #181717;
            color: #fff;
            padding: 10px;
            border-radius: 6px;
            display: none;
            z-index: 9999;
          }
          .ui-state-disabled, .ui-widget-content .ui-state-disabled{
          border:none;
        background:#181717;
      background: transparent;
      opacity:1;}

          .uh-date-menu .ui-datepicker {
            background: #181717;
            border: none;
            color: #fff;
          }

      .uh-date-menu .ui-datepicker{
         background: #181717;
      }
      .ui-state-default, .ui-widget-content .ui-state-default{
        background: #181717;
            border: none;
            color:#7a7a7a;
        }
          .uh-date-menu .ui-datepicker-header {
            background: #181717;
            border: none;
            color: #fff;
          }

          .uh-date-menu .ui-datepicker-prev,
          .uh-date-menu .ui-datepicker-next {
            color: #e3420e;
          }

          .uh-date-menu .ui-datepicker-calendar td a {
            background: #181717;
            color: #fff;
            border-radius: 4px;
            padding: 4px;
            text-align: center;
            display: block;
            border:none;
          }

          .uh-date-menu .ui-datepicker-calendar td a.ui-state-hover {
            background: #e3420e;
            color: #fff;
          }

          .uh-date-menu .ui-datepicker-calendar td a.ui-state-active {
            background: #e3420e;
            color: #fff;
          }
          .uh-date-wrap {
            position: relative;
          }

          .uh-date-menu {
            width: 250px;      /* adjust width to match footer column */
            left: 50%;
            transform: translateX(-50%);  /* center it above the column */
          }
          .uh-col.disabled {
            pointer-events: none;
            opacity: 0.5;
          }

          /* Radio dot */
          .radio-dot {
            width: 14px;
            height: 14px;
            border: 1px solid #fff;
            border-radius: 50%;
            position: relative;
            background: transparent; /* default empty */
          }


          /* Players popup container */
          .uh-players-menu {
            position: absolute;
            bottom: 70px;
            left: 50%;
            transform: translateX(-50%);
            background: #1a1a1a;
            padding: 20px;
            border-radius: 12px;
            display: none;
            z-index: 10000;
            width: 220px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.5);
            text-align: center;
            color: #fff;
            font-family: sans-serif;
          }

          /* Popup header */
          .uh-players-header {
            font-family: 'GilroyBold';
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
            font-weight: 600;
            margin-bottom: 12px;
          }

          /* Subtitle */
          .uh-players-subtitle {
            font-size: 12px;
            color: #ccc;
            margin-bottom: 20px;
          }

          /* Quantity controls */
          .uh-qty-wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-bottom: 20px;
          }

          .uh-qty-btn {
            width: 36px;
            height: 36px;
            border: none;
            border-radius: 50%;
            background: #e3420e;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
          }

          .uh-qty-btn:hover {
            background: #ff5733;
          }

          .uh-players-input {
            width: 50px;
            text-align: center;
            font-size: 16px;
            padding: 6px;
            border-radius: 6px;
            border: 1px solid #333;
            background: #0d0d0d;
            color: #fff;
          }

          /* Confirm button */
          .uh-players-confirm {
            background: #e3420e;
            color: #fff;
            border: none;
            border-radius: 20px;
            padding: 8px 20px;
            font-size: 14px;
            cursor: pointer;
            transition: background 0.2s;
          }

          .uh-players-confirm:hover {
            background: #ff5733;
          }

          /* Price info */
          .uh-players-price {
            font-size: 14px;
            color: #aaa;
            margin-top: 10px;
          }

          /* Close button */
          .uh-close-players {
            position: absolute;
            top: 8px;
            right: 8px;
            font-size: 16px;
            cursor: pointer;
            color: #fff;
          }
          /* General menu popup */
          .uh-city-menu {
            position: absolute;
            bottom: 70px;
            left: 50%;
            /* transform: translateX(-50%); */
            background: #1a1a1a;
            border-radius: 12px;
            width: 220px;
            padding: 16px;
            display: none;
            z-index: 10000;

            color: #fff;

          }

          /* Popup header */
          .uh-city-menu-header {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 8px;
          }

          /* Subtitle */
          .uh-city-menu-subtitle {
            font-size: 12px;
            color: #ccc;
            margin-bottom: 12px;
            display:none;
          }

          /* Radio row */
          .uh-radio {
            display: flex;
            align-items: center;
            padding: 10px 12px;
            border-radius: 8px;
            background: #2a2a2a;
            margin-bottom: 6px;
            cursor: pointer;
            color: #fff;
            transition: background 0.2s;
            margin-top:10px;
          }

          .uh-radio:hover {
            background: #3a3a3a;
          }

          /* Radio dot */
          .radio-dot {
            width: 18px;
            height: 18px;
            border: 2px solid #ccc;
            border-radius: 50%;
            margin-right: 12px;
            position: relative;
          }
          /* Game menu popup */
        .uh-game-menu {
          position: absolute;
          bottom: 70px;

          /* transform: translateX(-50%); */
          background: #1a1a1a;
          border-radius: 12px;
          width: 360px;
          padding: 16px;
          display: none;
          z-index: 10000;

          color: #fff;
          font-family: sans-serif;
        }

        /* Popup header */
        .uh-game-menu-header {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 8px;
        }
        .uh-game-menu .radio-dot{
        width:19px;
        height:19px;
        }
        /* Subtitle */
        .uh-game-menu-subtitle {
          font-size: 12px;
          color: #ccc;
          margin-bottom: 12px;
        }

        /* Game row */


        /* Hover effect */
        .uh-radio:hover {
          background: #3a3a3a;
        }

        /* Radio dot */
        .radio-dot {
          width: 18px;
          height: 18px;
          border: 2px solid #ccc;
          border-radius: 50%;
          margin-right: 12px;
          position: relative;
        }
        /* Game image inside row */
        .uh-radio img {
          width: 50px;
          height: 50px;
          border-radius: 8px;
          object-fit: cover;
          /* margin-right: 12px; */
        }
        /* Game menu popup */
        .uh-game-menu {
          position: absolute;
          bottom: 70px;
          left: 50%;
          /* transform: translateX(-50%); */
          background: #1a1a1a;
          border-radius: 12px;
          width: 360px;
          padding: 16px;
          display: none;
          z-index: 10000;

          color: #fff;
          font-family: sans-serif;
        }

        /* Popup header */
        .uh-game-menu-header {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 8px;
        }

        /* Subtitle */
        .uh-game-menu-subtitle {
          font-size: 12px;
          color: #ccc;
          margin-bottom: 12px;
        }



        /* Hover effect */
        .uh-radio:hover {
          background: #3a3a3a;
        }

        /* Radio dot */
        .radio-dot {
          width: 18px;
          height: 18px;
          border: 2px solid #ccc;
          border-radius: 50%;
          margin-right: 12px;
          position: relative;
        }





        /* Game image inside row */
        .uh-radio img {
          width: 118px;
          height: 118px;
          border-radius: 8px;
          object-fit: cover;
          /* margin-right: 12px; */
        }
        /* Edition menu popup */
        .uh-edition-menu {
          position: absolute;
          bottom: 70px;
          left: 50%;
          /* transform: translateX(-50%); */
          background: #1a1a1a;
          border-radius: 12px;
          width: 350px;
          padding: 16px;
          display: none;
          z-index: 10000;

          color: #fff;
          font-family: sans-serif;
        }

        /* Popup header */
        .uh-edition-menu-header {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 8px;
        }

        /* Subtitle */
        .uh-edition-menu-subtitle {
          font-size: 12px;
          color: #ccc;
          margin-bottom: 12px;
        }

        /* Edition row */

        /* Hover effect */
        .uh-radio:hover {
          background: #3a3a3a;
        }

        /* Radio dot */
        .radio-dot {
          width: 18px;
          height: 18px;
          border: 2px solid #ccc;
          border-radius: 50%;
          margin-right: 12px;
          position: relative;
        }



        .uh-radio.selected .radio-dot::after {
          content: '';
          position: absolute;

          width: 9px;
          height: 9px;
          background: #e3420e;
          border-radius: 50%;
        }

        /* Edition name and duration */
        /* .uh-radio span {
          display: inline-block;
        } */

        .uh-radio .edition-name {
          font-weight: 600;
        }

        .uh-radio .edition-duration {
          font-size: 12px;
          color: #ccc;
        }
        @media (max-width: 640px) {

          .uh-option,
          .uh-radio,
          .uh-menu-item {
            min-height: 52px;
            padding: 12px 14px;
            border-radius: 12px;
            display: flex;
            align-items: center;
          }

        }
        .uh-mobile-stepper {
        display: none;
        justify-content: space-between;
        padding: 10px;
        background: #222;
      }
      .uh-mobile-stepper button {
        color: #fff;
        background: #ff5a00;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
      }

      @media (max-width: 768px) {
        .uh-mobile-stepper { display: flex; }
        .uh-sticky-footer .uh-col { display: none; }
      }
      /* Base desktop layout */
      .uh-sticky-footer {
       max-width: 1280px;
      margin: auto;
      position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #302D35;
        border-top: 1px solid #444;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 5px;
        padding: 8px;
        z-index: 9999;
      }

      /* Mobile layout */
      @media (max-width: 768px) {
        .uh-sticky-footer {
          display: flex;
          flex-direction: column;
          gap: 6px;
          padding: 6px;
        }

        .uh-col {
          width: 100%;
        }

        .uh-field-label {
          font-size: 14px;
        }

        .uh-selected-value {
          font-size: 16px;
        }

        .uh-add-to-cart {

          font-size: 16px;
          padding: 10px 0;
        }

        /* Menus */
        @media (max-width: 768px) {
        .uh-city-menu,
        .uh-game-menu,
        .uh-edition-menu,
        .uh-players-menu,
        .uh-date-menu,
        .uh-time-menu {
          position: fixed;

          {% comment %} left: 0; {% endcomment %}
          width: 100%;
          max-height: 70vh;
          overflow-y: auto;
          border-radius: 16px 16px 0 0;

          z-index: 10001;
        }
        .uh-players-menu,.uh-date-menu,.uh-time-menu,.uh-game-menu, .uh-edition-menu{
        width:100%  !important;
      max-width:100% !important;}
      }

        .uh-menu-active {
          display: block;
        }
      }
      .uh-footer-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
      }

      .uh-footer-nav button {
        background: #ff5a00;
        color: #fff;
        border: none;
        padding: 8px 16px;
        border-radius: 8px;
        font-size: 16px;
      }

      @media (max-width: 768px) {
        .uh-sticky-footer {
          display: flex;
          flex-direction: column;
          gap: 8px;
          padding: 10px;
        }

        .uh-col {
          width: 100%;
          padding: 10px 12px;
          border-radius: 12px;

        }

        .uh-field-label {
          font-size: 15px;
          font-weight: 600;
        }

        .uh-selected-value {
          font-size: 14px;
          margin-top: 4px;
          color: #ccc;
        }

        .uh-add-to-cart {
          font-size: 16px;
          padding: 14px;
          border-radius: 12px;
        }
      }
      @media (max-width: 768px) {
        .uh-radio {
          min-height: 56px;
          padding: 14px;
          font-size: 15px;
        }

        .uh-radio img {
          width: 42px;
          height: 42px;
        }

        .radio-dot {
          width: 20px;
          height: 20px;
        }
      }
      @media (max-width: 768px) {
        .uh-players-menu {
          left: 0;
          transform: none;
          width: 100%;
          border-radius: 16px 16px 0 0;
        }
      }
      .uh-col.disabled .arrow {
        opacity: 0.3;
      }
      /* ================= MOBILE STEP WIZARD ================= */
      @media (max-width: 768px) {



        .uh-col {
          display: none;
        }

        .uh-col.active-step {
          display: block;
          margin: auto;
        text-align: center;
        }

        .uh-footer-nav {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          display: flex;
          justify-content: space-between;
          padding: 10px 14px;
          background: #252428;
          border-top: 1px solid #333;
          z-index: 10002;
        }

        .uh-footer-nav button {
          flex: 1;
          margin: 0 6px;
          padding: 14px;
          font-size: 16px;
          border-radius: 10px;
        }

        .uh-footer-nav button:disabled {
          opacity: 0.4;
        }
      }
      .ui-datepicker-inline{
      width:100%;}
      @media (min-width: 768px) {
       .uh-sticky-footer{
        padding: 41px 28px;
        }
        .uh-field-label{
          font: 700 18px / 1 'DM Sans', system-ui;
          opacity: .85;
          display: flex;
          align-items: center;
          gap: 6px;
          color: #fff;
        }
        .uh-city-menu{

          width: 396px !important;
          left: 12px;
          bottom: 86px;
          opacity: 1;
          transform: scale(1);
          pointer-events: auto;
          border-radius: 25px 25px 0 0;
          background: #181717;
          border: 1px solid #696969;
          border-bottom: 0;}
        }
        .uh-city-menu-header{
          font-family: 'GilroyBold';
          font-weight: 400;
          font-size: 22px;
          line-height: 100%;
          letter-spacing: 0px;
          vertical-align: middle;
          color: #FFFFFF;
          display: flex;
          flex-direction: column;
          gap: 14.18px;
          padding-top:15px;
          padding-bottom:15px;
        }
        .uh-selected-value{
          font: 900 18px/1 'DM Sans',system-ui;
        }

      }
      .uh-radio.selected {
        border: 1px solid #E3420E !important;
      }
      span.radio-dot {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 17px;
          width: 17px;
          border-radius: 100%;
          border: 1px solid rgba(233, 233, 233, .2);
      }
      .uh-radio.selected span.radio-dot {
          border: 4px solid rgba(227, 66, 14, .2);
      }
       .uh-radio.selected-value span.radio-dot::before {
          content: "";
          background: rgb(227, 66, 14);
          height: 100%;
          width: 100%;
          border-radius: 100%;
       }
       .item-div-row{
          display: flex !important;
          align-items: center;
          justify-content: center;
          font-family: 'GilroyBold';
          font-weight: 400;
          font-style: ☞;
          font-size: 15px;
          leading-trim: NONE;
          line-height: 100%;
          letter-spacing: 0%;
          color: #FFFFFF;
        }
        .uh-game-menu,.uh-edition-menu {
              width: 396px;

              bottom: 86px;
              opacity: 1;

              pointer-events: auto;
              border-radius: 25px 25px 0 0;
              background: #181717;
              border: 1px solid #696969;
              border-bottom: 0;
            }
            .uh-game-menu .uh-radio{
                  gap: 0;
          justify-content: flex-start;
      }
        .uh-game-menu,.uh-edition-menu {
        font-family: 'GilroyBold';
        font-weight: 400;
        font-style: ☞;
        font-size: 15px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;}
            .uh-game-menu-header{
            font-family: 'GilroyBold';
        font-weight: 400;
        font-size: 22px;
        padding-top:15px;
        padding-bottom:15px;
      }
      .uh-edition-menu .uh-radio{.
         display: flex;
        align-items: center;
      }
      .uh-edition-menu .uh-radio span:nth-child(2){
        flex: 1 !important;
      }
      .uh-edition-menu .uh-radio span:nth-child(3){
        margin:auto;
      }
      .uh-edition-menu .uh-radio {
      margin:0px;
      }
      .uh-edition-menu .uh-radio:nth-of-type(2) {
      	border-radius: 10px 10px 0 0;
      }
      .uh-edition-menu .uh-radio {
        border-top: 1px solid rgba(233, 233, 233, 0.2);
        border-right: 1px solid rgba(233, 233, 233, 0.2);
        border-left: 1px solid rgba(233, 233, 233, 0.2);
        border-radius: 0;
        background: transparent;
      }
      .uh-edition-menu .uh-radio:last-of-type {
        border-bottom: 1px solid rgba(233, 233, 233, 0.2);
        border-radius: 0 0 10px 10px;
      }
      .uh-edition-menu .uh-radio.selected {

          border: 1px solid rgba(233, 233, 233, 0.2) !IMPORTANT;

      }
      .uh-players-menu{

          width: 396px;
          bottom: 85px;
          border-radius: 12px 12px 0px 0px;
          box-shadow: none;
      }
      .uh-date-menu {
          width: 396px;
          left: 50%;
          transform: translateX(-50%);
          bottom: 86px;
          border-radius: 12px 12px 0px 0px;
          background: #181717;
      }
      .uh-time-menu{
            width: 396px;
          background: #181717;

          flex-wrap: wrap;
          gap: 5px;
          bottom:85px;
          border-radius:12px 12px 0 0;
          transform: translateX(-25%);
      }
      .uh-time-menu .uh-time-item {
        flex: 0 0 33.333%;
      }
      .uh-time-menu {
        max-width: 400px;
        margin: auto;
        overflow: hidden; /* to clear floats */
        padding:19px;
      }

      .uh-time-item {
        float: left;
        width: 48%;
        margin: 1%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #ddd;
        border-radius: 12px;
        cursor: pointer;
        text-align: center;
      }

      .uh-time-item:hover {
        border-color: #E3420E;
      }

      .uh-time-menu-header,
      .uh-time-menu-subheader {
        clear: both;
        margin-bottom: 10px;
        text-align: left;
      }


      .uh-time-item.selected{
      background-color:#181717;
      border-color: #E3420E;
      color:white;
      }
      .uh-players-header,.uh-game-menu-header,.uh-game-menu-header,.uh-city-menu-header,.uh-time-menu-header{
      font-family: 'GilroyBold';
        font-weight: 400;
        font-size: 22px;
        line-height: 100%;
        letter-spacing: 0px;
      }
      .uh-players-confirm{
      font-family: "DM Sans";
    font-weight: bold;
  }
      .uh-players-subtitle,.uh-time-menu-subheader{
      font-size: 16px;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 400;}
      .uh-players-input{
      width: 81px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid rgba(255,255,255,0.2);
        border-radius: 6px;
        font: 400 40px/1 'DM Sans';
        background: transparent;
        color: #FFF;
        text-align: center;
      }
      #shopify-section-template--26522865992013__rich_text_iHyPMH.home-page-buy-ticket{
      position:relative;
      transform: translateY(0%);
      }
      @media screen and (min-width: 749px) {
      .uh-footer-nav{display:none;}
      }

      @media screen and (max-width : 750px){
      
      .arrow,.uh-selected-value{display:none;}
      .uh-field-label{
        text-align: center;
      margin: auto;
      display: block;
      font-weight:normal
      }
    .uh-footer-nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-top: 16px;
      position:relative;   /* space from previous div */
    }

    .uh-footer-nav span {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    .uh-footer-nav span{
    position:fixed;
    bottom:14px;

      }
      .uh-footer-nav span.uh-next{
      right:0px;}

    .uh-footer-nav{
    height:0px;
    padding:0px;
    margin:0px;
    }
     .uh-time-menu{
      transform: translateX(-5%);}
      }
      .parent-sticky-container{
        width: 100%;
      display: block;
      background: #302D35;
      position: fixed;
      bottom: 0;
      }
     #shopify-section-template--26522865992013__rich_text_iHyPMH.home-page-buy-ticket{
    z-index:0 !important;}
     .uh-field-label.active{
    color:#E3420E;
    }
    .uh-date-wrap.active .uh-field-label{
      color:#E3420E;
    }
    .loadgames-bottom-info{
    text-align:center;
    }
    .loadgames-bottom-info a{
    text-decoration:none;
    color:white;
    }
    .loadgames-bottom-info a path{
    fill:white;
    }
    #uh-pop-title{
    padding: 26px 26px 5px;
    }
    #jquery-ui-datepicker{
    padding: 12px 20px 30px;
    }
    .uh-date-menu .ui-datepicker-calendar td a,.ui-datepicker td span, .ui-datepicker td a{
    text-align:center !important;
    }
    .ui-datepicker td{
      height: 48px;
      width: 48px;
    }
    .uh-date-menu .ui-datepicker-calendar td a.ui-state-hover {
      background: rgba(227, 66, 14, 0.2);
    }
    .uh-datepicker-day-today {
      border: 1px solid rgb(227, 66, 14);
      font-weight: 600;
    }
    .uh-datepicker-day {
      margin: 0;
      padding: 0;
      font-size: 18px;
      line-height: 18px;
      border-radius: 100%;
      cursor: pointer;
      transition: background 0.15s, color 0.15s;
      height: 48px;
      width: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: "DM Sans", sans-serif;
    }
    .uh-date-menu .ui-datepicker-calendar td a.ui-state-active{
      border: 1px solid rgb(227, 66, 14);
      font-weight: 600;
      background:#181717;
    }
    .ui-datepicker td a {
      color: #fff;
      background: #2a2a2b;
      margin: 0;
      padding: 0;
      font-size: 18px;
      line-height: 18px;
      border-radius: 100% !important;
      cursor: pointer;
      transition: background 0.15s, color 0.15s;
      height: 48px;
      width: 48px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      font-family: "DM Sans", sans-serif;
    }
    .ui-state-default, .ui-widget-content .ui-state-default {
      background: #181717;
      border: none;
      color: #7a7a7a;
      font-size: 18px;
    }
    .ui-datepicker-inline.ui-datepicker.ui-widget{
    margin-left:-10px;
    }
    .ui-datepicker-calendar thead{
      border-bottom: 1px solid #424242;
    }
    .ui-datepicker th {
      text-align: center;
      font-weight: bold;
      font-weight: 600;
      color: #FFF;
      font-size: 18px;
      line-height: 18px;
      height: 48px;
      width: 48px;

      align-items: center;
      justify-content: center;
      font-family: "DM Sans", sans-serif;
    }

    .ui-datepicker .ui-datepicker-title{
      margin: 0 2.3em;
      line-height: 1.8em;
      text-align: center;
      font-weight: 600;
      font-size: 20px;
      line-height: 32px;
      font-family: "DM Sans", sans-serif;
    }
    .uh-date-menu{
      border-radius: 25px 25px 0 0;
      background: #181717;
      border: 1px solid #696969;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(105, 105, 105);
      border-bottom: 0;
    }
    .parent-sticky-container{
      z-index: 999999999999999;
    }
    .uh-time-menu,.uh-players-menu{
      border-radius: 25px 25px 0 0;
    background: #181717;
    border: 1px solid #696969;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: rgb(105, 105, 105);
    border-bottom: 0;
    padding: 26px 24px 54px;
    }
    .uh-players-subtitle{
    text-align:left;}
    .uh-players-subtitle{
    margin-bottom:45px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    font-family: 'DM Sans';
  }
    .uh-add-to-cart:disabled {
    background-color: #88878b;
    color: #d4d4d4;
    cursor: not-allowed;
    }
   @media screen and (max-width: 750px){
    .active-step .uh-game-menu ,.active-step .uh-city-menu,.active-step .uh-edition-menu,.active-step .uh-players-menu,.active-step .uh-date-menu,.active-step .uh-time-menu {
    display:block !important;
  }
   .disabled .uh-game-menu ,.disabled .uh-city-menu,.disabled .uh-edition-menu,.disabled .uh-players-menu,.disabled .uh-date-menu,.disabled .uh-time-menu{
     display:none !important;
    }

  }
  .uh-qty-btn.disabled {

    pointer-events: none;

        background-color: #88878b;
      color: #d4d4d4;
      cursor: not-allowed;
  }
  @media screen and (max-width: 750px){
  .uh-players-header, .uh-game-menu-header, .uh-game-menu-header, .uh-city-menu-header, .uh-time-menu-header,div#uh-pop-title{
  text-align:left;
  font-size: 18px;
  }
  .uh-players-subtitle {
    margin-bottom: 45px;
    font-size: 16px;
  }
  .uh-field-label.active{
  color:white;}
  }
  .uh-radio span{
  text-trasnform:capitalize;
  }
  .uh-time-loading {
    padding: 12px;
    font-size: 16px;
    opacity: 0.7;
    text-align: center;
  }
  .ui-datepicker-prev,.ui-datepicker-next{
  cursor:pointer !important;}
  .ui-datepicker-next{
    cursor:pointer !important;
  }
  @media screen and (min-width:750px){

  }
  @media screen and (max-width:750px){
    .uh-col.uh-time-wrap.active-step{
    width:50%; 
  float:left;
margin: unset;}
}
@media (max-width: 768px){
  .uh-sticky-footer{
    display: flex;
    flex-wrap: wrap;
  }

  /* Default mobile: full width */
  .uh-sticky-footer > .uh-col{
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Last two only = 50% */
  .uh-sticky-footer > .uh-col:nth-last-child(-n+2){
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 768px){

  /* Only when NOT in wizard mode */
  .uh-sticky-footer:not(.wizard-mode){
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  /* Default = full width */
  .uh-sticky-footer:not(.wizard-mode) > .uh-col{
    display: block !important;
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Last two = 50% */
  .uh-sticky-footer:not(.wizard-mode) > .uh-col:nth-last-child(-n+2){
    flex: 0 0 50%;
    max-width: 50%;
  }
  .uh-time-wrap.active-step + .add-to-cart-wrap{
    display: block !important;
    position: absolute;
    right:20px;
    bottom:1px;

  }
  .uh-cart-msg{
  padding-right:10px;}
  
}
@media (max-width: 768px){

  /* Wizard base */
  .uh-col{
    display: none;
  }

  .uh-col.active-step{
    display: block;
  }

  /* Hide add-to-cart by default */
  .add-to-cart-wrap{
    display: none;
  }

  /* When time is active → show both horizontally */
  .uh-time-wrap.active-step{
    display: inline-flex !important;
    width: 50%;
    justify-content: center;
  }

  .uh-time-wrap.active-step + .add-to-cart-wrap{
    display: inline-flex !important;
    width: 50%;
   
    align-items: center;
  }
      .uh-time-menu {
        transform: translateX(24%);
    }

}
/* Prevent iOS zoom on input focus */


.uh-qty-btn {
  font-size: 16px !important;
}

/* Also prevent zoom for any input in booking */

.uh-qty-btn {
  font-size: 16px !important;
}
/* iOS Safari zoom fix — scoped to players menu only */
@supports (-webkit-touch-callout: none) {
  
  .uh-players-menu button,
  .uh-players-menu .uh-qty-btn {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
  }
}

@supports (-webkit-touch-callout: none) {
  .uh-players-menu {
    touch-action: manipulation;
  }
}
@supports (-webkit-touch-callout: none) {

  /* Prevent focus zoom */

  .uh-players-menu button {
    font-size: 16px !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-text-size-adjust: 100%;
    touch-action: manipulation;
  }

  /* Prevent viewport scaling */
  .uh-players-menu {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  /* Kill Safari input zoom bug */
  .uh-players-input {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
  }
}

.uh-game-menu .uh-radio {
  /* align-items: flex-start; so image + dot align to top, not centre */
  gap: 12px;
  padding: 14px 12px;
}

.uh-game-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.uh-game-title {
  font-family: 'GilroyBold', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.2;
  color: #fff;
}

.uh-game-tagline {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  color: #fff;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.uh-game-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 4px;
}

.uh-game-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  color: #fff;
  line-height: 1.3;
}

.uh-game-meta-item svg {
  flex-shrink: 0;
  /* opacity: 0.85; */
}

/* .uh-game-price {
  color: #fff !important;
  font-weight: 700;
  opacity: 1 !important;
} */

/* .uh-game-price svg {
  stroke: #E3420E; /* orange accent on price icon */
} */
.uh-game-menu {
  max-height: inherit;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

/* Scrollbar styling to match dark theme */
.uh-game-menu::-webkit-scrollbar {
  width: 4px;
}

.uh-game-menu::-webkit-scrollbar-track {
  background: transparent;
}

.uh-game-menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.uh-game-menu::-webkit-scrollbar-thumb:hover {
  background: rgba(227, 66, 14, 0.6);
}

/* Mobile — already full-height modal, so cap it */
@media (max-width: 768px) {
  .uh-game-menu {
    max-height: 65vh;
  }
}
.uh-radio {
  position: relative; /* needed for absolute positioning of info btn */
}

.uh-game-info-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  {% comment %} //border: 1.5px solid rgba(255, 255, 255, 0.35); {% endcomment %}
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  transition: border-color 0.2s, color 0.2s;
  flex-shrink: 0;
  background: transparent;
}

.uh-game-info-btn:hover {
  border-color: #E3420E;
  color: #E3420E;
}

.uh-game-info-btn svg {
  pointer-events: none;
}
.uh-game-menu {
  overflow: hidden; /* clips content to rounded corners */
  border-radius: 25px 25px 0 0; /* keep your existing radius */
}

.uh-game-menu-inner {
  max-height: 65vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.uh-game-menu-inner::-webkit-scrollbar {
  width: 4px;
}

.uh-game-menu-inner::-webkit-scrollbar-track {
  background: transparent;
}

.uh-game-menu-inner::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}


.uh-game-menu-inner::-webkit-scrollbar-thumb:hover {
  background: rgba(227, 66, 14, 0.6);
}

@media (max-width: 768px) {
  .uh-game-menu-inner {
    max-height: 65vh;
  }
}
.uh-game-menu-inner {
  padding-bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 65vh;
  scroll-behavior: smooth;
}
Now I can see the exact layout. Key observations:

- Radio dot is **vertically centered** on the left, small and minimal
- Image is **large, square, rounded** — takes about 1/3 of the card width
- Text content stacks: **title → tagline → location → duration → price**
- ⓘ icon sits in **top-right corner** of the card
- Meta items have icons inline, all left-aligned
- Card has a subtle **border**, selected state shows **orange border + orange dot**

Here's the corrected CSS:

```css
/* Card */
.uh-game-menu .uh-radio {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 10px;
  background: #2A2A2B;
  margin-bottom: 8px;
}

/* Radio dot — vertically centered, left side */
.uh-game-menu .radio-dot {
  width: 14px;
  height: 14px;
  min-width: 14px;
  border: 1.5px solid rgba(255,255,255,0.3);
  border-radius: 50%;
  align-self: center;
  flex-shrink: 0;
}

.uh-game-menu .uh-radio.selected .radio-dot {
  border-color: #E3420E;
  background: #E3420E;
}

/* Image */
.uh-game-menu .uh-radio img {
  width: 118px;
  height: 118px;
  min-width: 100px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
}

/* Info block */
.uh-game-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  padding-right: 0px; /* space for ⓘ button */
}

/* Title */
.uh-game-title {
  font-family: 'GilroyBold', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
  padding-right:20px
}

/* Tagline */
.uh-game-tagline {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  color: rgba(255,255,255);
  line-height: 1.4;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Meta rows */
.uh-game-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.uh-game-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  color: #fff;
  line-height: 1.3;
}

.uh-game-meta-item svg {
  flex-shrink: 0;
}

/* .uh-game-price {
  color: #fff !important;
  font-weight: 600;
} */

/* ⓘ button */
.uh-game-info-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  flex-shrink: 0;
  background: transparent;
  transition: border-color 0.2s, color 0.2s;
}

.uh-game-info-btn:hover {
  border-color: #E3420E;
  color: #E3420E;
}

/* Scrollable inner */
.uh-game-menu {
  overflow: hidden;
  border-radius: 25px 25px 0 0;
}

.uh-game-menu-inner {
  max-height: 60vh;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
  padding: 0 4px 24px;
  box-sizing: border-box;
}

.uh-game-menu-inner::-webkit-scrollbar {
  width: 4px;
}

.uh-game-menu-inner::-webkit-scrollbar-track {
  background: transparent;
}

.uh-game-menu-inner::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 4px;
}

.uh-game-menu-inner::-webkit-scrollbar-thumb:hover {
  background: rgba(227, 66, 14, 0.6);
}
.uh-game-tagline{
    margin:5px 0px;
}
.uh-game-meta-item{
margin:2px 0px;
}
.uh-game-info{
    text-align:left;
}
@media (min-width: 768px){
  .uh-game-menu,.uh-edition-menu {

        transform: translateX(-50%); 
}
}

/* ===== NEXT BUTTON MOBILE ===== */
@media (max-width: 750px) {
  .uh-next {
    transform: none !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    right: 0px;
  }

  .uh-next svg {
    transform: rotate(180deg); /* only the arrow flips */
  }

  .uh-next-label {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    transform: none;
    order: 1; /* label first */
  }

  .uh-next svg {
    order: 2; /* arrow after label */
  }
  .uh-game-menu-inner {
  max-height: 55vh;
  }
}
@media screen and (max-width : 750px){
  .uh-next {transform: none;}
}
@media screen and (max-width: 750px) {
  .uh-next-label {
    order: 1;
   
    margin-right: 40px;
    margin-bottom: -6px;
  }

  .uh-next svg {
    order: 2;
    transform: rotate(180deg);
  }

  .uh-next {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .uh-prev-label{
    color: white;
  margin-left: 55px;
  }
}
@media screen and (max-width: 750px) {
  /* Hidden by default via CSS — JS will remove this class after selection */
  .uh-next {
    opacity: 0.35;
    pointer-events: none;
  }

  .uh-next.uh-next-enabled {
    opacity: 1;
    pointer-events: auto;
  }
  .uh-field-label{
    color:black !important;
  }
  .uh-sticky-footer{
    background-color:black;
  }
}
@media screen and (max-width: 750px) {
.uh-next-orange {
  background-color: #E8401C !important;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 40px !important;
  border: none;
  border-radius: 50px !important;
  cursor: pointer;
  display: block;
}

.uh-next-orange:hover {
  background-color: #d03518;
}

  .uh-next-orange.visible {
    display: block;
  }

  .uh-next-orange:disabled {
    background: #88878b;
    color: #d4d4d4;
    cursor: not-allowed;
  }
}
/* ===== NEXT / PREV MOBILE ===== */
@media screen and (max-width: 750px) {

  .uh-next {
    transform: none !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    right: 0px;
    opacity: 0.35;
    pointer-events: none;
  }

  .uh-next.uh-next-enabled {
    opacity: 1;
    pointer-events: auto;
  }

  .uh-next svg {
    order: 2;
    transform: rotate(180deg);
  }

  .uh-next-label {
    order: 1;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-right: 40px;
    margin-bottom: -6px;
  }

  .uh-prev-label {
    color: white;
    margin-left: 55px;
  }

  /* Orange next — hidden by default everywhere */
  .uh-next-orange {
    display: none;
    background: #E3420E;
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 999px;
    padding: 14px 32px;
    cursor: pointer;
    position: fixed;
    bottom: 14px;
    right: 14px;
    z-index: 10003;
  }

  .uh-next-orange.visible {
    display: block;
  }

  .uh-next-orange:disabled {
    background: #88878b;
    color: #d4d4d4;
    cursor: not-allowed;
  }
}

/* Always hidden on desktop */
.uh-next-orange {
  display: none;
}
@media screen and (max-width: 750px) {
  /* Hidden by default via CSS — JS will remove this class after selection */
  .uh-next {
    opacity: 0.35;
    pointer-events: none;
  }

  .uh-next.uh-next-enabled {
    opacity: 1;
    pointer-events: auto;
  }
  .uh-next-disabled {
  opacity: 0.5;
  pointer-events: none;
}
/* Always hidden on desktop */
.uh-next-orange {
  display: none;
}

@media screen and (max-width: 750px) {
  .uh-next-orange {
    background: #E3420E;
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 999px;
    padding: 14px 32px;
    cursor: pointer;
    position: fixed;
    bottom: 14px;
    right: 14px;
    z-index: 10003;
  }

  .uh-next-orange:disabled {
    background: #88878b;
    color: #d4d4d4;
    cursor: not-allowed;
  }
}
}
@media screen and (max-width: 750px) {
  .uh-players-confirm {
    display: none;
  }
}
@media (max-width: 768px) {
  .uh-time-menu {
    transform: translateX(0);
  }

  .uh-time-wrap.active-step + .add-to-cart-wrap {
   
    position: absolute;
   
    bottom: 1px;
  }
    .uh-sticky-footer > .uh-col:nth-last-child(-n+2) {
    flex: 0 0 50%;
    max-width: 100%;
  }
  .uh-time-wrap.active-step + .add-to-cart-wrap{
    flex-direction:row-reverse;
    width:100%;
  }

}
.ui-datepicker-prev,
.ui-datepicker-next {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.ui-datepicker-prev:focus,
.ui-datepicker-next:focus,
.ui-datepicker-prev:active,
.ui-datepicker-next:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

/* Remove focus highlight from all datepicker elements */
#jquery-ui-datepicker *:focus {
  outline: none !important;
  box-shadow: none !important;
}
.uh-footer-nav {
  -webkit-tap-highlight-color: transparent !important;
}

.uh-footer-nav span,
.uh-footer-nav button {
  -webkit-tap-highlight-color: transparent !important;
}

/* Remove the teal/blue focus color from the entire footer */
.parent-sticky-container,
.uh-sticky-footer,
.uh-footer-nav {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}
/* Hide default jQuery UI icons */
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
  display: none !important;
}

/* Base button style */
.ui-datepicker-prev,
.ui-datepicker-next {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  transition: background 0.2s !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* Add chevron via pseudo element */
.ui-datepicker-prev::after,
.ui-datepicker-next::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

/* Left chevron for prev */
.ui-datepicker-prev::after {
  transform: rotate(45deg);
  margin-left: 3px;
}

/* Right chevron for next */
.ui-datepicker-next::after {
  transform: rotate(-135deg);
  margin-right: 3px;
}

/* Disabled state */
.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-next.ui-state-disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

/* Position them inside the header */
.ui-datepicker-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 0 !important;
}

.ui-datepicker-prev {
  left: 8px !important;
}

.ui-datepicker-next {
  right: 8px !important;
}
.uh-city-menu{
border: 1px solid #696969;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(105, 105, 105);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(105, 105, 105);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(105, 105, 105);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(105, 105, 105);
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(105, 105, 105);
  border-bottom: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

/* ===== DISABLED DATES (API blocked) ===== */
.uh-date-disabled a,
.uh-date-disabled span {
  color: #444 !important;
  background: #181717 !important;
  text-decoration: none !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.35 !important;
  border-radius: 100% !important;
}

/* Past dates (minDate:0) — keep them dark and muted */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
  border: none !important;
  background: transparent !important;
  opacity: 1 !important;
  text-decoration: none !important; /* ← this kills the line-through */
}

.ui-state-disabled a,
.ui-state-disabled span {
  color: #ccc !important;
  text-decoration: none !important;
  cursor: default !important;
  pointer-events: none !important;
}
@media screen and (max-width: 750px) {
  .uh-game-menu, .uh-edition-menu,.uh-city-menu,.uh-players-menu,.uh-date-menu,.uh-time-menu,.uh-date-menu .ui-datepicker,.uh-date-menu .ui-datepicker-calendar td a,.uh-date-menu .ui-datepicker-header{
    background:#000;
    border-color:#000;
  }
  
  
  .ui-datepicker .ui-datepicker-prev {
  left: 0px !important;
}.ui-datepicker .ui-datepicker-next {
  right: -20px !important;
}
.uh-sticky-footer{
  border-top: 1px solid #000;
}
.ui-datepicker-unselectable.ui-state-disabled span{
  background:#000;
  opacity :0.3;
}
}