body{font-family:Arial;background:#fff;margin:20px}
h1{text-align:center;color:#0066cc}
.calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}
.month{border:1px solid #ddd;padding:10px}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.day{border:1px solid #eee;padding:6px;text-align:center}
.day.official{background:#ff4d4d;}       /* Resmi tatil */
.day.easter{background:#ffcc66;}         /* Paskalya */
.day.school{background:#99ccff;}         /* Okul tatilleri */
.day.suggested{background:#66ff66;}      /* İzin önerilen günler */
.ads{margin:20px 0}
footer{text-align:center;margin-top:30px}
.years a{padding:10px 15px;background:#0066cc;color:#fff;text-decoration:none;margin:5px}
#cookie-banner{position:fixed;bottom:0;width:100%;background:#eee;padding:10px;text-align:center;z-index:9999;}

.calendar-container {
  width: 100%;
  max-width: 950px;
  margin: auto;
  padding: 10px;
}

.month-block { margin-bottom: 30px; }

.days-grid {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap: 4px;
}

.day-header {
  font-weight:bold;
  text-align:center;
  padding:6px 0;
  background:#f1f1f1;
}

.weekend { color:#d00; }

.day {
  text-align:center;
  padding:8px 0;
  border-radius:4px;
}

.day.official {
  background:#ff6b6b; color:#fff;
}
.day.easter {
  background:#ffd43b; color:#000;
}
.day.school_holiday {
  background:#4dabf7;
  color:#fff;
}
.day.suggested_leave {
  background:#69db7c; color:#fff;
}

.day.empty {
  background:transparent;
}



/* ===== YEAR NAV CENTER ===== */
.year-nav{
  display:flex;
  justify-content:center;
  gap:15px;
  margin:20px 0;
}

.year-nav a{
  padding:10px 18px;
  text-decoration:none;
  border-radius:8px;
  background:#f1f3f5;
  color:#333;
  font-weight:600;
  transition:all .2s ease;
}

.year-nav a:hover{
  background:#228be6;
  color:#fff;
}

.year-nav a.active{
  background:#1c7ed6;
  color:#fff;
}

/* ===== LEGEND ===== */
.legend {
  max-width: 950px;
  margin: 20px auto;
  font-size: 15px;
  line-height: 1.6;
  padding: 10px;
}

.legend-box {
  display:inline-block;
  width:16px;
  height:16px;
  margin-right:8px;
  vertical-align:middle;
}

/* renkler legend için */
.legend-box.official { background:#ff6b6b; }
.legend-box.suggested_leave { background:#69db7c; }
.legend-box.easter { background:#ffd43b; border:1px solid #ccc; }
.legend-box.school_holiday { background:#4dabf7; }
.legend-box.prevnext { background:#aaa; }

/* ===== CALENDAR ===== */

.calendar-container {
  width: 100%;
  max-width: 950px;
  margin: auto;
  padding: 10px;
}

.month-block {
  margin-bottom: 40px;
}

.days-grid {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap: 4px;
}

.day-header {
  font-weight:bold;
  text-align:center;
  padding:6px 0;
  background:#f1f1f1;
}

.weekend { color:#d00; }

.day {
  text-align:center;
  padding:8px 0;
  border-radius:4px;
  font-size:14px;
}

/* renkler takvim için */
.day.official {
  background:#ff6b6b;
  color:#fff;
}
.day.easter {
  background:#ffd43b;
  color:#333;
}
.day.school_holiday {
  background:#4dabf7;
  color:#fff;
}
.day.suggested_leave {
  background:#69db7c;
  color:#fff;
}