/* blank/blank.css — small tweaks on top of the shared .day-cell/.calendar-grid styles
 * for a plain fill-in-by-hand monthly grid: bigger empty cells, no holiday colors. */
.blank-grid .day-cell {
    min-height: 13vh;
}

.calendar-container {
    position: relative;
    width: 90%;
    margin-inline-end: 20px;
    zoom: 1;
}

@media (max-width: 768px) {
    .calendar-container {
        width: 100%;
        margin-inline-end: 0;
    }

    .calendar-header,
    .calendar-grid {
        width: 100%;
        max-width: 100%;
    }

    .calendar-grid {
        height: auto;
        max-height: none;
        grid-template-rows: auto repeat(var(--calendar-week-rows, 6), minmax(52px, auto));
    }

    .blank-grid .day-cell {
        min-height: 52px;
    }
}

.calendar-header {
    margin-top: 30px;
    padding-top: 12px;
    padding-bottom: 50px;
}

@media print {
    @page {
        size: A4 portrait;
        margin: 8mm 8mm 20mm 8mm;
    }

    html, body {
        height: 100%;
    }

    .calendar-container {
        width: 100%;
        min-height: 100vh;
        margin: 0;
        padding-top: 40px;
        padding-bottom: 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }

    .calendar-grid {
        height: auto;
        min-height: 0;
        flex: 1 1 auto;
        grid-auto-rows: 1fr;
    }

    .blank-grid .day-cell {
        min-height: 0;
    }

    .calendar-header {
        margin-top: 0;
    }

    html[data-print-orientation="portrait"] .container {
        width: 190mm;
        max-width: 100%;
        margin: 0 auto;
    }

    html[data-print-orientation="portrait"] .calendar-container {
        width: 190mm;
        max-width: 100%;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }

    html[data-print-orientation="portrait"] .calendar-grid {
        width: 100%;
        min-width: 0;
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    html[data-print-orientation="portrait"] .day-cell,
    html[data-print-orientation="portrait"] .day-header {
        width: auto;
        min-width: 0;
        padding-right: 3px;
        padding-left: 3px;
    }

    html[data-print-orientation="landscape"] .calendar-container {
        height: 175mm;
        min-height: 0;
        max-height: 175mm;
        padding-top: 4mm;
        padding-bottom: 2mm;
        overflow: hidden;
    }

    html[data-print-orientation="landscape"] .calendar-header {
        flex: 0 0 auto;
        padding-top: 2mm;
        padding-bottom: 3mm;
    }

    html[data-print-orientation="landscape"] .calendar-grid {
        height: auto;
        max-height: none;
        min-height: 0;
        flex: 1 1 0;
    }

    html[data-print-orientation="landscape"] .day-cell {
        min-height: 0;
        padding-top: 3px;
        padding-bottom: 3px;
    }
}

@media (max-width: 768px) {
    .calendar-header {
        margin-top: 6px;
        padding: 8px 0 10px;
    }

    .month-title-subline,
    [dir="rtl"] .month-title-subline,
    [dir="ltr"] .month-title-subline {
        padding-inline: 0;
        padding-left: 0;
        padding-right: 0;
        justify-content: center;
    }

    .month-title-nav {
        width: 100%;
        align-items: center;
    }
}