/**
 * Coffee Shop V2 - Wave Shadow Effect
 * Additional shadow layer beneath wave for seamless connection
 */

/* Main content wrapper - add shadow from wave */
main {
    position: relative;
}

main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(
        to bottom,
        rgba(27, 77, 62, 0.12) 0%,
        rgba(27, 77, 62, 0.08) 25%,
        rgba(27, 77, 62, 0.04) 50%,
        rgba(27, 77, 62, 0.02) 75%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* First section after hero - enhanced connection */
main > section:first-child {
    position: relative;
    padding-top: 5rem !important;
}

main > section:first-child::before {
    content: '';
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(
        to bottom,
        rgba(15, 41, 34, 0.08) 0%,
        rgba(27, 77, 62, 0.05) 30%,
        rgba(27, 77, 62, 0.02) 60%,
        transparent 100%
    );
    filter: blur(20px);
    pointer-events: none;
    z-index: 0;
}

/* Enhance wave separator connection */
.hero-section {
    position: relative;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}