/* wedding-countdown 日期倒计时与婚礼月日历 */
#wedding-date {
    .countdown {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, auto));
        justify-content: center;
        gap: var(--space-3);

        .item {
            min-width: 72px;
            padding: 14px var(--space-2) var(--space-3);
            border: 1px solid var(--wedding-line);
            background: var(--wedding-card);
            text-align: center;

            span {
                display: block;
                color: var(--wedding-accent);
                font-family: Georgia, serif;
                font-size: var(--font-size-2xl);
                line-height: var(--line-height-tight);
            }

            small {
                display: block;
                margin-top: var(--space-1);
                color: var(--wedding-muted);
                font-size: var(--font-size-xs);
            }
        }

        .calendar {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: var(--space-1);
            padding: var(--space-4);
            border: 1px solid var(--wedding-line);
            background: var(--wedding-card);

            .calendar-month {
                grid-column: 1 / -1;
                margin: 0 0 var(--space-2);
                color: var(--wedding-accent);
                font-family: Georgia, serif;
                font-size: var(--font-size-md);
                letter-spacing: var(--letter-spacing-wide);
                text-align: center;
            }

            .calendar-weekday {
                padding-bottom: var(--space-1);
                color: var(--wedding-muted);
                font-size: var(--font-size-2xs);
                text-align: center;
            }

            .calendar-day {
                display: grid;
                place-items: center;
                aspect-ratio: 1;
                color: var(--wedding-ink);
                font-family: Georgia, serif;
                font-size: var(--font-size-sm);
                line-height: var(--line-height-tight);
            }

            .calendar-day--muted {
                opacity: 0.35;
            }

            .calendar-day--wedding {
                border-radius: 50%;
                background: var(--wedding-accent);
                color: var(--wedding-on-image);
            }
        }
    }
}