/* =========================================================================
   Lengyelországba jöttem – egyedi fejléc/lábléc és finomhangolás
   A színeket és betűket a theme.json kezeli; ez a fájl a pixelpontos
   elrendezést adja, amit a blokk-beállítások nem tudnak kifejezni.
   ========================================================================= */

/* Színpaletta (hex – közvetlenül a szabályokban használva):
   Fehér #EDE9E5 · Piros #D4213D · Arany #FFD700 · Aquamarin #65D2FF
   Sötétkék #3B6EFF · Kék #4DA1FF · Inaktív kék #89B5DF · Mélykék (fejléc/lábléc) #16224A
   Háttér #FAFAFA · Kenyérszöveg #303030 · Szürke #4A4A4A · Világos szürke #707070
   Layout: tartalom-szélesség 1200px · oldalpad clamp(16px,4vw,40px)
           logó-magasság clamp(104px,15vw,168px) · zászlósáv clamp(9px,1.15vw,14px) */

/* ---------- FEJLÉC ---------- */
.site-header { background: #FAFAFA; }

.lj-brandbar {
  position: relative;
  background: #FAFAFA;
}
.lj-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 40px);
}
.lj-brandbar__inner {
  display: flex;
  align-items: center;
  padding-block: clamp(10px, 1.6vw, 20px);
}

/* Logó */
.lj-logo { display: inline-block; line-height: 0; text-decoration: none; }
.lj-logo__svg {
  height: clamp(104px, 15vw, 168px);
  width: auto;
  display: block;
}
.lj-logo__svg text { font-family: "Literata", Georgia, "Times New Roman", serif; font-weight: 700; }
.lj-logo { transition: opacity .15s ease; }
.lj-logo:hover { opacity: .92; }

/* Fejléc jobb szélén: a piros sávból kiemelkedő állat */
.lj-animal {
  position: absolute;
  /* széles képernyőn a tartalom-szélesség jobb széléhez igazítjuk */
  right: max(clamp(16px, 4vw, 40px), calc(50% - 1200px / 2 + clamp(16px, 4vw, 40px)));
  /* a talpa a piros sáv közepére essen: a brandbar aljától lelógatjuk */
  bottom: calc(-1 * (clamp(9px, 1.15vw, 14px) * 0.5));
  height: clamp(72px, 10vw, 116px);
  width: auto;
  pointer-events: none;
  z-index: 2;
}

/* Fehér–piros sáv, teljes szélességben (1:1 arány) */
.lj-flag {
  position: relative;
  z-index: 1;
  width: 100%;
  height: clamp(9px, 1.15vw, 14px);
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(22,34,74,0.08); /* a fehér sáv elválik az off-white háttértől */
}
.lj-flag__w { height: 50%; background: #FFFFFF; }
.lj-flag__r { height: 50%; background: #D4213D; }

/* ---------- FŐMENÜ ---------- */
.lj-navbar {
  background: #16224A;
  padding-block: 0;
}
.lj-navbar .lj-nav { max-width: 1200px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }

/* a wp:navigation elemek középre, kiskapitálissal */
.lj-nav .wp-block-navigation__container {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.lj-nav .wp-block-navigation-item { list-style: none; }
/* Betű + elrendezés (ezekkel nincs specifikussági ütközés) */
.lj-nav .wp-block-navigation-item__content,
.lj-nav .wp-block-navigation-item > a {
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-feature-settings: "smcp" 1;
  font-variant-caps: small-caps;
  font-weight: 600;
  font-size: clamp(16px, 1.5vw, 22px);
  letter-spacing: 0.045em;
  padding: 14px 20px;
  display: block;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}

/* SZÍN: a WP core magas specifikussággal `color: inherit`-et ad az elemekre
   (.wp-block-navigation-item__content DUPLÁZVA). Ezért a menü betűszínét
   (a) a nav konténerre tesszük, hogy öröklődjön, ÉS (b) az elemre is felülírjuk
   ugyanolyan erős, dupla-osztályos szelektorral, hogy biztosan nyerjen. */
.lj-navbar .lj-nav,
.lj-navbar .lj-nav .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: #EDE9E5;
}

/* hover / aktív menüpont – dupla-osztályos, magas specifikusságú szelektor */
.lj-navbar .lj-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.lj-navbar .lj-nav .wp-block-navigation-item__content.wp-block-navigation-item__content:focus,
.lj-navbar .lj-nav .current-menu-item .wp-block-navigation-item__content.wp-block-navigation-item__content {
  background: #4DA1FF;
  color: #16224A;
}

/* Mobil hamburger overlay – ugyanaz a stílus, sötét háttér */
.lj-nav .wp-block-navigation__responsive-container.is-menu-open {
  background: #16224A;
}
.lj-nav .wp-block-navigation__responsive-container-open,
.lj-nav .wp-block-navigation__responsive-container-close { color: #EDE9E5; }
@media (max-width: 600px) {
  .lj-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 22px; text-align: center;
  }
}

/* ---------- TARTALOM finomhangolás ---------- */
.wp-block-post-content a, .entry-content a { text-underline-offset: 2px; }
.wp-block-post-date, .wp-block-post-terms, .wp-block-post-author-name {
  color: #707070;
  font-size: .9rem;
}
figcaption { color: #707070; }

/* Rovat-kártyák (kategória legfrissebb blokkok) */
.lj-card {
  background: #fff;
  border: 1px solid #ece9e5;
  border-radius: 10px;
  overflow: hidden;
}
.lj-cat-label {
  display: inline-block;
  font-family: "Source Sans 3", sans-serif;
  font-variant-caps: small-caps;
  font-feature-settings: "smcp" 1;
  font-weight: 700;
  letter-spacing: .04em;
  color: #16224A;
  border-bottom: 3px solid #D4213D;
  padding-bottom: 2px;
  margin-bottom: .6rem;
}

/* Szekciócím (Címlap) piros akcentussal */
.lj-section-title {
  border-bottom: 2px solid #ece9e5;
  padding-bottom: .35rem;
  position: relative;
}
.lj-section-title::after {
  content: "";
  position: absolute;
  left: 0; bottom: -2px;
  width: 68px; height: 3px;
  background: #D4213D;
}

/* Kártyák: a kép a lekerekített sarkon belül maradjon */
.lj-card .wp-block-post-featured-image { margin: 0; }
.lj-card .wp-block-post-featured-image img { border-radius: 0; display: block; }
.lj-hero .wp-block-post-title { line-height: 1.15; }

/* Reklámhely-keret */
.lj-ad {
  border: 1px dashed #89B5DF;
  background: #fff;
  color: #707070;
  text-align: center;
  padding: 1.5rem;
  border-radius: 8px;
  font-size: .9rem;
}

/* ---------- LÁBLÉC ---------- */
.site-footer { background: #16224A; color: #EDE9E5; }
.site-footer a { color: #EDE9E5; text-decoration: none; }
.site-footer a:hover, .site-footer a:focus { color: #4DA1FF; text-decoration: underline; }
.site-footer .wp-block-navigation { justify-content: center; }
/* lábléc-menü hover (a core color:inherit legyőzése magas specifikussággal) */
.site-footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.site-footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus {
  color: #4DA1FF; text-decoration: underline;
}

/* Skip-link akadálymentesség */
.skip-link:focus {
  position: fixed; left: 8px; top: 8px; z-index: 1000;
  background: #fff; color: #16224A; padding: 10px 16px; border-radius: 6px;
}