/* Đảm bảo trang web chiếm toàn màn hình và có màu nền tối để thấy tuyết */
/* Vùng chứa tuyết: Phủ lên toàn bộ trang nhưng không chặn click chuột */
#snow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* QUAN TRỌNG: Cho phép click xuyên qua lớp tuyết */
    z-index: 9999; /* Đảm bảo tuyết nằm trên cùng */
}

/* Định dạng một bông tuyết */
.snowflake {
    position: absolute;
    top: -20px; 
    color: #fff; /* Dùng color thay vì background-color */
    background-color: transparent; /* Bỏ nền trắng */
    font-size: 1em; /* Kích thước chữ cơ bản */
    user-select: none; /* Không cho người dùng bôi đen chọn bông tuyết */
    cursor: default;
    z-index: 9999;
    /* Giữ nguyên animation */
    animation: fall var(--fall-duration) linear infinite, sway var(--sway-duration) ease-in-out infinite alternate;
    
    /* Mẹo nhỏ: Thêm bóng mờ để tuyết nổi bật hơn nếu nền thiệp sáng */
    text-shadow: 0 0 5px rgba(255,255,255,0.8);
}

/* Hiệu ứng rơi từ trên xuống */
@keyframes fall {
    to {
        transform: translateY(105vh); /* Rơi quá màn hình một chút */
    }
}

/* Hiệu ứng đung đưa nhẹ sang hai bên */
@keyframes sway {
    from {
        margin-left: 0;
    }
    to {
        /* Đung đưa sang trái hoặc phải một khoảng ngẫu nhiên */
        margin-left: var(--sway-amount);
    }
}

/* --- Phần CSS cho nội dung demo (không bắt buộc) --- */
.wedding-card-content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 20vh;
}
.wedding-card-content h1 { color: gold; }
button { padding: 10px 20px; cursor: pointer; }