/*
Theme Name:   Tri-shop (Trekky Child)
Template:     trekky
Description:  Tri-shop gyermektéma a Trekky témához: magyar feliratok, Tri-shop arculat, egységes termékkép-keret.
Version:      1.0.1
Text Domain:  trekky-child
*/

/* ---------- Arculat (Csongor platform: arany #BDAD7B, krém #F4F0E9) ---------- */
:root {
	--trishop-gold: #BDAD7B;
	--trishop-gold-hover: #A8975F;
	--trishop-cream: #F4F0E9;
	--trishop-dark: #111111;
	--trishop-text: #555555;
}

body {
	font-family: "Barlow", "Helvetica Neue", Arial, sans-serif;
	color: var(--trishop-text);
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.woocommerce-loop-product__title,
.product_title {
	font-family: "Barlow Condensed", "Barlow", "Helvetica Neue", Arial, sans-serif;
	color: var(--trishop-dark);
}

/* Szöveges logó (amíg az új logó elkészül) */
.trishop-wordmark,
.trishop-wordmark a {
	font-family: "Barlow Condensed", "Barlow", Arial, sans-serif;
	font-weight: 800;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--trishop-dark);
	text-decoration: none;
	white-space: nowrap;
}
.trishop-wordmark a:hover { color: var(--trishop-gold); }

/* ---------- Egységes termékkép-keret (vegyes arányú képek) ---------- */
/* Minden termékkép négyzetes, fehér keretben, vágás nélkül (contain). */
ul.products li.product .product-transition .product-image {
	aspect-ratio: 1 / 1;
	background: #fff;
	overflow: hidden;
}
ul.products li.product .product-transition .product-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/* Termékcím legfeljebb 2 sor, hogy a kártyák egyforma magasak maradjanak */
ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
}

/* Termékleírásban lévő mérettáblázatok mobilon görgethetők */
.woocommerce-Tabs-panel table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

/* ---------- Trekky gomb hover-javítás (Elementor 4) ---------- */
/* A Trekky animáció a régi Elementor-markupra épül (ikon abszolút pozícióban, jobb oldalon).
   Elementor 4 alatt az ikon a szöveg előtt áll, így a hover-eltolás a szöveget az ikonra tolta.
   Az eltolást kikapcsoljuk; az arany kitöltés hover-effekt marad. */
.button-style-trekky-yes.elementor-button-typo-default .elementor-button .elementor-button-content-wrapper {
	gap: 8px;
}
.button-style-trekky-yes.elementor-button-typo-default .elementor-button:hover .elementor-button-content-wrapper,
.button-style-trekky-yes.elementor-button-typo-default .elementor-button:hover .elementor-button-text,
.button-style-trekky-yes.elementor-button-typo-default .elementor-button:hover .elementor-button-icon + .elementor-button-text {
	transform: none;
}