/* .page-footer {} */
footer {
    overflow-x: hidden;


}

footer h3,footer h2{
    font-size:1.2rem;
}

footer .icon{
    @apply text-giftdesign
}

.bar{
    min-width:2000px;
    width: max-content;
    margin-left: -1rem;

    @screen lg{   
        min-width:2000px;
    }

    @screen 2xl{
        min-width:2400px;
        margin-left: -2rem;
    }
}

.barContainer{
    width:100vw;
    overflow-x: hidden;
}

.bar-container {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
  }

  /* Hide scrollbar for Chrome, Safari and Opera */
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  
  /* Zapobieganie zawijaniu tekstu w elementach menu */
  .bar-content a {
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    padding: 0 15px;
    text-decoration: none; 
  }
  
  /* Style dla ikon SVG */
  .bar-content svg {
    display: inline-block;
    flex-shrink: 0; /* Zapobiega zmniejszaniu SVG */
    width: 36px; /* Wymuszenie szerokości */
    height: 36px; /* Wymuszenie wysokości */
    margin: 0 0.75rem; /* Margines po obu stronach */
  }
  
  /* Dodawanie wyraźnego wskaźnika, że można przewijać */
  .bar-content {
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
    display: flex; /* Użyj flexbox dla lepszego wyrównania */
    align-items: center; /* Wycentruj elementy pionowo */
    height: 100%; /* Upewnij się, że kontener ma wysokość */
  }

  .bar-content p {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}
  
  /* W trakcie przeciągania */
  .bar-content.cursor-grabbing {
    cursor: grabbing;
  }
  
  /* Styl dla każdego elementu w pasku */
  .bar-content > * {
    display: flex; /* Użyj flexbox wewnątrz każdego elementu */
    align-items: center; /* Wycentruj zawartość pionowo */
  }
  .footer-bar-content {
    width: fit-content;
  }

  .footer-bar-content svg{
    width:1rem;
  }  
  .footer-bar-content a{
    text-wrap: nowrap;
  }