/* Portal Express — compacta as opções do cliente na solicitação de entrega.
   Apenas layout: não altera estado, eventos ou comportamento dos checkboxes. */

/* O card que contém os dois controles vira uma grade de 2 colunas. */
div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) {
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(0, max-content);
  column-gap: 1.25rem;
  row-gap: 0.75rem;
  justify-content: start;
}

/* Neutraliza os margins de space-y do card quando ele passa a usar grid gap. */
div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) > * {
  grid-column: 1 / -1;
  margin-top: 0 !important;
}

/* Achata apenas o wrapper do CustomerAutofill para que seus blocos participem
   da grade do card sem mudar a estrutura React nem a lógica dos campos. */
div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) > div.space-y-3 {
  display: contents;
}

div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) > div.space-y-3 > * {
  grid-column: 1 / -1;
  margin-top: 0 !important;
}

/* As duas opções ficam na mesma linha. */
div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) > div.space-y-3 > div:has(#ec-wpp) {
  grid-column: 1;
  align-self: center;
  white-space: nowrap;
}

div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) > div:has(> #ec-save) {
  grid-column: 2;
  align-self: center;
  margin-top: 0 !important;
  white-space: nowrap;
}

/* Em telas excepcionalmente estreitas, evita estouro horizontal. */
@media (max-width: 330px) {
  div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) {
    grid-template-columns: 1fr;
  }

  div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) > div.space-y-3 > div:has(#ec-wpp),
  div:has(> div.space-y-3 #ec-wpp):has(> div #ec-save) > div:has(> #ec-save) {
    grid-column: 1;
  }
}

/* PlacePicker da Entrega Rápida: ocupa toda a largura real do viewport móvel.
   Corrige a faixa vazia à direita sem afetar outros sheets/modais do sistema. */
@media (max-width: 767px) {
  [role="dialog"]:has(input[placeholder*="Rua e número em Limeira"]) {
    left: 0 !important;
    right: 0 !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}