/* ======================
   SECTION DIVIDERS
   ====================== */
.section-divider {
    position: relative;
    height: 120px;
    overflow: hidden;
    width: 100%;
    margin: -1px 0; /* Fixes tiny gap between sections */
    z-index: 1;
}

.section-divider svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Divider orientations */
.divider-top {
    top: 0;
    transform: rotate(180deg);
}

.divider-bottom {
    bottom: 0;
}

/* Color variations */
.divider-light {
    background: var(--light-gray);
}

.divider-white {
    background: white;
    transform: rotate(180deg);
}

.divider-dark {
    background: var(--secondary-gray);
}

.divider-primary {
    background: var(--primary-green);
}

/* Wave styles */
.wave-1 {
    fill: var(--primary-green);
}

.wave-2 {
    fill: var(--light-gray);
}

.wave-3 {
    fill: white;
}

.wave-4 {
    fill: var(--secondary-gray);
}

.section-divider svg {
    transform: translate3d(0,0,0); /* Hardware acceleration */
    backface-visibility: hidden;
    perspective: 1000px;
}
@media (max-width: 768px) {
    .section-divider {
        height: 80px; /* Smaller dividers on mobile */
    }
}

/*.triangle-divider {*/
/*    position: relative;*/
/*    height: 60px;*/
/*    overflow: hidden;*/
/*}*/

/*.triangle-divider::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 100%;*/
/*    background: var(--primary-green);*/
/*    clip-path: polygon(0 0, 50% 100%, 100% 0);*/
/*}*/

/*.curve-divider {*/
/*    position: relative;*/
/*    height: 80px;*/
/*    overflow: hidden;*/
/*}*/

/*.curve-divider::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 100%;*/
/*    background: var(--primary-green);*/
/*    border-radius: 0 0 50% 50%/0 0 100% 100%;*/
/*    transform: scaleX(1.5);*/
/*}*/