/* Seasonal Themes Styles */

/* Base container for seasonal decorations */
#sv-seasonal-theme {
    position: relative;
    width: 100%;
    z-index: 100;
    pointer-events: none; /* Allow clicks to pass through to content below */
    overflow: hidden;
    margin-bottom: -50px; /* Overlap content below */
}

/* Decoration element */
.sv-seasonal-decoration {
    width: 100%;
    height: 80px; /* Adjust based on garland image height */
    background-repeat: repeat-x;
    background-position: top center;
    background-size: auto 100%;
    pointer-events: none;
}

/* Christmas Holidays Theme */
.sv-theme-christmas-holidays .sv-seasonal-decoration {
    height: 50px;
}

/* Responsive adjustments */
@media screen and (max-width: 782px) {
    .sv-theme-christmas-holidays .sv-seasonal-decoration {
        height: 40px;
    }
}

@media screen and (max-width: 480px) {
    .sv-theme-christmas-holidays .sv-seasonal-decoration {
        height: 30px;
    }
}