/* Bootstrap overrides */

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
   padding-inline: 16px;
}

/* Dropdown */
.dropdown-menu 
{
   z-index: 1200;
}

/* Scrollbar */


@media (prefers-reduced-motion:no-preference) {
   :root {
       scroll-behavior:auto;
   }
}


/* Breadcrumbs */

.breadcrumb-item a {
   color: var(--neutral-black);
}

.breadcrumb-item + .breadcrumb-item {
   padding-left: 12px;
}

.breadcrumb-item + .breadcrumb-item::before {
   padding-right: 12px;
   color: inherit;
   box-sizing: content-box;
   width: 20px;
   height: 20px;
   text-align: center;
   content: url('/static/img/icons/angle-right.svg');
}

.breadcrumb-item.active {
   color: var(--neutral-black);
}

/* Modals - Mobile-only overrides: fullscreen, sticky header, internal scroll */
@media (max-width: 575px) {
   /* Remove default viewport margins/paddings around the dialog */
   .modal {
      --bs-modal-margin: 0;
      padding: 0 !important;
   }

   /* Make every modal dialog take the full viewport */
   .modal-dialog {
      width: 100vw;
      max-width: none;
      height: 100vh;
      margin: 0;
   }

   /* Ensure modal content fills the dialog and removes rounded edges/borders */
   .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
      display: flex;
      flex-direction: column;
   }

   /* Keep header fixed while content scrolls underneath */
   .modal-header {
      position: sticky;
      top: 0;
      z-index: 1;
      background: var(--bs-body-bg, #fff);
   }

   /* Make the body the scroll container */
   .modal-body {
      flex: 1 1 auto;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
   }

   /* Native app: lift confirm modal actions above the app's bottom navigation */
   html.budi-context-budi-app .budi-confirm-modal .modal-footer {
      padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 140px);
   }
}

/* Progress bar */

.progress {
   --bs-progress-bar-bg: var(--blue-800);
}




/* Responsive container */

@media (max-width: 767px) {
   .breadcrumb-item.budi-hide-mobile {
      display: none;
   }

   .breadcrumb-item + .breadcrumb-item {
      padding-left: 6px;
   }
   
   .breadcrumb-item + .breadcrumb-item::before {
      padding-right: 6px;
   }
}

@media (max-width: 575px) {
   .modal-footer button
   {
      width: 100%;
   }
}

@media (min-width: 992px) and (max-width: 1199px) {
   .container {
      max-width: 990px;
   }
}

@media (min-width: 1400px) {
   .container {
      max-width: 1352px;
   }
}

@media (min-width: 1600px) {
   .container {
      max-width: 1632px;
   }
}