/* =========================================================
   UIkit modals below 768px — loaded right after tailwind.css (automoto/header.blade.php).

   tailwind.css (compiled theme, no source in the project) animates the dialog with
     .uk-modal-dialog, .uk-modal.uk-open, .uk-open > .uk-modal-dialog { transform: … scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) }
     .uk-modal.uk-open { --tw-scale-x: 1; --tw-scale-y: 1 }      <- open state, set on the modal
     .uk-modal-dialog  { --tw-scale-x: .8; --tw-scale-y: .8 }    <- set on the dialog itself
     @media (min-width: 768px) { .uk-modal-dialog { --tw-scale-x: 1; --tw-scale-y: 1 } }
   The dialog's own .8 wins over the value inherited from .uk-modal.uk-open, so below 768px
   every open modal stayed at 80%. This gives the open dialog the scale the theme meant (1).
   From 768px up nothing changes (already 1 there).
========================================================= */

@media (max-width: 767.98px) {
    .uk-modal.uk-open .uk-modal-dialog {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
    }
}
