body {
  padding: 0 !important;
}

.ukekalender-container { font-family: Arial, Helvetica, sans-serif; background:#f7f9fc; padding:16px; border-radius:8px; }
.ukekalender-toolbar { margin-bottom:12px; max-width:1200px;margin:0 auto;}
.year-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}

.year-header .title {
    text-align: center;
    flex-grow: 1;
}

.year-header a {
    color: #1e73be;
    text-decoration: none;
    font-weight: 500;
}

.year-header a:hover {
    text-decoration: underline;
}

.year-navigation {
    text-align: center;
    margin-bottom: 15px;
}

.year-navigation a {
    margin: 0 6px;
    text-decoration: none;
    color: #1e73be;
    font-weight: 500;
}

.year-navigation a.active {
    background: #1e73be;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
}

.year-navigation a:hover {
    text-decoration: underline;
}




.ukekalender-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; max-width:1200px; margin:0 auto; }
.ukekalender-month { background:#fff; border:1px solid #e6eef6; border-radius:8px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.04); }
.month-header {  padding:10px 12px; text-align: center; font-size:15px;  font-weight:700; }
.month-12  { background: #dceeff; } /* January */
.month-11 { background: #ffe6e6; } /* February */
.month-10  { background: #e6ffe6; } /* March */
.month-9 { background: #fff0e6; } /* April */
.month-8  { background: #f9e6ff; } /* May */
.month-7  { background: #e6f7ff; } /* June */
.month-6  { background: #fff9e6; } /* July */
.month-5  { background: #e6fff3; } /* August */
.month-4  { background: #f0e6ff; } /* September */
.month-3 { background: #ffe6f2; } /* October */
.month-2 { background: #e6ffe6; } /* November */
.month-1 { background: #e6f0ff; } /* December */
.month-table { width:100%; border-collapse:separate; border-spacing: 4px; table-layout:fixed; }
.month-table th, .month-table td { padding:8px 6px; border-bottom:1px solid #f1f5fb; text-align:center; }
.month-table thead th { background:#f1f4f8; font-weight:700; font-size:13px; border-radius: 6px;}
.weekcol { width:50px;  font-weight:700; font-size:12px; color:#4b5862;}
.weekcel {
  background: #f7f9ff;
  border-radius: 6px;

}


.day { color:#0f2b43; background:transparent;font-size:13px; }
.day.sunday { color:#c62828; font-weight:700; }
.day.holiday { background:#fff0f0; color:#c62828; font-weight:700; border-radius:6px; }
.day:hover{background: #1e73be; color: #fff; }
.empty { background:transparent; opacity:0.12; }

.ukekalender-holidays { max-width:1200px; margin:16px auto 0; background:#fff; border:1px solid #e6eef6; border-radius:8px; padding:12px; }
.ukekalender-holidays h3 { margin:0 0 8px; text-align:center;}
.ukekalender-holidays ul { list-style:none; margin:0; padding:0; columns:2; column-gap:24px; }
.ukekalender-holidays li { padding:6px 0; border-bottom:1px dashed #f1f5fb; }

@media (max-width:900px){ .ukekalender-grid { grid-template-columns: repeat(2,1fr); } .ukekalender-holidays ul { columns:1; } }
@media (max-width:600px){ .ukekalender-grid { grid-template-columns: 1fr; } .weekcol { width:44px; } }