@import url('./fonts.css');
@import url('./variables.css');
@import url('./reset.css');
@import url('./architecture.css');
@import url('./posoroko.css');
@import url('./slideShow.css');
@import url('./introOverlay.css');
@import url('./dates.css');
@import url('./backgroundImage.css');
@import url('./pages/billetterie.css');
@import url('./pages/mentions-legales.css');

/* ...existing code... */
body {
    background-color: #180f0c;
}


.socialIcon {
    height: 24px;
}
.socialIcon * {
    fill: var(--text-color);
}

.iconPiba {
    height: 85px;
}


/* Hide scrollbars but keep scrolling functionality */
.scrollContainer,
#bottomFullScreen,
.contentBox {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Chrome, Safari and Opera */
.scrollContainer::-webkit-scrollbar,
#bottomFullScreen::-webkit-scrollbar,
.contentBox::-webkit-scrollbar {
  display: none;
}

.logoPiba {
    fill: var(--text-color);
    width: 150px;
}

/* Call to Action Button */
.billetterieCTA {
    width: 100%;
    padding: 20px;
    margin-top: 50px;
}

.ticket-cta-button {
    display: inline-block;
    padding: 12px 24px;
    background-color: var(--date-color);
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.ticket-cta-button:hover {
    background-color: var(--date-color);
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* ...existing code... */