/*
 Theme Name:   Slick Child
 Theme URI:    https://csendeletregec.hu
 Description:  Child theme a Slick szülőhöz
 Author:       Csend-elet-regec
 Template:     slick
 Version:      1.0.0
 Text Domain:  slick-child
*/

.img-rounded img { 
	border-radius: 10px; 
	overflow: hidden; 
}

.is-style-rounded img {
  border-radius: 10px;
}
.drop-shadow{
	color: #000; /* fekete H3 (vagy bármely szöveg) */
	text-shadow:
    /* 1px fehér körvonal */
    1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff,
    1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    /* puhább fehér ragyogás busy háttérhez */
    0 0 8px rgba(255,255,255,.8), 0 0 18px rgba(255,255,255,.55);
}

/* Linkek */

/* 1) Alap link reset – NEM érinti a Button blokkokat */
.wp-site-blocks :where(a):not(.wp-block-button__link) {
  color: inherit;                /* ne legyen kék, örökölje a szöveg színét */
  text-decoration: none;         /* aláhúzás ki */
  transition: color .2s ease, text-decoration-color .2s ease;
  text-underline-offset: .15em;  /* ha hoverkor aláhúzzuk, legyen szebb */
}

/* 2) Visited se legyen más színű */
.wp-site-blocks :where(a):not(.wp-block-button__link):visited {
  color: inherit;
}

/* 3) Hover/active – csak ilyenkor legyen aláhúzás (és opcionálisan szín) */
.entry-content a:hover,
.entry-content a:active,
aside a:hover {
  text-decoration: underline;
}

/* 4) Hozzáférhetőség: billentyűfókusz esetén is legyen jelölés */
.entry-content a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  text-decoration: underline;
}

/* 5) Header linkeknél, kép linkeknél ne jelenjen meg aláhúzás */
header a,
.site-header a,
.wp-site-blocks a img { 
	text-decoration: none;
}

/* 6) Navigáció CTA gomb (ha van): marad fehér szöveg fekete háttéren */
.site-header .wp-block-navigation .wp-block-button .wp-block-button__link {
  color: #fff;
}

/* Site title */
.wp-block-site-title {
  font-size: clamp(1.8rem, 3vw + 0.5rem, 2.1rem);
  line-height: 1.2;
  font-weight: 700;
}

/* Alternatíva fix mobil/desktop méretekkel */
@media (max-width: 782px) {
  .wp-block-site-title {
    font-size: 1.8rem;
  }
}


/* Sticky, átlátszó header a tartalom fölött */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: transparent;            /* induláskor átlátszó */
  transition: background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}

/* Mobil menü minimum méret ha nyitott*/
.wp-block-navigation__responsive-container.is-menu-open{
    min-height:100vh;
    overflow-y: auto;
}

/* Görgetés után kicsit „kártyás” legyen (opcionális) */
.site-header.is-scrolled {
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,.65);  /* pasztell, finom */
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

/* Hero fölött: csak a sima menüpontok legyenek fehérek, a gomb linket hagyjuk ki */
.site-header:not(.is-scrolled) .wp-block-navigation :where(a):not(.wp-block-button__link) {
  color: #222;
  text-shadow: 0 1px 3px rgba(0,0,0,.45);
  transition: color .25s ease, text-shadow .25s ease;
}

.site-header.is-scrolled .wp-block-navigation :where(a):not(.wp-block-button__link) {
  color: #222; /* vissza feketére scroll után */
  text-shadow: none;
}

/* A hero „felcsúszik” a header alá */
.hero-under-header {
  margin-top: calc(-1 * var(--header-h, 80px));   /* fallback 80px */
}

/* Ha a hero képen szeretnél sötétítést a jobb olvashatóságért */
.hero-under-header:where(.wp-block-cover) .wp-block-cover__background {
  opacity: .15; /* finom overlay */
}

/* Sticky ősök ne vágjanak (biztonsági fix) */
.wp-site-blocks,
header.wp-block-template-part {
  overflow: visible !important;
}
.site-header { 
  position: -webkit-sticky; /* Safari */
  position: sticky;
}

header.wp-block-template-part { 
  position: relative;
  z-index: 1100; /* biztosan a cover fölött legyen */
}
.site-header {
  position: fixed;
  inset: 0 0 auto 0; /* top:0; left:0; right:0 */
  z-index: 1100;
  background: transparent;
}

/* Finom görgetés + hely a sticky headernek */
:root { 
  scroll-behavior: smooth; 
  scroll-padding-top: var(--header-h, 80px);
}

/* Ha a célpontok túl közel érnek a headerhez, adj extra ráhagyást: */
[id] { 
  scroll-margin-top: calc(var(--header-h, 80px) + 12px); 
}

