/* Overrides específicos de layout (frontend) */

/* Cabinas (Step 2)
   - Tablets pequeñas y superior: 3 columnas
   - Móviles intermedios: 2 columnas
   - Móviles pequeños: 1 columna
*/
.daba-style #step2 .m-results .m-resultsItems {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5rem !important;
  justify-content: unset !important;
  align-items: stretch !important;
}

.daba-style #step2 .m-results .m-resultsItems .m-item {
  width: auto !important;
  margin: 0 !important;
}

@media (max-width: 980px) {
  .daba-style #step2 .m-results .m-resultsItems {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.6rem !important;
  }
}

@media (max-width: 480px) {
  .daba-style #step2 .m-results .m-resultsItems {
    grid-template-columns: 1fr !important;
    gap: 1.6rem !important;
  }
}

/* Permitir deseleccionar cabina: el CSS base desactiva clicks en el botón cuando está seleccionada */
.daba-style #step2 .m-resultsItems .m-item.selected .m-card .m-card-button {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Botón de cabina: tipografía responsive (Step 2) */
.daba-style
  #step2
  .m-resultsItems
  .m-item
  .m-card
  .m-card-button
  .text-container
  > span {
  font-size: clamp(1.1rem, 0.55vw + 1rem, 1.4rem) !important;
  line-height: 1.2 !important;
}

/* Botón "Agotada": tipografía responsive (Step 2) */
.daba-style #step2 .m-resultsItems .m-item .m-card .m-card-button > span {
  font-size: clamp(1.1rem, 0.55vw + 1rem, 1.4rem) !important;
  line-height: 1.2 !important;
}

/* Métodos de pago (Step 6): cada método está en label.m-method > div.m-row.step-6
   Usar .m-methods .m-method .m-row para que coincida con la estructura actual.
*/
.daba-style #payment-methods-container .m-methods .m-method .m-row.step-6,
.daba-style #step6 .m-methods .m-method .m-row.step-6 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  border-radius: 0.8rem !important;
  border: none !important;
  background: #fff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  min-height: 0 !important;
  cursor: pointer !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method
  .m-row.step-6
  .m-input-group,
.daba-style #step6 .m-methods .m-method .m-row.step-6 .m-input-group {
  max-width: 80% !important;
  display: flex !important;
  align-items: center !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method
  .m-row.step-6
  .m-input-group
  .m-input,
.daba-style #step6 .m-methods .m-method .m-row.step-6 .m-input-group .m-input {
  margin-right: 0.8rem !important;
  min-width: 1.6rem !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method
  .m-row.step-6
  .m-input-group
  .m-title,
.daba-style #step6 .m-methods .m-method .m-row.step-6 .m-input-group .m-title {
  font-size: 1.6rem !important;
  font-weight: 600 !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method
  .m-row.step-6
  .m-input-group
  .m-text,
.daba-style #step6 .m-methods .m-method .m-row.step-6 .m-input-group .m-text {
  margin-left: 2rem !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
}
.daba-style #payment-methods-container .m-methods .m-method .m-row.step-6 .m-icons,
.daba-style #step6 .m-methods .m-method .m-row.step-6 .m-icons {
  display: flex !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method
  .m-row.step-6
  .m-icons
  .m-icon,
.daba-style #step6 .m-methods .m-method .m-row.step-6 .m-icons .m-icon {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 0.4rem !important;
  border: 0.1rem solid #d0d5dd !important;
  width: 4.25rem !important;
  height: 3rem !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method
  .m-row.step-6
  .m-icons
  .m-icon
  img,
.daba-style #step6 .m-methods .m-method .m-row.step-6 .m-icons .m-icon img {
  max-width: 2.8rem !important;
  max-height: 1.7rem !important;
}
/* active y hover: la clase .active está en .m-method (label), no en .m-row */
.daba-style #payment-methods-container .m-methods .m-method.active .m-row.step-6,
.daba-style #payment-methods-container .m-methods .m-method:hover .m-row.step-6,
.daba-style #step6 .m-methods .m-method.active .m-row.step-6,
.daba-style #step6 .m-methods .m-method:hover .m-row.step-6 {
  border-color: #c39d63 !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method.active
  .m-row.step-6
  input[type='radio'],
.daba-style
  #payment-methods-container
  .m-methods
  .m-method:hover
  .m-row.step-6
  input[type='radio'],
.daba-style #step6 .m-methods .m-method.active .m-row.step-6 input[type='radio'],
.daba-style #step6 .m-methods .m-method:hover .m-row.step-6 input[type='radio'] {
  border-color: #c39d63 !important;
}
.daba-style
  #payment-methods-container
  .m-methods
  .m-method.active
  .m-row.step-6
  input[type='radio']:after,
.daba-style
  #payment-methods-container
  .m-methods
  .m-method:hover
  .m-row.step-6
  input[type='radio']:after,
.daba-style #step6 .m-methods .m-method.active .m-row.step-6 input[type='radio']:after,
.daba-style #step6 .m-methods .m-method:hover .m-row.step-6 input[type='radio']:after {
  opacity: 1 !important;
}
/* Ocultar .m-text-mobile en escritorio (está dentro de .m-method como hermano de .m-row) */
.daba-style
  #payment-methods-container
  .m-methods
  .m-method
  .m-row.step-6
  + .m-text-mobile,
