:root {
   --primary-color: #2c3e50;
   --accent-color: #8b0000;
   --text-dark: #333;
   --bg-light: #f8f9fa;
   --text-muted: #666666;
}

body {
   font-family: 'Lato', sans-serif;
   color: var(--text-dark);
   background-color: var(--bg-light);
   line-height: 1.8;
   letter-spacing: 0.02em;
}

h1, h2, h3, h4, .navbar-brand {
   font-family: 'Playfair Display', serif;
   font-weight: 700;
   color: var(--text-dark);
}

/* Navigáció - Letisztult, mint az eredeti */
.navbar {
   background-color: rgba(255, 255, 255, 0.98);
   border-bottom: 1px solid #eee;
   transition: all 0.3s ease;
}

.navbar-brand {
   font-size: 1.5rem;
   letter-spacing: 2px;
   color: var(--text-dark) !important;
}

.nav-link {
   font-size: 0.85rem;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: var(--text-dark) !important;
   margin: 0 12px;
   font-weight: 400;
}

.nav-link:hover, .nav-link.active {
   color: var(--accent-color) !important;
}

a {
   color: var(--accent-color);
   text-decoration: none;
   transition: all 0.3s ease;
}

a:hover {
   transition: all 0.3s ease;
}

.hero {
   background-size: cover;
   background-position: center;
   height: 60vh;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   text-align: center;
}

.hero h1 {
   font-size: 3.5rem;
   text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
   color: white;
}

.hero .lead {
   font-style: italic;
   max-width: 800px;
   margin: 0 auto;
}



/* Tartalmi szekciók */
section {
   padding: 100px 0;
}

section.simple {
   padding: 40px 0 0 0;
}


.section-title {
   text-align: center;
   margin-bottom: 20px;
   position: relative;
}

.section-title::after {
   content: '';
   display: block;
   width: 40px;
   height: 2px;
   background: var(--accent-color);
   margin: 20px auto;
}

/* Kártyák és elemek */
.card {
   border: none;
   border-radius: 0;
   transition: transform 0.3s ease;
/*    background-color: var(--bg-light); */
   border-left: 3px solid transparent;
}

.card:hover {
   border-left: 3px solid var(--accent-color);
   background-color: #fff;
   box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.card-body h4 {
   font-size: 1.3rem;
}

.card-body.staff {
   text-align: center;
}

.card-body p {
   margin-bottom: 0;
}

.accent-text {
   color: var(--accent-color);
}

/* Footer */
footer {
   background-color: #CAD1D9;
   padding: 60px 0;
   border-top: 1px solid #eee;
   font-size: 0.9rem;
   color: var(--text-muted);
}

.btn-adi {
   background-color: transparent;
   border: 1px solid var(--text-dark);
   color: var(--text-dark);
   padding: 10px 25px;
   border-radius: 0;
   text-transform: uppercase;
   font-size: 0.8rem;
   letter-spacing: 1px;
   transition: all 0.3s;
}

.btn-adi:hover {
   background-color: var(--accent-color);
   border-color: var(--accent-color);
   color: white;
}

/* Mobil menü ikon színe */
.navbar-toggler { border: none; }


@media (max-width: 768px) {
   .hero h1 { font-size: 2rem; }
}

/* Responsive Video Embed */
.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden;
   padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}



/* BACK TO TOP */
#back-top {
   position: fixed;
   bottom: 50px;
   right: 30px;
   z-index: 5;
}

#back-top a {
   width: 108px;
   display: block;
   text-align: center;
   font: 11px/100% Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   text-decoration: none;
   color: #bbb;

   /* transition */
   -webkit-transition: 1s;
   -moz-transition: 1s;
   transition: 1s;
}

form .sub-div {
   font-size: 12px;
   color: #7B7B7B;
   font-style: italic;
}

#back-top a:hover {
   color: #000;
}

#back-top span {
   width: 48px;
   height: 48px;
   display: block;
   margin-bottom: 7px;
   background: transparent url(/static/img/site/up.png) no-repeat center center;

   /* rounded corners */
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;

   /* transition */
   -webkit-transition: 1s;
   -moz-transition: 1s;
   transition: 1s;


}
#back-top a:hover span {
   background-color: transparent;
}


/* COOKIE TABLE */
.cookie-table {
   margin: 0px auto;
   max-width: fit-content;
}

.cookie-button {
   margin-left: 10px;
}

.cookie-table tr:nth-child(1) td {
   padding: 4px;
   font-size: 14px;
}

.cookie-table-01 tr:nth-child(2) {
   border-bottom: 1px solid #081b46;
}

.cookie-table-02 tr:nth-child(1) {
   border-bottom: 1px solid #081b46;
}

.cookie-table td {
   font-size: 13px;
   line-height: 16px;
   padding-bottom: 10px;
}

.cookie-table-02 td {
   font-size: 14px;
   line-height: 16px;
   padding: 6px 4px;
}

.cookie-table-02 tr:nth-child(odd) {
   background-color: #f6f6f6;
}



.navbar-toggler { border: none; }

.navbar-toggler:focus {
   box-shadow: none;
}

@media (max-width: 991.98px) {
   .navbar-collapse {
      width: 100%;
      padding: 15px 0;
      background-color: rgba(255, 255, 255, 0.98);
      border-top: 1px solid #eee;
      margin-top: 10px;
   }

   .navbar-nav {
      width: 100%;
   }

   .nav-link {
      display: block;
      margin: 0;
      padding: 10px 0;
   }

   .dropdown-menu {
      border: none;
      padding: 0 0 0 15px;
      background-color: transparent;
   }

   .dropdown-item {
      padding: 8px 0;
      color: var(--text-dark);
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 1px;
   }

   .dropdown-item:hover,
   .dropdown-item:focus {
      color: var(--accent-color);
      background-color: transparent;
   }
}

@media (max-width: 768px) {
   .hero h1 { font-size: 2rem; }
}