a#scroll-to-top {
   width: 60px;
   height: 60px;
   display: flex; /* Use flexbox for centering */
   justify-content: center; /* Center horizontally */
   align-items: center; /* Center vertically */
   border-radius: 50%;
   background: #830508 !important;

   position: absolute;
   bottom: calc(100% + 10px);
   left: 16px;
}

a#scroll-to-top svg  {
   width: 50px;
   height: 50px;
}

#chatbot-container.with-sticky {
   bottom: 92px;
}

body.u-body {
   background-color: black;
}

header.title-bar, main {
   max-width: 1200px;
   width: 100%;
   margin: auto;
   z-index: 1000;
}


header.title-bar {
   margin-top: 20px;
   background-color: black;
   display: flex;
   position: static;
}

header.title-bar > div:first-child {
   flex-grow: 2; /* This will make the first div take more space */
}

header.title-bar > div:last-child {
   flex-grow: 1; /* This will make the second div take less space */
}

header.title-bar > div:last-child {
   display: flex;
   justify-content: end;
}



header h3 {
   color: white;
   margin: 0;
   padding: 15px;
   font-size: 3.5rem;
}
hedaer h1 span {
   color:#890d0e ;
}

header p span {
   color: white;
}

header p a {
   text-decoration: underline;
}

span:has(i) i{
   margin-right: 8px;
}
span:has(i) + span {
   margin-left: 16px;
}

.icon-svg svg {
   display: inline-block;
   width: 24px;
   height: 24px;
   fill: currentColor;
   vertical-align: sub !important;
}


main {
   padding-top: 16px;
   background: black;
}

.content {
   color: white;
}

main {
   display: grid;
   grid-template-columns: calc(25% - 1.5rem) calc(75% - 1.5rem);
   gap: 3rem;

}

sidebar .poster {
   border-radius: 15px;
   overflow: hidden;
   font-size: 0;
}

sidebar .sticky {
   position: sticky;
   top: 80px;
   z-index: 1 ;
}

sidebar nav ul {
   list-style-type: none; 
   padding: 0; 
   margin: 0; 
   flex-direction: column;
   color: white;
}

sidebar nav ul li {
   display: block;
   margin-bottom: 0px;
   border-left: 1px solid rgba(255, 255, 255, 0.5);
}

sidebar nav ul li a {
   text-decoration: none; 
   color: inherit; 
   padding: 5px 10px; 
   display: block; 
}


table {
   width: 100%;
}

tr {
   margin-bottom: 16px;
}

td h3 {
   font-size: 1.6rem;
   margin-bottom: 0px;
}


td>div {
   padding: 10px 0 ;
}

td div p {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}
td div h3 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}

td b {
   font-size: 1.3rem;
   line-height: 0;
}

.place {
   max-width: 240px;
}

.place p {
   margin-top: 0px;
}

td .u-btn {
   margin-left: auto;
   margin-top: 0px;
}

td div:has(.u-btn) {
   padding-top: 0;
   padding-bottom: 13px;
}
td div:has(.u-btn) + {
   font-size: 0.75rem;
   text-align: right;
}

td:last-child p:first-child {
   margin-bottom: 20px !important;
   text-align: right;
}

td:nth-child(3) {
   display: flex;
}

.u-btn {
   border-radius: 15px;
}

.expandtext {
   color: #890d0e;
   cursor: pointer;
   font-weight: bold;
}

.texttoexpand {
   display: none;
}

.texttoexpand.expand {
   display: inline;
}

.description summary {
   display: inline;
   cursor: pointer;
}

.description details {
   display: inline;
}


#bilety {
   padding-bottom: 32px;
}
#wydarzenie {

   padding-top: 32px;
   border-top: 1px solid rgba(255, 255, 255, 0.5)
}

#wydarzenie h2 {
   margin-bottom: 40px;
}


.gallery-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 10px;
   margin-top: 64px;
}

.gallery-image {
   width: 100%;
   height: auto;
   aspect-ratio: 1 / 1; /* Ensures images are square */
   object-fit: cover;
}

@media (max-width: 768px) {
   .gallery-grid {
      /* grid-template-columns: repeat(2, 1fr); */
   }
}

@media (max-width: 480px) {
   .gallery-grid {
      /* grid-template-columns: 1fr; */
   }
}

@media screen and (min-width: 876px) {
   #sticky-button {
      display: none !important;
   }
}

@media screen and (max-width: 875px) {
   .title-bar,.content  {
      padding: 0 20px;
   }
   
   .title-bar {
      flex-direction: column;
   }
   .title-bar div:last-child a {
      width: 100%;
   }

   main {
      grid-template-columns: 100%;
   }

   sidebar nav {
      display: none;
   }
   .poster img {
      width: 100%;
   }
   .glide__slide img {
      width: 100%;
   }

   .img .glide {
      margin: auto !important;
   }

   table tr {
      display: flex;
      flex-direction: column;
   }

   table tr td:first-child br{
      display: none;
   }

   .u-btn {
      width: 100%;
   }

   #sticky-button {
      display: block;
      position: fixed; /* Use fixed to stick to the viewport */
      bottom: 0;
      left: 0;
      width: 100%; /* Ensure it spans the full width */
      z-index: 1000; /* Ensure it appears above other elements */
      background-color: #000; /* Optional: Set a background color */
      color: #fff; /* Optional: Set a text color */
      text-align: center; /* Center the text */
      padding: 10px 0; /* Add some padding for better appearance */
   }
}

#rating h2 {
   margin-top: 32px;
}

#rating ul {
   list-style-type: none; /* Remove list style */
   padding: 0; /* Remove padding */
   margin: 0; /* Remove margin */
}

#rating li {
   margin-bottom: 1em; /* Add some space between opinions */
   padding-left: 1em; /* Add indentation for the entire opinion block */
}

#rating li a:hover {
   color: white;
}

#rating .user-name {
   font-size: 0.9em; /* Slightly reduce font size */
   font-weight: bold; /* Make the name bold */
   display: inline-block; /* Align stars next to the name */
   margin-right: 0.5em; /* Add some space between name and stars */
}

#rating .stars-outer {
   display: inline-block; /* Align stars next to the name */
   position: relative;
   font-size: 0.9em; /* Slightly reduce font size */
}

#rating .stars-inner {
   position: absolute;
   top: 0;
   left: 0;
   white-space: nowrap;
   overflow: hidden;
   width: 0; /* This will be set dynamically */
}

#rating p {
   font-size: 0.9em; /* Slightly reduce font size for comments */
   margin-left: 1em; /* Add indentation for the comment text */
}

#rating > p > a {
   text-decoration: underline; /* Underline the comment author's name */
}