/* codex-organizer-customer-mobile-spacing-20260814: somente reduzir espacos mortos mobile nas areas de organizador e cliente. Nao altera ordem, estrutura, rotas, banco ou funcionalidades. */
@media (max-width: 991.98px) {
  body[data-background-color] .main-panel > .content {
    padding-top: 0 !important;
  }

  body[data-background-color] .page-inner {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 18px !important;
  }

  body[data-background-color] .page-header,
  body[data-background-color] .page-title,
  body[data-background-color] .card-title {
    margin-bottom: 10px !important;
  }

  body[data-background-color] .card,
  body[data-background-color] .domain-card,
  body[data-background-color] .card-light,
  body[data-background-color] .card-dark {
    margin-bottom: 14px !important;
    border-radius: 10px !important;
  }

  body[data-background-color] .card .card-header,
  body[data-background-color] .card .card-body,
  body[data-background-color] .card .card-footer,
  body[data-background-color] .domain-card .card-body,
  body[data-background-color] .domain-card .card-header {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body[data-background-color] .form-group,
  body[data-background-color] .form-check,
  body[data-background-color] .form-field,
  body[data-background-color] .input-group,
  body[data-background-color] .mb-4,
  body[data-background-color] .my-4 {
    margin-bottom: 12px !important;
  }

  body[data-background-color] .row:not(.no-gutters) {
    margin-left: -7px !important;
    margin-right: -7px !important;
    row-gap: 12px;
  }

  body[data-background-color] .row:not(.no-gutters) > [class*="col-"] {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  body[data-background-color] label,
  body[data-background-color] .form-group label {
    margin-bottom: 5px !important;
  }

  body[data-background-color] .form-control,
  body[data-background-color] .custom-select,
  body[data-background-color] .select2-container .select2-selection--single,
  body[data-background-color] .select2-container .select2-selection--multiple,
  body[data-background-color] input[type="text"],
  body[data-background-color] input[type="email"],
  body[data-background-color] input[type="number"],
  body[data-background-color] input[type="tel"],
  body[data-background-color] input[type="url"],
  body[data-background-color] input[type="password"],
  body[data-background-color] textarea {
    min-height: 38px !important;
  }

  body[data-background-color] .option-box {
    padding: 16px 12px !important;
    border-radius: 10px !important;
  }

  body[data-background-color] .brand-crop-stage,
  body[data-background-color] .modal-body {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body[data-background-color] .table-responsive,
  body[data-background-color] .dataTables_wrapper,
  body[data-background-color] .tab-content {
    margin-bottom: 14px !important;
  }
}

@media (max-width: 767.98px) {
  body[data-background-color] .page-inner {
    padding: 70px 10px 16px !important;
  }

  body[data-background-color] .card .card-header,
  body[data-background-color] .card .card-body,
  body[data-background-color] .card .card-footer,
  body[data-background-color] .domain-card .card-body,
  body[data-background-color] .domain-card .card-header {
    padding: 12px !important;
  }

  body[data-background-color] .mb-5,
  body[data-background-color] .my-5,
  body[data-background-color] .pb-5,
  body[data-background-color] .pt-5 {
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
    padding-top: 14px !important;
  }

  body[data-background-color] .btn,
  body[data-background-color] .theme-btn {
    min-height: 36px;
  }

  body:not([data-background-color]) .user-dashbord {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body:not([data-background-color]) .user-dashbord > .container,
  body:not([data-background-color]) .user-dashbord .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
  }

  body:not([data-background-color]) .user-dashbord .row:not(.no-gutters) {
    margin-left: -6px !important;
    margin-right: -6px !important;
    row-gap: 12px;
  }

  body:not([data-background-color]) .user-dashbord .row:not(.no-gutters) > [class*="col-"] {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body:not([data-background-color]) .user-dashbord .row.mt-lg-5,
  body:not([data-background-color]) .user-dashbord .row.pt-10,
  body:not([data-background-color]) .user-dashbord .mt-lg-4,
  body:not([data-background-color]) .user-dashbord .mb-lg-5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  body:not([data-background-color]) .user-profile-details,
  body:not([data-background-color]) .account-info,
  body:not([data-background-color]) .customer-onboarding-callout,
  body:not([data-background-color]) .ticket-item,
  body:not([data-background-color]) .order-card,
  body:not([data-background-color]) .booking-card {
    margin-bottom: 12px !important;
    border-radius: 8px !important;
  }

  body:not([data-background-color]) .account-info,
  body:not([data-background-color]) .customer-onboarding-callout {
    padding: 12px !important;
  }

  body:not([data-background-color]) .user-dashbord .form-group,
  body:not([data-background-color]) .user-dashbord .form_group,
  body:not([data-background-color]) .user-dashbord .input-group {
    margin-bottom: 10px !important;
  }

  body:not([data-background-color]) .user-dashbord label,
  body:not([data-background-color]) .user-dashbord .form-group label {
    margin-bottom: 5px !important;
  }

  body:not([data-background-color]) .user-dashbord .form_control,
  body:not([data-background-color]) .user-dashbord .form-control,
  body:not([data-background-color]) .user-dashbord input,
  body:not([data-background-color]) .user-dashbord select,
  body:not([data-background-color]) .user-dashbord textarea {
    min-height: 38px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body:not([data-background-color]) h2.page-title2 {
    padding-top: 14px !important;
    margin-bottom: 10px !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body.em-auth-body .em-auth-stage,
  body.em-auth-body .em-auth-stage__content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.em-auth-body .em-auth-panel,
  body.em-auth-body .login-form,
  body.em-auth-body .user-form,
  body.em-auth-body .form-wrapper {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 14px !important;
  }
}

@media (max-width: 575.98px) {
  body[data-background-color] .page-inner {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body[data-background-color] .card .card-header,
  body[data-background-color] .card .card-body,
  body[data-background-color] .card .card-footer,
  body:not([data-background-color]) .account-info,
  body:not([data-background-color]) .customer-onboarding-callout {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body[data-background-color] .row:not(.no-gutters) {
    margin-left: -5px !important;
    margin-right: -5px !important;
    row-gap: 10px;
  }

  body[data-background-color] .row:not(.no-gutters) > [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body:not([data-background-color]) .user-dashbord > .container,
  body:not([data-background-color]) .user-dashbord .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}


/* codex-front-mobile-width-organizer-unification-20260814: regra global de largura mobile baseada no super banner. Somente CSS visual. */
@media (max-width: 767.98px) {
  :root {
    --em-mobile-safe-gutter: 6px;
  }

  body:not([data-background-color]) .container,
  body:not([data-background-color]) .container-fluid,
  body:not([data-background-color]) .container-custom,
  body:not([data-background-color]) .main-container,
  body:not([data-background-color]) .event-details-content,
  body:not([data-background-color]) .shop-page-area .container,
  body:not([data-background-color]) .shop-details-area .container,
  body:not([data-background-color]) .event-area .container,
  body:not([data-background-color]) .organizer-search-shell > .container,
  body:not([data-background-color]) .user-dashbord > .container,
  body:not([data-background-color]) .user-dashbord .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: var(--em-mobile-safe-gutter) !important;
    padding-right: var(--em-mobile-safe-gutter) !important;
  }

  body:not([data-background-color]) .row:not(.no-gutters) {
    margin-left: calc(var(--em-mobile-safe-gutter) * -0.5) !important;
    margin-right: calc(var(--em-mobile-safe-gutter) * -0.5) !important;
    row-gap: 8px;
  }

  body:not([data-background-color]) .row:not(.no-gutters) > [class*="col-"] {
    padding-left: calc(var(--em-mobile-safe-gutter) * 0.5) !important;
    padding-right: calc(var(--em-mobile-safe-gutter) * 0.5) !important;
  }

  body:not([data-background-color]) section,
  body:not([data-background-color]) .event-details-section,
  body:not([data-background-color]) .shop-details-area,
  body:not([data-background-color]) .organizer-area,
  body:not([data-background-color]) .event-area {
    overflow-x: hidden;
  }

  body:not([data-background-color]) .card,
  body:not([data-background-color]) .event-item,
  body:not([data-background-color]) .shop-item,
  body:not([data-background-color]) .product-item,
  body:not([data-background-color]) .em-organizer-card,
  body:not([data-background-color]) .event-details-information,
  body:not([data-background-color]) .em-inline-ticket-form {
    max-width: 100% !important;
  }

  body[data-background-color] .main-panel > .content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-background-color] .page-inner {
    padding-left: var(--em-mobile-safe-gutter) !important;
    padding-right: var(--em-mobile-safe-gutter) !important;
  }

  body[data-background-color] .card,
  body[data-background-color] .domain-card,
  body[data-background-color] .card-light,
  body[data-background-color] .card-dark {
    max-width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  :root {
    --em-mobile-safe-gutter: 5px;
  }

  body[data-background-color] .page-inner {
    padding-left: var(--em-mobile-safe-gutter) !important;
    padding-right: var(--em-mobile-safe-gutter) !important;
  }
}



/* codex-mobile-full-width-sweep-20260814: vistoria mobile - largura util quase total sem alterar regras de negocio. */
@media (max-width: 767.98px) {
  body.em-auth-body .em-auth-stage,
  body.em-auth-body .em-auth-stage__content,
  body.em-auth-body .auth-ux-page,
  body.em-auth-body .signup-area,
  body.em-auth-body .login-area {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.em-auth-body .auth-ux-page > .container,
  body.em-auth-body .signup-area > .container,
  body.em-auth-body .login-area > .container,
  body.em-auth-body .em-auth-stage .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.em-auth-body .em-auth-stage .login-form,
  body.em-auth-body .em-auth-stage .user-form,
  body.em-auth-body .em-auth-stage .form-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
  }

  body.em-auth-body .login-form > .row,
  body.em-auth-body .login-form .row,
  body.em-auth-body .signup-domain-card .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.em-auth-body .login-form [class*="col-"],
  body.em-auth-body .signup-domain-card [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.em-auth-body .login-form .form-group,
  body.em-auth-body .login-form .input-group,
  body.em-auth-body .login-form .form-control,
  body.em-auth-body .signup-domain-card,
  body.em-auth-body .signup-domain-card .domain-option,
  body.em-auth-body .auth-captcha-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.em-auth-body .signup-domain-card {
    padding: 10px !important;
  }

  body.em-auth-body .signup-domain-card .domain-option {
    padding: 12px !important;
    min-height: auto !important;
  }

  body[data-background-color] .main-panel,
  body[data-background-color] .main-panel > .content,
  body[data-background-color] .page-inner,
  body[data-background-color] .container,
  body[data-background-color] .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
  }

  body[data-background-color] .row:not(.no-gutters) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-background-color] .row:not(.no-gutters) > [class*="col-"],
  body[data-background-color] .card,
  body[data-background-color] .form-group,
  body[data-background-color] .input-group,
  body[data-background-color] .form-control,
  body[data-background-color] .btn {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not([data-background-color]) .organizer-details-area,
  body:not([data-background-color]) .organizer-details-section,
  body:not([data-background-color]) .organizer-profile-section,
  body:not([data-background-color]) .organizer-profile-wrapper,
  body:not([data-background-color]) .organizer-details-wrapper,
  body:not([data-background-color]) .organizer-details-content,
  body:not([data-background-color]) .organizer-profile-card,
  body:not([data-background-color]) .em-organizer-profile-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body:not([data-background-color]) .organizer-details-area > .container,
  body:not([data-background-color]) .organizer-details-section > .container,
  body:not([data-background-color]) .organizer-profile-section > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}