/* ——— Grilă: mici butoane pătrate ——— */
.reserve-tiles{
  display:grid;
  grid-template-columns: repeat(4, minmax(56px, 64px));
  gap:14px;
}
@media (max-width:560px){
    div#reserve-tiles {
    display: grid;
    justify-content: space-evenly;
    align-content: center;
  
}
}


/* Tile mic, pătrat */
.reserve-tile{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  width:64px; height:64px; padding:0;
  border-radius:10px;
  border:2px solid transparent;
  background:#8f8f8f;
  cursor:pointer; transition:.15s ease;
}
.reserve-tile:hover{ transform: translateY(-1px); }

/* Eticheta din mijloc */
.reserve-tile .tile-title{
  font-weight:800; font-size:16px; line-height:1; color:#fff; margin:0;
}
/* Nu afișăm sub/price pe tile */
.reserve-tile .tile-sub,
.reserve-tile .tile-price{ display:none !important; }

/* Activ: cadru alb + check în colț */
.reserve-tile.is-active{
  border-color:#fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.08) inset;
}
.reserve-tile.is-active::after{
  content:"";
  position:absolute; top:-2px; right:-2px;
  width:17px; height:17px; border-radius:4px;
  background:#000; border:2px solid #fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:center; background-size:14px;
}

/* Culori: VIP aurie, disabled închis */
.reserve-tile[data-attr="vip"]{ background:#b08f2f; }
/* Megvett / nem elérhető tile */
.reserve-tile.is-disabled{
  opacity: 0.3;              /* <<< 30% láthatóság */
  background:#2c2c2c;
  color:#888;
  cursor:not-allowed;
  filter:grayscale(.1);
}
.reserve-tile.is-disabled .tile-title{ color:#bfbfbf; }

/* ne animáljon hoverre */
.reserve-tile.is-disabled:hover{ transform:none; }
/* ne rajzoljon pipát disabled állapotban, ha véletlenül kapna is-active-et */
.reserve-tile.is-disabled.is-active{ border-color:transparent; box-shadow:none; }
.reserve-tile.is-disabled.is-active::after{ display:none; }

/* Input-ul radio ascuns */
.reserve-tile input[type="radio"]{
  position:absolute; width:1px; height:1px; margin:0; padding:0; border:0;
  opacity:0; pointer-events:none; clip:rect(0 0 0 0); clip-path:inset(50%);
  appearance:none; -webkit-appearance:none; outline:none !important;
}
.reserve-tile input[type="radio"]:focus{ outline:none !important; box-shadow:none !important; }

/* Titlu secțiune */
h3.reserve-section-title{ font-size:16px !important; font-weight:700; margin-bottom:12px; }

/* Prețul sub grilă */
.reserve-price{
  margin:14px 0 10px;
  font-weight:700;
  color:#d4b200;
}
.reserve-price #rt-price{ color:#fff; font-weight:700; }

/* Ascunde complet UI-ul de variații Woo */
.woocommerce-variation.single_variation{ display:none !important; }
.variations_form .variations select,
.variations_form .label,
.variations_form .value{ display:none !important; }

.reserve-tiles .tile-capacity {
    font-size: 12px;
    font-weight: 400;
    color: white;
}

.tile-body {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.elementor-kit-30 button:hover, .elementor-kit-30 button:focus, .elementor-kit-30 input[type="button"]:hover, .elementor-kit-30 input[type="button"]:focus, .elementor-kit-30 input[type="submit"]:hover, .elementor-kit-30 input[type="submit"]:focus, .elementor-kit-30 .elementor-button:hover, .elementor-kit-30 .elementor-button:focus {
    border-style: none;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
}


ul#select2-billing_state-results {
    background: black !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    background: black;
}

input.select2-search__field {
    max-height: 10px;
}


.select2-search--dropdown {
    display: block;
    padding: 0;
}


.tile-body {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 2px;
    height: 100%;
}

#reserve-tiles > label:nth-child(9) {
 display:block;
grid-column: span 4;
 width:100%;
}