/* ===== TEATRO REAL ARANJUEZ: MEJORA SELECTOR DE PLANTAS ===== */

/* Label encima del borde - en el layout-picker (padre) */
.stachesepl-seat-planner-portal-container-layout-picker::before {
  content: "\\1F3DB SELECCIONA TU PLANTA:";
  display: block;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #5b21b6;
  margin-bottom: 6px;
  padding: 0 2px;
}

/* Quitar label del viewport */
.stachesepl-seat-planner-portal-container-layout-picker-viewport::before {
  display: none !important;
  content: none !important;
}

/* Columna para label encima de tabs */
.stachesepl-seat-planner-portal-container-layout-picker {
  flex-direction: column !important;
  gap: 0 !important;
}

/* VIEWPORT: aqui va el borde dorado (anchura acotada al viewport) */
.stachesepl-seat-planner-portal-container-layout-picker-viewport {
  background: linear-gradient(135deg, #f3eeff 0%, #ede9ff 100%) !important;
  border: 2px solid #c9a800 !important;
  border-radius: 14px !important;
  padding: 4px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* TRACK: sin borde, solo contenedor de botones */
.stachesepl-seat-planner-portal-container-layout-picker-track {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 44px !important;
  width: 100% !important;
}

/* Indicador deslizante: morado teatral */
.stachesepl-seat-planner-portal-container-layout-picker-indicator {
  border-radius: 11px !important;
  background: #5b21b6 !important;
  border-color: transparent !important;
  box-shadow: 0 3px 10px rgba(91, 33, 182, 0.45) !important;
}

/* Botones de planta */
.stachesepl-seat-planner-portal-container-layout-picker-track > button {
  min-height: 44px !important;
  height: auto !important;
  padding: 8px 14px !important;
  border-radius: 11px !important;
  z-index: 1 !important;
}

/* Texto del boton */
.stachesepl-seat-planner-portal-container-layout-picker-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* Boton inactivo */
.stachesepl-seat-planner-portal-container-layout-picker-track > button:not(.is-active) .stachesepl-seat-planner-portal-container-layout-picker-label {
  color: #5b21b6 !important;
  opacity: 0.7 !important;
}

/* Boton activo */
.stachesepl-seat-planner-portal-container-layout-picker-track > button.is-active .stachesepl-seat-planner-portal-container-layout-picker-label {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* MOVIL (<=768px) */
@media (max-width: 768px) {
  .stachesepl-seat-planner-header {
    padding: 8px 10px 10px !important;
  }
  .stachesepl-seat-planner-portal-container-layout-picker {
    padding-top: 6px !important;
  }
  .stachesepl-seat-planner-portal-container-layout-picker-track > button {
    min-height: 48px !important;
    padding: 6px 8px !important;
  }
  .stachesepl-seat-planner-portal-container-layout-picker-label {
    font-size: 12px !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
  }
  .stachesepl-seat-planner-portal-container-layout-picker::before {
    font-size: 10px !important;
    letter-spacing: 0.5px !important;
  }
}

.stachesepl-object-seat.disabled:not(.taken):not(.selected){background-color:var(--stachesepl-object-seat-taken-bg-color,#ff6c5f)!important;color:var(--stachesepl-object-seat-taken-color,#fff)!important}
.trfm-native-notice{background:#fff8e1;border-left:4px solid #d99000;border-radius:6px;padding:12px 16px;color:#5a4e00;font-size:13px;line-height:1.5}
.trfm-native-notice[hidden]{display:none!important}

.stachesepl-options-seat-options-header .stachesepl-seat-info{min-width:0;flex:1}
.stachesepl-options-seat-options-header .stachesepl-seat-id{white-space:normal!important;overflow-wrap:anywhere;line-height:1.35}
.trfm-option-seat-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 10px;padding:12px;margin:10px 0 0;border:1px solid #d7dde5;border-radius:8px;font-size:13px;line-height:1.4}
.trfm-option-seat-details dt{font-weight:600;margin:0}
.trfm-option-seat-details dd{margin:0;min-width:0;overflow-wrap:anywhere}
.trfm-option-seat-details.is-reduced{background:#fff7df;border-color:#c88700}
.trfm-option-seat-details.is-reduced [data-trfm-detail="visibility"]{font-weight:700;color:#704000}
@media(max-width:480px){.trfm-option-seat-details{grid-template-columns:1fr;gap:3px}.trfm-option-seat-details dt:not(:first-child){margin-top:8px}}