@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face { font-family: 'N27'; src: url('font/n27-regular-webfont.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  --bg-page: #f4f4f4;
  --bg-content: #fff;
  --text-color: #333;
  --gray-muted: #666;
  --daily-color: #007BFF;
  --shadow-default: 0 0 8px rgba(0,0,0,0.05);
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family: 'N27', sans-serif;
  background-color: var(--bg-page);
  color: var(--text-color);
  line-height:1.6;
}

header, main, footer {
  width:100%;
  background-color: var(--bg-content);
  box-shadow: var(--shadow-default);
}

main {
  padding:15px;
}

.events-list {
  display:flex;
  flex-direction:column;
  gap:15px;
}

.event-card {
  display:flex;
  border-bottom:1px solid var(--gray-muted);
  padding-bottom:10px;
}

.event-date {
  min-width:70px;
  text-align:center;
  margin-right:10px;
}

.event-date .event-month { text-transform:uppercase; font-size:1em; font-weight:bold; }
.event-date .event-day { font-size:1.5em; font-weight:900; }
.event-date .event-time { font-size:0.9em; color:var(--gray-muted); }

.event-info { flex:1; }

.event-popis1 { font-size:0.9em; margin-bottom:5px; }
.event-title { font-size:1.1em; font-weight:900; margin-bottom:5px; }
.event-popis2 { font-size:0.9em; margin-bottom:8px; }
.event-lang { font-size:0.8em; color:var(--gray-muted); }

.event-register a {
  display:inline-block;
  font-size:0.9em;
  text-decoration:none;
  border:1px solid var(--text-color);
  padding:4px 8px;
  border-radius:3px;
  transition:background 0.2s;
}
.event-register a:hover { background-color:var(--daily-color); color:#fff; }
	

.mobile-footer {
  padding:15px;
  font-size:0.9em;
}
.footer-section { margin-bottom:15px; }
.footer-section.contact a,
.footer-section.contact p { display:block; margin-top:5px; color:var(--text-color); text-decoration:none; }
.footer-section.newsletter input[type="email"] { width:100%; padding:8px; margin-bottom:8px; }
.footer-section.newsletter button { padding:8px 12px; }
.footer-section.support .btn-flat { width:100%; display:inline-block; text-align:center; }