/* V1.26.7 — alinhamento vertical padronizado dos títulos com o botão X */
body .modal .modal-card > .modal-head,
body .modal.open .modal-card > .modal-head,
body dialog[open] > .modal-card > .modal-head,
body [role="alertdialog"].open > .modal-card > .modal-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}

/* O título ocupa exatamente a mesma altura-base do X (40px).
   Quando houver subtítulo, ele continua logo abaixo sem deslocar o X. */
body .modal .modal-card > .modal-head > h3,
body .modal .modal-card > .modal-head > div > h3,
body dialog[open] > .modal-card > .modal-head > h3,
body dialog[open] > .modal-card > .modal-head > div > h3,
body [role="alertdialog"].open > .modal-card > .modal-head > h3,
body [role="alertdialog"].open > .modal-card > .modal-head > div > h3{
  display:flex!important;
  align-items:center!important;
  min-height:40px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1.2!important;
}

body .modal .modal-card > .modal-head > .icon-btn,
body .modal.open .modal-card > .modal-head > .icon-btn,
body dialog[open] > .modal-card > .modal-head > .icon-btn,
body [role="alertdialog"].open > .modal-card > .modal-head > .icon-btn{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  align-self:flex-start!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0!important;
}

/* Checkout: remove o posicionamento absoluto antigo e usa o mesmo eixo dos demais modais. */
body #checkoutModal.modal.open > .modal-card > .modal-head{
  display:flex!important;
  align-items:flex-start!important;
  padding:2px 0 8px!important;
  min-height:42px!important;
}
body #checkoutModal .modal-head > h3{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
}
body #checkoutModal .modal-head > .icon-btn{
  position:relative!important;
  top:auto!important;
  right:auto!important;
}

@media(max-width:700px){
  body .modal .modal-card > .modal-head,
  body .modal.open .modal-card > .modal-head,
  body dialog[open] > .modal-card > .modal-head,
  body [role="alertdialog"].open > .modal-card > .modal-head{
    gap:10px!important;
  }
}