/**
 * @file
 * Mobile responsive fix for "Acompanhamento de Convocações" page.
 * Centers content on small viewports instead of forcing full width.
 */

 #view-webform-submission-value-4-table-column{
  position: sticky!important;
    left: 0!important;
    z-index: 10!important;
 }

 table tbody tr td:first-child{
   position: sticky!important;
   left: 0!important;
   z-index: 10!important;
 }
@media (max-width: 1224px) {
}


/* Neutralize Site Studio gutters for this page to avoid width clamp */
@media (max-width: 1023px) {
  html.page-convocacoes,
  html[data-path*="acompanhamento-de-convocacoes"] {
    --ssa-responsive-grid-settings-width: 100% !important;
    --ssa-responsive-grid-settings-boxed-width: 100% !important;
    --ssa-responsive-grid-settings-inner-gutter: 0 !important;
    --ssa-responsive-grid-settings-outer-gutter: 0 !important;
  }

  /* Keep body and inner wrappers fluid and centered */
  body.path-acompanhamento-de-convocacoes,
  body[data-path*="acompanhamento-de-convocacoes"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  body.path-acompanhamento-de-convocacoes .coh-container,
  body[data-path*="acompanhamento-de-convocacoes"] .coh-container,
  body.path-acompanhamento-de-convocacoes .coh-row,
  body[data-path*="acompanhamento-de-convocacoes"] .coh-row,
  body.path-acompanhamento-de-convocacoes .coh-wrapper,
  body[data-path*="acompanhamento-de-convocacoes"] .coh-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}

/* Fix for viewports below 500px - ONLY for convocacoes page */
@media (max-width: 565px) {
  /* Prevent horizontal overflow */
  html.page-convocacoes,
  html[data-path*="acompanhamento-de-convocacoes"] {
    overflow-x: hidden !important;
  }

  /* Center body with auto margins */
  body.path-acompanhamento-de-convocacoes,
  body[data-path*="acompanhamento-de-convocacoes"] {
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }

  /* Pagination: allow wrap and avoid overflow on small screens */
  body.path-acompanhamento-de-convocacoes nav.pager,
  body[data-path*="acompanhamento-de-convocacoes"] nav.pager {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 0 0.5rem !important;
    overflow: hidden !important;
    white-space: normal !important;
  }

  body.path-acompanhamento-de-convocacoes .pagination-summary,
  body[data-path*="acompanhamento-de-convocacoes"] .pagination-summary {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
  }

  body.path-acompanhamento-de-convocacoes .pager__items,
  body[data-path*="acompanhamento-de-convocacoes"] .pager__items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.2rem !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    white-space: normal !important;
  }

  body.path-acompanhamento-de-convocacoes .pager__items .pager__item,
  body[data-path*="acompanhamento-de-convocacoes"] .pager__items .pager__item {
    flex: 0 0 auto !important;
    max-width: 2.4rem !important;
    min-width: 2rem !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.path-acompanhamento-de-convocacoes .pager__items .pager__item a,
  body[data-path*="acompanhamento-de-convocacoes"] .pager__items .pager__item a {
    display: block !important;
    padding: 0.35rem 0.45rem !important;
    font-size: 0.9rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  /* On very small screens, show only previous/next (broaden selector to catch builder toolbar contexts) */
  body.path-acompanhamento-de-convocacoes nav.pager .pager__items .pager__item:not(.pager__item--previous):not(.pager__item--next):not(.pager__item--ellipsis),
  body[data-path*="acompanhamento-de-convocacoes"] nav.pager .pager__items .pager__item:not(.pager__item--previous):not(.pager__item--next):not(.pager__item--ellipsis),
  body nav.pager[data-total-pages] .pager__items .pager__item:not(.pager__item--previous):not(.pager__item--next):not(.pager__item--ellipsis) {
    display: none !important;
  }

  body.path-acompanhamento-de-convocacoes nav.pager .pager__items .pager__item--previous,
  body[data-path*="acompanhamento-de-convocacoes"] nav.pager .pager__items .pager__item--previous,
  body nav.pager[data-total-pages] .pager__items .pager__item--previous,
  body.path-acompanhamento-de-convocacoes nav.pager .pager__items .pager__item--next,
  body[data-path*="acompanhamento-de-convocacoes"] nav.pager .pager__items .pager__item--next,
  body nav.pager[data-total-pages] .pager__items .pager__item--next {
    display: flex !important;
  }

  /* Hide ellipsis on very small screens */
  body.path-acompanhamento-de-convocacoes nav.pager .pager__items .pager__item--ellipsis,
  body[data-path*="acompanhamento-de-convocacoes"] nav.pager .pager__items .pager__item--ellipsis,
  body nav.pager[data-total-pages] .pager__items .pager__item--ellipsis {
    display: none !important;
  }

}

/* Form actions (Consultar / Cancelar) - only for very small screens (<=400px) */
@media (max-width: 400px) {
  body.path-acompanhamento-de-convocacoes [data-drupal-selector="edit-actions"],
  body[data-path*="acompanhamento-de-convocacoes"] [data-drupal-selector="edit-actions"] {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 0.25rem !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0.25rem !important;
    box-sizing: border-box;
    overflow: hidden !important;
  }

  body.path-acompanhamento-de-convocacoes [data-drupal-selector="edit-actions"] .form-submit,
  body[data-path*="acompanhamento-de-convocacoes"] [data-drupal-selector="edit-actions"] .form-submit {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  body.path-acompanhamento-de-convocacoes .views-exposed-form .form-actions,
  body[data-path*="acompanhamento-de-convocacoes"] .views-exposed-form .form-actions {
    flex-direction: column !important;
    gap: 0.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0.25rem !important;
    box-sizing: border-box;
  }

  /* Fallback: enforce column even if body classes differ (builder/preview) */
  body .views-exposed-form .form-actions {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0.25rem !important;
    box-sizing: border-box;
    margin-bottom: 1rem !important;
  }

  body .views-exposed-form .form-actions .form-submit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
  }
}