/*
 * PABX PRIME CUSTOM DESTINATION FULLBLEED CSS V1.3 20260821
 *
 * Camada visual isolada.
 * Usa classes aplicadas em runtime no host e no modal interno.
 */

body.prime-custom-destination-fullbleed-open-v1-3 {
  overflow-x:hidden !important;
}

.tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3 {
  position:relative !important;

  width:calc(100vw - 32px) !important;
  max-width:none !important;
  min-width:0 !important;

  margin-left:calc(50% - 50vw + 16px) !important;
  margin-right:0 !important;
  margin-top:8px !important;
  margin-bottom:18px !important;

  height:auto !important;
  max-height:none !important;

  overflow:visible !important;
  box-sizing:border-box !important;
}

.tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
.tem-page-editor.prime-custom-destination-fullbleed-modal-v1-3 {
  position:relative !important;

  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  height:auto !important;
  max-height:none !important;

  margin:0 !important;

  overflow:visible !important;
  box-sizing:border-box !important;
}

.tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
.prime-custom-destination-fullbleed-modal-v1-3
.tem-page-editor-body,
.tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
.prime-custom-destination-fullbleed-modal-v1-3
.custom-destination-editor-form {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  box-sizing:border-box !important;
}

.tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
.prime-custom-destination-fullbleed-modal-v1-3
.custom-destination-editor-form
input,
.tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
.prime-custom-destination-fullbleed-modal-v1-3
.custom-destination-editor-form
select,
.tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
.prime-custom-destination-fullbleed-modal-v1-3
.custom-destination-editor-form
textarea {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

/*
 * Fallback direto no modal marcado.
 * Mesmo se alguma regra do page-editor mudar futuramente,
 * este modal específico não volta para 860/1180px.
 */
.tem-page-editor.prime-custom-destination-fullbleed-modal-v1-3 {
  max-width:none !important;
}

@media(max-width:1100px) {
  .tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3 {
    width:calc(100vw - 16px) !important;
    margin-left:calc(50% - 50vw + 8px) !important;
    margin-top:6px !important;
  }
}

@media(max-width:680px) {
  .tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3 {
    width:calc(100vw - 8px) !important;
    margin-left:calc(50% - 50vw + 4px) !important;
    margin-top:4px !important;
  }

  .tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
  .custom-destination-number-row {
    grid-template-columns:1fr !important;
  }

  .tem-page-editor-host.prime-custom-destination-fullbleed-host-v1-3
  .custom-destination-contact-button {
    width:100% !important;
  }
}