/* Mobil-only Kezdőlap menüpont */
.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.show-mobile-only {
  display: none; /* erősebb, mint az .item { display:flex } */
}

/* Mobilon mutasd meg */
@media (max-width: 782px) {
  /* normál vízszintes menü konténer */
  .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.show-mobile-only {
    display: flex;
  }
  /* reszponzív (overlay) menü konténer – mobil hamburger alatt */
  .wp-block-navigation__responsive-container .wp-block-navigation__container > .wp-block-navigation-item.show-mobile-only {
    display: flex;
  }
}


/* CTA gomb a menüben */
.wp-block-navigation .wp-block-navigation-item.is-cta > a {
  padding: .5rem .9rem;
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.wp-block-navigation .wp-block-navigation-item.is-cta > a:hover {
  transform: translateY(-1px);
}

/* Full-width */
.wp-site-blocks { overflow-x: hidden; }
.wp-site-blocks .alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.wp-site-blocks .alignfull {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* 1) Az oldal első Cover blokkja csússzon fel a sticky header alá (aloldalakon is) */
.site-main .wp-block-post-content > .wp-block-cover:first-child,
.site-main .wp-block-post-content > .wp-block-group:first-child > .wp-block-cover:first-child {
  margin-top: calc(-1 * var(--header-h, 80px));
}

/* 2) Valódi full-bleed (ha a theme visszaszűkíti a belsőt) */
.site-main .wp-block-post-content > .wp-block-cover.alignfull:first-child,
.site-main .wp-block-post-content > .wp-block-group:first-child > .wp-block-cover.alignfull:first-child {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* 3) Biztonsági fix: a sticky ősök ne vágjanak */
.wp-site-blocks,
.site-main {
  overflow: visible !important;
}

/* (opcionális) Áttetsző sötétítés a jobb olvashatósághoz az első coveren */
.site-main .wp-block-post-content > .wp-block-cover:first-child .wp-block-cover__background,
.site-main .wp-block-post-content > .wp-block-group:first-child > .wp-block-cover:first-child .wp-block-cover__background {
  opacity: .15;
}

/* Házirend blokk szellősebb megjelenése */
.hazirend .wp-block-group {
  margin-bottom: 2rem;   /* blokk közötti távolság */
  padding-bottom: 1rem;  /* belső térköz */
  border-bottom: 1px solid #eee; /* finom elválasztó vonal */
}

/********************* ALOLDAL */


/* Csak az oldalakon (page) a Post Content-en belüli H4-ek */
.page .wp-block-post-content h4.wp-block-heading {
  margin-top: 1.25rem;
  margin-bottom: .5rem;
  line-height: 1.3;
}
.page .wp-block-post-content h5.wp-block-heading {
  margin-top: 1.25rem;
}

/* Ha van sticky header és anchorokra görgetsz: */
.page .wp-block-post-content h4.wp-block-heading[id] {
  scroll-margin-top: var(--sticky-offset, 84px);
}

/* Kevesebb rés, ha H4 után rögtön szöveg/lista jön */
.page .wp-block-post-content h4.wp-block-heading + :is(p,ul,ol){
  margin-top: .25rem;
}

.page .wp-block-post-content ul.wp-block-list{
	line-height: 2.5;
}

.programok a.is-external {
  color: var(--wp--preset--color--accent, #0a7);
  text-decoration: underline;
  text-underline-offset: .18em;
  text-decoration-thickness: .08em;
  position: relative;
  padding-right: 1.05em;
}
.programok a.is-external::after {
  content: "↗";
  position: absolute;
  right: 0; top: .05em;
  font-size: .85em;
  opacity: .9;
}

/* Filmstrip */

.wp-block-column,
.wp-block-group,
.wp-site-content {
  overflow: visible;
}

.wp-block-gallery.gallery-strip {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden;
  gap: 0.75rem;
  /*scroll-snap-type: x mandatory;*/
  padding: 1rem 0;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  scrollbar-width: none;
  max-width: 100% !important;
}

.gallery-strip > figure {
  scroll-snap-align: start;
}

.wp-block-gallery.gallery-strip::-webkit-scrollbar {
  display: none;
}

.wp-block-gallery.gallery-strip > figure {
  flex: 0 0 auto !important;
  scroll-snap-align: start;
  margin: 0;
  padding: 0;
}

.wp-block-gallery.gallery-strip img {
  height: 110px;
  width: auto;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.2s ease;
  max-width: none !important;
}
.gallery-strip {
  cursor: grab;
  user-select: none;
}
.gallery-strip:active {
  cursor: grabbing;
}
.gallery-strip a,
.gallery-strip img {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: auto;
}

.gallery-strip img {
  max-height: 180px;
  height: auto;
  width: auto;
  object-fit: cover;
}