.daba-style #step6 .m-methods .m-method .m-row.step-6 + .m-text-mobile {
  display: none !important;
}
@media (max-width: 960px) {
  .daba-style
    #payment-methods-container
    .m-methods
    .m-method
    .m-row.step-6
    + .m-text-mobile,
  .daba-style #step6 .m-methods .m-method .m-row.step-6 + .m-text-mobile {
    display: flex !important;
    margin-top: 1rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 0 !important;
  }
  .daba-style
    #payment-methods-container
    .m-methods
    .m-method
    .m-row.step-6
    .m-input-group
    .m-text,
  .daba-style #step6 .m-methods .m-method .m-row.step-6 .m-input-group .m-text {
    display: none !important;
  }
}

/* Métodos de pago (Step 6): evitar texto duplicado
   - Escritorio: solo .m-title + .m-text; .m-text-mobile oculto
   - Móvil: solo .m-title + .m-text-mobile; .m-text oculto
*/
/* Ocultar siempre en escritorio (aunque falte la clase .daba-style) */
#step6 .m-method > .m-text-mobile {
  display: none !important;
}
.daba-style #payment-methods-container .m-methods .m-method > .m-text-mobile,
.daba-style #step6 .m-method > .m-text-mobile {
  display: none !important;
}
@media (max-width: 960px) {
  .daba-style #payment-methods-container .m-methods .m-method > .m-text-mobile,
  .daba-style #step6 .m-method > .m-text-mobile,
  #step6 .m-method > .m-text-mobile {
    display: flex !important;
  }
  .daba-style
    #payment-methods-container
    .m-methods
    .m-method
    .m-input-group
    .m-text,
  .daba-style #step6 .m-method .m-input-group .m-text,
  #step6 .m-method .m-input-group .m-text {
    display: none !important;
  }
}

/* Transferencia bancaria: aviso/disclaimer al 100% de su fila (primer y segundo pago) */
.daba-style #payment-methods-container .m-methods .m-method[for="wire-transfer"] > .m-text-mobile,
.daba-style #payment-methods-container .m-methods .m-method[for="wire-transfer"] > .m-surcharge,
.daba-style #payment-methods-container .m-methods .m-method[for="wire-transfer"] > .m-wire-data,
.daba-style #step6 .m-methods .m-method[for="wire-transfer"] > .m-text-mobile,
.daba-style #step6 .m-methods .m-method[for="wire-transfer"] > .m-surcharge,
.daba-style #step6 .m-methods .m-method[for="wire-transfer"] > .m-wire-data {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Revolut: una sola caja que se despliega al elegir Tarjeta bancaria */
.daba-style .m-method-revolut {
  display: block !important;
  border: 0.1rem solid #d0d5dd !important;
  border-radius: 0.8rem !important;
  background: #fff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin-top: 2.5rem !important;
  cursor: pointer !important;
}
.daba-style .m-method-revolut:hover,
.daba-style .m-method-revolut.active {
  border-color: #c39d63 !important;
}
.daba-style .m-method-revolut-clickable,
.daba-style .m-method-revolut .m-method-revolut-row {
  cursor: pointer !important;
}
.daba-style .m-method-revolut .m-method-revolut-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 2rem 1.3rem 2rem 1.9rem !important;
  min-height: 7.4rem !important;
  box-sizing: border-box !important;
}
/* Extensión desplegable: mismo padding horizontal que la fila para una sola caja */
.daba-style .m-method-revolut .m-method-revolut-expand.revolut-card-field-card,
.daba-style .m-method-revolut #revolut-card-field-container.revolut-card-field-card {
  margin: 0 !important;
  padding: 1rem 0 0rem 0 !important;
  border-top: 0.1rem solid #e5e7eb !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
.daba-style .revolut-card-field-card,
.daba-style #revolut-card-field-container.revolut-card-field-card {
  width: 100% !important;
  margin-top: 1.2rem !important;
  padding-top: 1.2rem !important;
  border-top: 0.1rem solid #d0d5dd !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
.daba-style .revolut-card-logos {
  margin-bottom: 1.4rem !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.6rem 1rem !important;
}
.daba-style .revolut-card-logos-label {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #475467 !important;
  margin-right: 0.4rem !important;
}
.daba-style .revolut-card-logos-list {
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem 1.2rem !important;
  flex-wrap: wrap !important;
}
.daba-style .revolut-card-logo {
  height: 2rem !important;
  width: auto !important;
  max-width: 3.2rem !important;
  object-fit: contain !important;
  display: block !important;
}
.daba-style .revolut-card-logo-wallet {
  max-width: 2.8rem !important;
}
/* Altura contenida del campo de tarjeta Revolut (evitar bloque muy alto) */
.daba-style #revolut-card-field,
.daba-style .revolut-card-field-target {
  min-height: 2.8rem !important;
  max-height: 3.2rem !important;
  margin: 0 !important;
  display: block !important;
}
.daba-style #revolut-card-field iframe,
.daba-style .revolut-card-field-target iframe {
  height: 2.8rem !important;
  min-height: 2.8rem !important;
  max-height: 3.2rem !important;
}

.daba-style .revolut-card-help {
  margin-bottom: 0.8rem !important;
  font-size: 1.2rem !important;
  color: #667085 !important;
}