/* Wave Divider Styles for Events Page */

/* Hero Section Wave - Bottom */
.custom-shape-divider-bottom-hero {
    position: relative;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    margin-top: -1px;
    z-index: 1;
}

.custom-shape-divider-bottom-hero svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 120px;
}

.custom-shape-divider-bottom-hero .shape-fill {
    fill: rgb(26,26,46);
}

/* Upcoming Events Wave - Bottom */
.custom-shape-divider-bottom-upcoming {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-upcoming svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100px;
}

.custom-shape-divider-bottom-upcoming .shape-fill {
    fill: rgb(10,10,10);
}

/* Competition Timeline Wave - Bottom */
.custom-shape-divider-bottom-timeline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-timeline svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 120px;
}

.custom-shape-divider-bottom-timeline .shape-fill {
    fill: rgb(26,26,46);
}

/* Event Stats Wave - Bottom */
.custom-shape-divider-bottom-stats {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-stats svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px;
}

.custom-shape-divider-bottom-stats .shape-fill {
    fill: #0a0a0a;
}

/* Section Positioning - Required for wave dividers */
.events-hero {
    position: relative;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, #1c457400 100%);
}

.upcoming-events {
    position: relative;
    background: linear-gradient(135deg, rgb(26,26,46) 0%, rgb(22,33,62) 100%);
}

.competition-timeline {
    position: relative;
    background: linear-gradient(135deg, rgb(10,10,10) 0%, rgb(26,26,46) 100%);
}

.event-stats {
    position: relative;
    background: linear-gradient(135deg, rgb(26,26,46) 0%, rgb(22,33,62) 100%);
}

.event-support {
    position: relative;
    background: #0a0a0a;
}