:root {
  --cassiopeia-color-primary: teal;
  --cassiopeia-color-link: DarkSlateGray;
  --link-color: DarkSlateGray;
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: teal;
  --link-hover-color: maroon;
  --link-hover-color-rgb: 149, 75, 86;
  /* my variables */
  --green-dark: #194d33;
  --green-middle: #2b8859;
  --green-light: #ecf9f2;
  --brown-light: #f2e8cf;
}

/* TAB emulálása */

.tab {
    font-family: var(--body-font-family);
}

/* navbar-brand formázása */

div.navbar-brand a.brand-logo {
  text-decoration: none;
  font-weight: bold;
  font-size: 3rem;
}

div.navbar-brand div.site-description {
  font-size: 2rem;
}

h2.item-title a {
  text-decoration: none;
}

h2.item-title a:hover {
  text-decoration: underline;
}

/* linkek formázása */

a:not([class]) {
  text-decoration: none;
}

a:not([class]):hover {
  text-decoration: underline;
}

/* TÁBLÁZATOK FORMÁZÁSA */

/* class: erkel-table */

.com-content-article__body table.erkel-table {
  border-collapse: separate;
  border: none;
}

.com-content-article__body table.erkel-table tr {
  border-bottom: 1px solid white;
}

.com-content-article__body table.erkel-table tr:last-child {
  border-bottom: none;
}

.com-content-article__body table.erkel-table td, th {
  border-right: 1px solid white;
}

.com-content-article__body table.erkel-table td:last-child, th:last-child {
  border-right: none;
}

.com-content-article__body table.erkel-table th, td {
  text-align: left;
  padding: 12px;
}

.com-content-article__body table.erkel-table th {
  background-color: var(--green-dark);
  color: white;
}

.com-content-article__body table.erkel-table td {
  background-color: var(--brown-light);
}

.com-content-article__body table.erkel-table tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.com-content-article__body table.erkel-table tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

.com-content-article__body table.erkel-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.com-content-article__body table.erkel-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* class: erkel-table headless */

.com-content-article__body table.erkel-table.headless tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.com-content-article__body table.erkel-table.headless tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

/* térköz a címek után */

.item-title, .page-header {
  margin-bottom: 20px;
}

/* a Cikkek listája modul formázása */
.cikkek-listaja li {
  padding: 8px;
  margin: 0;
  width: 100%;
}

.cikkek-listaja li:nth-child(even) {
  background-color: #f2f2f2;
}

.cikkek-listaja li a {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 70%;  
}

.cikkek-listaja li span.mod-articles-category-category {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 15%;
}

.cikkek-listaja li span.mod-articles-category-category a {
  display: inline;
}

.cikkek-listaja li span.mod-articles-category-date {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: auto;
  float: right;
}

/* body */

body {
  background-color: var(--green-light);
}

/* header */

.container-header {
  background-color: #194d33;
  background-image: none;
}

/* footer */

.container-footer {
  background-color: #194d33;
  background-image: none;
}

/* oldalsó menü  és elemei*/

.card {
  color: white;
  background-color: var(--green-middle);
}

.card-header {
  background-color: #194d33;
}

#oldalso-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#oldalso-menu li a {
  color: white;
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 5px;
  transition-duration: 0.2s;
}

#oldalso-menu li.active a {
  background-color: var(--brown-light);
  color: black;
}

#oldalso-menu li a:hover {
  background-color: var(--brown-light);
  color: black;
}


/* A HEADER formázása */

.erkel-header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 1%;
  color: white;
}

.erkel-header-left {
    width: 12%;
}

.erkel-header-left-portre {
    width: 100%;
}

.erkel-header-middle {
    width: 68%;
}

.erkel-header-right {
    width: 20%;
    text-align: right;
}

.erkel-header-right-epulet {
    width: 100%;
}

/* Az ISKOLA blokk - név és címerek */

.erkel-header-middle-iskola {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
}

.erkel-header-middle-iskola-left {
    width: 15%;
    text-align: center;
}

.erkel-header-middle-iskola-papa-cimer {
    width: 70%;
}

.erkel-header-middle-iskola-middle {
    width: 70%;
    padding: 2%;
    font-weight: bold;
}

.erkel-header-middle-iskola-middle a {
    white-space: nowrap;
  	text-decoration: none;
    color: white;
}

.erkel-header-middle-iskola-middle-nev1 {
    display: block;
    font-size:5vw;
}

.erkel-header-middle-iskola-middle-nev2 {
    display: block;
    font-size:3.4vw;
}

.erkel-header-middle-iskola-right {
    width: 15%;
    text-align: center;
}

.erkel-header-middle-iskola-orszag-cimer {
    width: 55%;
}

/* A KAPCSOLAT blokk */

.erkel-header-middle-kapcsolat {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size:1.3vw;
    font-weight: bold;
    padding: 2%;
}

.erkel-header-middle-kapcsolat-left {
    width: 33%;
}

.erkel-header-middle-kapcsolat-left a {
    text-decoration: none;
}

.erkel-header-middle-kapcsolat-middle {
    width: 34%;
}

.erkel-header-middle-kapcsolat-right {
    width: 33%;
}

.erkel-header-middle-kapcsolat-right a {
    text-decoration: none;
}

/* BAL OLDALI SOCIAL MENÜ */

.social {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: green;
	padding: 1vmin;
	border: 1px solid black;
	}
			
.social > div {
	border: 1px solid black;
	text-align: center;
	}
			
.social-1 {
	width: 33%;
	}
			
.social-2 {
	width: 33%;
	}
			
.social-3 {
	width: 33%;
	}
			
.social > div > a > img {
	width: 30%;
	max-height: 64px;
	max-width: 64px;
	border: 1px solid black;
	vertical-align: bottom;
	}

/* ESEMÉNYNAPTÁR */

/* Alap stílus (desktop) */
.calendar {
  max-width: 720px;
  margin: 40px auto;
  font-family: Arial, sans-serif;
}

.calendar h2 {
  text-align: center;
  margin-bottom: 15px;
}

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

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

.day {
  min-height: 70px;
  min-width: 70px;
  border: none;
  padding: 5px;
  font-size: 14px;
  background: var(--brown-light);
}

.day.empty {
  background: #fafafa;
  border: none;
}

.date {
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
}

.event {
  display: block;
  background-color: var(--green-dark);
  color: #fff;
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 3px;
  margin-top: 2px;
}

/* Mobil nézet */
@media (max-width: 600px) {
  .calendar {
    max-width: 100%;
    padding: 0 15px;
  }

  .calendar-grid {
    display: block;
  }

  .day-name {
    display: none;
  }

  .day {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: auto;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }

  .day.empty {
    display: none;
  }

  .date {
    width: 40px;
    font-size: 16px;
    margin-bottom: 0;
  }

  .event {
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 6px;
  }
}

<!-- KEP PDF LINK - CSS stilus a lebego effekthez -->
<style>
  .pdf-borito-link {
    display: inline-block;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
  }
  
  .pdf-borito-kep {
    max-width: 300px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: block;
  }

  /* Ez helyettesíti az onmouseover-t */
  .pdf-borito-link:hover {
    transform: scale(1.03);
  }
  
  .pdf-borito-link:hover .pdf-borito-kep {
    box-shadow: 0 6px 14px rgba(0,0,0,0.2);
  }
</style>