/* Grid layout for moto filters/search */
.mt-moto-filter .mt-moto-filter-form,
.mt-moto-search .mt-moto-filter-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}
.mt-moto-filter .mt-field label,
.mt-moto-search .mt-field label{display:block;font-weight:600;margin-bottom:4px;font-size:14px;color:#fff}
.mt-moto-filter .mt-submit,.mt-moto-search .mt-submit{justify-self:end}
.mt-moto-filter .mt-submit .button,.mt-moto-search .mt-submit .button{padding:8px 16px}
.mt-moto-filter select:disabled,.mt-moto-search select:disabled{opacity:.6;cursor:wait}

/* Loading spinner on field */
.mt-moto-filter .mt-field,.mt-moto-search .mt-field{position:relative}
.mt-moto-filter .mt-field.is-loading::after,.mt-moto-search .mt-field.is-loading::after{
  content:"";position:absolute;right:10px;bottom:12px;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:mtspin .8s linear infinite;pointer-events:none
}
@keyframes mtspin{to{transform:rotate(360deg)}}

/* Responsive adjustments */
@media (max-width: 1024px){
  .mt-moto-filter .mt-moto-filter-form,
  .mt-moto-search .mt-moto-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 782px){
  .mt-moto-filter .mt-moto-filter-form,
  .mt-moto-search .mt-moto-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-moto-filter .mt-submit,.mt-moto-search .mt-submit{grid-column:1/-1;justify-self:stretch}
  .mt-moto-filter .mt-submit .button,.mt-moto-search .mt-submit .button{width:100%}
}

/* Widget layout: stack fields vertically */
.mt-moto-widget .mt-moto-filter-form{grid-template-columns:1fr}
.mt-moto-widget .mt-submit{grid-column:1/-1;justify-self:stretch}
.mt-moto-widget .mt-submit .button{width:100%}