/* Mocniejsze wymuszenie układu kolumn pod sobą na mobile/tablet dla login/register */
@media (max-width: 991.98px) {
  .offset-md-1 {
    margin-left: 0% !important;
  }
  .btn-group {
    display: none !important;
  }
  .col-md-1 {
    display: none !important;
  }
  /* Układ pionowy i 100% szerokości dla przycisków/selectów w wynikach wyszukiwania */
  #search-results .row,
  #product-search .row {
    flex-direction: column !important;
    display: flex !important;
  }
  #search-results .row > div,
  #product-search .row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
  #search-results .row > [class^="col-"],
  #search-results .row > [class*="col-"],
  #product-search .row > [class^="col-"],
  #product-search .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
  #display-control .row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
  #display-control .row {
    flex-direction: column !important;
    display: flex !important;
  }
  #display-control .row > [class^="col-"],
  #display-control .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
  .col-md-3.col-lg-4 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .col-md-3 {
    width: 0% !important;
    max-width: 0% !important;
    flex: 0 0 0% !important;
  }
  .col-md-5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  #account-login .row,
  #account-register .row {
    flex-direction: column !important;
    display: flex !important;
  }
  #account-login .row > .col,
  #account-register .row > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
}
/* Responsive stacking for login/register containers on mobile and tablet */
@media (max-width: 991.98px) {
  #account-login .row,
  #account-register .row {
    flex-direction: column !important;
    display: flex !important;
  }
  #account-login [class^="col-"],
  #account-register [class^="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* Landscape orientation: stosuj te same reguły co w pionie */
@media (max-width: 991.98px) and (orientation: landscape) {
  .featured-module {
    padding-bottom: 80px !important;
  }
  #account-login .row,
  #account-register .row {
    flex-direction: column !important;
    display: flex !important;
  }
  #account-login [class^="col-"],
  #account-register [class^="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  body {
    padding-bottom: 80px !important;
  }
  #product-category {
    padding-bottom: 80px !important;
  }

  /* Wymuszenie, aby wyszukiwarka była pod logiem */
  #logo {
    margin-bottom: 24px !important;
  }
  #search {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 16px auto !important;
    clear: both !important;
    position: relative !important;
    top: 0 !important;
  }

}

@media (max-width: 991.98px) {
  .col-lg-4.offset-lg-1 {
    order: -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .col-lg-3 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  #cart .dropdown-menu li {
    min-width: 100%;
  }
}

@media (max-width: 991.98px) {
  /* Usunięcie strzałek CSS w okruszkach chleba */
  .breadcrumb > li.breadcrumb-item:after {
    display: none !important;
  }
  /* Dodanie separatora '>' po każdej ścieżce z mniejszym odstępem */
  .breadcrumb > li.breadcrumb-item:not(:last-child):after {
    display: inline !important;
    content: ' >';
    position: static !important;
    border: none !important;
    background: none !important;
    transform: none !important;
    color: var(--bs-gray-600, #888);
    margin: 0 2px;
    font-weight: normal;
    font-size: 1em;
  }
  .breadcrumb > li.breadcrumb-item {
    padding: 0 2px !important;
  }
}

@media (max-width: 991.98px) {
  #logo h1 {
    display: none !important;
  }
  #logo {
    text-align: center !important;
    min-height: 120px;
    position: relative;
  }
  #logo-link {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background: url('https://tarabaseny.com.pl/image/catalog/logo_tara_1996.jpg') no-repeat center center;
    background-size: contain;
  }
}

@media (max-width: 991.98px) {
  .list-inline-item {
    padding-right: 10px !important;
  }
}

@media (max-width: 991.98px) {
  .alert, .notification, .toast {
    max-width: 95vw;
    box-sizing: border-box;
    word-break: break-word;
    overflow-wrap: break-word;
    left: 50%;
    transform: translateX(-50%);
  }
}