/* Fuerza el layout horizontal aunque el theme meta estilos */
#motoStepFilter.moto-step-filter{
display: grid !important;
grid-template-columns: repeat(5, minmax(160px, 1fr)) !important;
gap: 15px !important;
align-items: end !important;
width: 100% !important;
}
#motoStepFilter .mf-field{
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
width: 100% !important;
}
#motoStepFilter label{
font-weight: 600 !important;
margin: 0 0 6px 0 !important;
}
#motoStepFilter select,
#motoStepFilter button{
height: 46px !important;
padding: 10px 12px !important;
border-radius: 10px !important;
border: 1px solid #ddd !important;
width: 100% !important;
}
#motoStepFilter button{
background: #000 !important;
color: #fff !important;
font-weight: 700 !important;
border: none !important;
}
#motoStepFilter select[disabled],
#motoStepFilter button[disabled]{
opacity: .55 !important;
cursor: not-allowed !important;
}
.mf-status{
grid-column: 1 / -1;
font-size: 12px;
opacity: .85;
margin-top: 2px;
}
/* Tablet */
@media (max-width: 1024px){
#motoStepFilter.moto-step-filter{
grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
}
}
/* Mobile */
@media (max-width: 600px){
#motoStepFilter.moto-step-filter{
grid-template-columns: 1fr !important;
}
}