/* /resources/css/main.css - Mici Purple Edition */

:root {
  /* Mici Lila márkaszíne */
  --color-brand: #73127c;
  --color-brand-dark: #5a0e60; /* Sötétebb árnyalat a gomb hover-hez */
}

/* --- ESEMÉNYEK SZEKCIÓ --- */
.section-events {
  padding-top: 6.4rem;
  padding-bottom: 9.6rem;

  /* HÁTTÉRKÉP + SÖTÉTÍTŐ FÓLIA */
  /* A fólia színe sötét, enyhe lila beütéssel (rgba(40, 20, 50...)) a harmónia miatt */
  background-image: linear-gradient(rgba(40, 20, 50, 0.85), rgba(40, 20, 50, 0.85)),
    url("/resources/css/img/event-bg.webp");
  /* Ez egy sötét parketta/műhely padló textúra - nagyon elegáns */

  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effekt */
}

/* CÍMEK IGAZÍTÁSA */
/* Itt állítjuk be, hogy KÖZÉPEN legyen. 
   Ha mégis balra szeretnéd, a "center"-t írd át "left"-re! */
.section-events .head-2 {
  color: #fff !important; /* Fehér cím a sötét háttér miatt */
  text-align: center; /* <-- ITT VAN AZ IGAZÍTÁS */
}

.section-events .sub-heading {
  color: #eee;
  text-align: center; /* <-- ITT VAN AZ IGAZÍTÁS */
  font-size: 1.8rem;
  margin-bottom: 4rem;
  font-weight: 300;
}

/* --- KÁRTYA STÍLUSOK --- */

/* Kártya konténer középre igazítása */
.single-card-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.event-card {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #fff;
  border-radius: 9px;
  padding: 3.2rem; /* Kicsit több térköz, hogy elegánsabb legyen */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

  max-width: 650px; /* Az egyetlen kártya max szélessége */
  width: 100%;

  transition: transform 0.3s ease;
}

.event-card:hover {
  transform: translateY(-5px);
}

/* Ikon a Lila színnel */
.event-card .card-icon {
  color: var(--color-brand);
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: 1.2rem;
}

/* Dátum - Kézírásos betűtípussal */
.event-date {
  /* Kivettem a 'Shadows Into Light'-ot, így örökli az oldal alap betűtípusát (Open Sans) */
  font-family: inherit;

  font-size: 1.4rem; /* Kicsit kisebb, elegánsabb méret */
  font-weight: 700; /* Vastagabb, hogy kiemelkedjen */
  text-transform: uppercase; /* Csupa nagybetű, ez profi megjelenést ad dátumoknak */
  color: #666; /* Sötétszürke (vagy lehet a lila is, ha szeretnéd) */
  margin-bottom: 1rem;
  display: block;
  letter-spacing: 1px; /* Kis ritkítás a betűk közt */
}

/* Cím */
.event-card h3 {
  font-size: 2.4rem; /* Kicsit nagyobb cím, mert ez a fő fókusz */
  margin-bottom: 1.6rem;
  line-height: 1.2;
  color: #333;
}

/* Szöveg */
.event-text {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 2.4rem;
  color: #555;
}

/* Gomb doboz */
.event-btn-box {
  margin-top: auto;
  padding-top: 1rem;
  text-align: center; /* A gomb is legyen középen a kártyában */
}

/* LILA gomb stílus */
.btn--purple {
  display: inline-block;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.2rem 2.4rem;
  border-radius: 50px; /* Nőies, kerekített gomb */
  transition: all 0.3s;

  /* Lila keret és szöveg */
  border: 2px solid var(--color-brand);
  color: var(--color-brand);
  background-color: transparent;
}

.btn--purple:hover {
  /* Hover: Lila háttér, fehér szöveg */
  background-color: var(--color-brand);
  color: #fff;
  box-shadow: 0 5px 15px rgba(115, 18, 124, 0.3); /* Lila árnyék */
}

/* --- RÓLAM MONDTÁK (TESTIMONIALS) --- */
.section-testimonials {
  padding-top: 9.6rem;
  padding-bottom: 9.6rem;

  /* HÁTTÉRKÉP: Elmosódott lila virágos/természetes háttér */
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)),
    url("/resources/css/img/testimonials-back.webp");

  background-size: cover;
  background-position: bottom;
  background-attachment: fixed; /* Parallax effekt */
}

/* Címek fehérre színezése */
.section-testimonials .head-2 {
  color: #fff !important;
  text-align: center;
}

.section-testimonials .sub-heading {
  color: #eee;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 6rem; /* Nagyobb térköz a kártyák előtt */
  font-weight: 300;
}

/* Vélemény Kártyák */
.testimonial-card {
  background-color: #fff;
  padding: 3.2rem;
  border-radius: 9px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  height: 100%; /* Hogy egyforma magasak legyenek */
  display: flex;
  flex-direction: column;
}

.testimonial-card:hover {
  transform: translateY(-5px);
}

/* Idézőjel ikon */
.testimonial-icon {
  font-size: 3.2rem;
  color: var(--color-brand); /* Mici Lilája */
  margin-bottom: 1.6rem;
}

/* A vélemény szövege */
.testimonial-text {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #555;
  margin-bottom: 2.4rem;
  font-style: italic; /* Dőlt betű, hogy "idézet" hatása legyen */
  flex-grow: 1;
}

/* Név és titulus */
.testimonial-author-box {
  border-top: 1px solid #eee;
  padding-top: 1.6rem;
}

.testimonial-name {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
}

.testimonial-role {
  font-size: 1.2rem;
  color: var(--color-brand); /* Lila szín a titulusnak */
  font-weight: 600;
}