/* Custom CSS overrides for Esports theme */
/* Add specific styles here if Tailwind isn't sufficient */

/* Example: Custom font */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap'); */
/* body { font-family: 'Roboto Condensed', sans-serif; } */

/* Example: Styling for dynamic elements or specific grid layouts */

/* Consistent Section Slant (Bottom Edge: / ) */
.section-slant-bottom {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 80px), 0 100%);
}

.section-slant-top {
    position: relative;
    margin-top: -80px;
    padding-top: 80px;
    clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%);
    z-index: 2;
}

.section-slant-both {
    position: relative;
    margin-top: -80px;
    padding-top: 80px;
    clip-path: polygon(0 80px, 100% 0, 100% calc(100% - 80px), 0 100%);
    z-index: 2;
}

/* Utility class to handle overlap for the section following the last slanted one */
.overlap-previous-slant {
    position: relative;
    margin-top: -80px;
    padding-top: 80px;
}