/* ===== RESPONSIVE FIX: Override hardcoded 1500px min-width ===== */
:root {
  --cui-layout-min-width: 0px !important;
  --cui-layout-max-width: 100% !important;
  --ncb-retail-desktop-brand-color-quartenary: #414142;
}

/* Fix header bar - remove 1500px min-width */
.cui-quick-access__header {
  min-width: 0 !important;
  width: 100% !important;
  overflow-x: auto;
}

/* Fix body area */
.cui-quick-access__body {
  min-width: 0 !important;
  width: 100% !important;
}

/* Fix footer */
.cui-footer {
  min-width: 0 !important;
  width: 100% !important;
}

/* Fix main content area */
.cui-layout-page__public {
  height: auto !important;
  min-height: 500px;
  width: calc(100% - 32px) !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Fix footer content */
.cui-footer__content {
  max-width: 100% !important;
}

/* Fix auxiliar panel width on small screens */
.cui-layout-page--public .cui-layout-page__auxiliar {
  width: 100% !important;
}

/* Allow layout page to shrink */
.cui-layout-page__content {
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Mobile: stack header nav items */
@media (max-width: 767px) {
  .cui-quick-access__body .cui-quick-access__content {
    flex-wrap: wrap;
    gap: 4px;
    flex-direction: row-reverse;
  }

  .cui-quick-access__button {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    flex: 0 0 auto;
  }

  .cui-quick-access__link {
    font-size: 13px;
  }

  /* Footer on mobile */
  .cui-footer__content .cui-footer__item {
    width: 100% !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  .cui-footer__button {
    background-color: #000;
    color: #fff;
    padding: 0 1.25rem;
    margin-inline: auto;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 12px;
  }

  .cui-footer__content {

    justify-content: center;

  }

  .cui-footer__content .cui-footer__item:last-child {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap;
  }

  .cui-text--type--paragraph .cui-text--type--paragraph--text {
    font-size: 9px;
  }

  /* Form fields full width on mobile */
  .col-md-6 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Captcha image */
  .BDC_CaptchaImageDiv {
    width: 100% !important;
  }

  .BDC_CaptchaImageDiv img {
    width: 100% !important;
    height: auto !important;
  }

  .text-icon {
    display: none;
  }
}