/*
 Theme Name:   Astra Child – Comix
 Template:     astra
 Author:       Scrollers
 Description:  Comix egyedi gyermek témája
 Version:      1.0.0
*/

/* ==========================================================================
   Főoldal – "Ügyfeleink mondták" (testimonial-carousel, #tstm-carousel)
   Figma referencia: node 1:3314 ("What Our Partners Say")
   A Figma design a partner logót a kártya TETEJÉN mutatja (idézet felett),
   nem az Elementor alapértelmezett elrendezésében (idézet ALATT, footerben).
   Megoldás: az eredeti placeholder kép elrejtése, majd a logó beszúrása
   egy before pszeudoelemként a tartalom elé, kártyánként (nth-child) egyedi
   background-image-dzsel. A linkeket a lenti PARTNER LOGOK blokkban kell
   majd behelyettesíteni a végleges kép URL-ekkel.
   ========================================================================== */

/* Gyakori kérdések (nested-accordion) - kinyitott elem tartalma korul
   az Elementor alap CSS-e szurke keretet tesz (:where() szelektorral,
   0 specificitás), ami a főoldalon elemenként felul lett irva "border: none"-ra,
   de a tobbi oldalon nem. Egyetlen globalis szabaly, hogy minden oldalon
   (jelenlegi es jovobeli FAQ blokkokon is) konzisztens legyen a fooldallal. */
.elementor-widget-n-accordion .e-n-accordion-item > .e-con {
	border: none;
}

/* Eredeti Elementor placeholder kép elrejtése minden slide-on */
.elementor-element-tstm-carousel .elementor-testimonial__image {
	display: none;
}

/* Közös logó-doboz: minden testimonial kártya tartalma elé kerül, felülre */
.elementor-element-tstm-carousel .elementor-testimonial__content::before {
	content: "";
	display: block;
	width: 160px;
	max-width: 60%;
	height: 64px;
	margin: 0 auto 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* PARTNER LOGÓK – slide-onkénti háttérkép (sorrend a live oldal alapján).
   Cseréld le az url() értékeket a végleges partnerlogo kép linkjére. */
.elementor-element-tstm-carousel .swiper-slide:nth-child(1) .elementor-testimonial__content::before {
	/* Soroczki Csaba – Kékgyöngy-Szikvíz */
	background-image: url("https://comix.scrollers.hu/wp-content/uploads/2026/07/Kekgyongy-Szikviz-sotet.png");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(2) .elementor-testimonial__content::before {
	/* Patos Doo – Szerbia */
	background-image: url("");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(3) .elementor-testimonial__content::before {
	/* Nyerges Gábor – Sopron Szóda Kft. */
	background-image: url("https://comix.scrollers.hu/wp-content/uploads/2026/07/SopronSzoda-sotet.png");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(4) .elementor-testimonial__content::before {
	/* Siti Katalin – Venyim-Aqua Kft. */
	background-image: url("");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(5) .elementor-testimonial__content::before {
	/* Erdész Tamás – Erdész Szikvíz Kft. */
	background-image: url("");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(6) .elementor-testimonial__content::before {
	/* Tasi Gábor – Bene-Buborék Bt. */
	background-image: url("");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(7) .elementor-testimonial__content::before {
	/* Aranyosi Tamás – Keszi-Szóda – Szikvíz és Jégüzem */
	background-image: url("https://comix.scrollers.hu/wp-content/uploads/2026/07/Keszi-Szoda-sotet.png");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(8) .elementor-testimonial__content::before {
	/* Forgács László – Áldásvíz Kft. */
	background-image: url("https://comix.scrollers.hu/wp-content/uploads/2026/07/Aldasviz-Kft-sotet.png");
}
.elementor-element-tstm-carousel .swiper-slide:nth-child(9) .elementor-testimonial__content::before {
	/* Nagy Bence – Mátrai Kristályos Víz */
	background-image: url("https://comix.scrollers.hu/wp-content/uploads/2026/07/Matrai-Kristalyos-viz-sotet.png");
}

/* "Bővebben" / összecsukás: a nagyon hosszú vélemények alapértelmezésben
   le vannak rövidítve (kb. 5 sor), hogy ne feszítsék szét a swiper sorpár
   magasságát. A gombot a comix-testimonial-readmore.js szúri be JS-ből,
   csak akkor, ha a szöveg ténylegesen túlér a lezárt magasságon. */
.elementor-element-tstm-carousel .elementor-testimonial__text {
	max-height: 112px;
	overflow: hidden;
	transition: max-height 0.35s ease;
}
.elementor-element-tstm-carousel .elementor-testimonial__text.is-expanded {
	max-height: 1000px;
}
.elementor-element-tstm-carousel .comix-testimonial-readmore {
	display: block;
	margin: 6px auto 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	text-decoration: underline;
	color: var(--e-global-color-text, #1b1c1a);
	cursor: pointer;
}
.elementor-element-tstm-carousel .comix-testimonial-readmore:hover,
.elementor-element-tstm-carousel .comix-testimonial-readmore:focus {
	background: none;
	opacity: 0.75;
}

/* Elementor lightbox - a kep alatt megjeleno cim (fajlnev/alt szoveg)
   felesleges zaj a termekoldalakon, globalisan elrejtjuk.
   FONTOS: csak a felirat elemet, NEM a .dialog-lightbox-message
   wrappert, mert az maga a kep/swiper konteinere is. */
.elementor-slideshow__title {
	display: none;
}

