/*
Theme Name: Gáspár Dental (MaD Zero)
Author: mardor - MadWorks
Author URI: https://madworks.hu
Description: Gáspár Dental projekt-téma — a MaD Zero FSE starter forkja. A dizájn/fejléc/lábléc a korábbi pm-core témával vizuálisan azonos, modern FSE-alapon (WOFF2 fontok, per-blokk CSS, Interactivity API). Brand: primary #bed62f, Ubuntu + Open Sans.
Version: 0.1.2
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: madzero
*/

/*
 * ELV: ide CSAK az kerül, amit a theme.json / blokk-beállítás tényleg nem tud.
 * Blokk-specifikus stílus → wp_enqueue_block_style (functions.php), NEM ide.
 * Ez a fájl a cél szerint 2-3 KB alatt marad.
 */

/* Utility: teljes magasság/szélesség kitöltés (pattern-konvenció) */
.full-height,
.full-height img { height: 100%; }
.full-width,
.full-width img { width: 100%; }

/* Utility: háttérkép-kitöltő kép (pattern-konvenció) */
.bcg-img { height: 100%; width: 100%; }
.bcg-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
hr {
	border-width: 1px;
}
/* Kijelölés-szín a brandhez */
::selection {
	color: var(--wp--preset--color--txt-light);
	background: var(--wp--preset--color--primary);
}

/* Mobil sorrend-csere utility (pattern-konvenció) */
@media screen and (max-width: 781px) {
	.m-order-2 { order: 2; }
}

/* Marquee logósor (CSS-only, 0 JS) — pattern: logosor-marquee.
   Két azonos fél a trackben → a -50% transzform hézagmentesen loopol.
   A logók alt=""-esek (dekoratívak), a duplikátum így SR-nek néma. */
.madzero-marquee { overflow: hidden; }
.madzero-marquee .madzero-marquee__track {
	display: flex;
	gap: 0;
	width: max-content;
	animation: madzero-marquee 30s linear infinite;
}
.madzero-marquee .madzero-marquee__half {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--h-m);
	padding-right: var(--wp--preset--spacing--h-m);
}
.madzero-marquee:hover .madzero-marquee__track { animation-play-state: paused; }
@keyframes madzero-marquee {
	to { transform: translateX(-50%); }
}

/* Mozgás-érzékeny felhasználóknak: minden animáció/átmenet ki */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ===== Gáspár – címsor-stílus (pm-core örökség) =====
   Zöld aláhúzás a H2-k alatt (::after), a pm-core style.css-ből:
   inline-block cím + 40%-os primary vonal; központozottnál középre, max 150px. */
   h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading {
		font-weight: 300; 
   }
h2.wp-block-heading {
	display: inline-block;
}
h2.wp-block-heading::after {
	content: "";
	display: block;
	width: 40%;
	height: 1px;
	margin-top: 6px;
	clear: both;
	background-color: var(--wp--preset--color--primary);
}
h2.wp-block-heading.has-text-align-center {
	display: block;
}
h2.wp-block-heading.has-text-align-center::after {
	margin-left: auto;
	margin-right: auto;
	max-width: 150px;
}

footer, main {margin: 0;}
/* Lábléc H2: kompakt méret (a pm-core-ban böngésző-default h2, nem a fő h2-clamp) */

footer h2.wp-block-heading {
	font-size: 1.5rem;
}

/* ===== Mobil / desktop láthatóság-utility (a core nav-overlay 600px breakpointjához) ===== */
@media (max-width: 599.98px) {
	.mobile-hidden { display: none !important; }
	/* CSAK a hamburger nyitó-gomb a jobb szélre (az overlay-t NEM tolja) */
	header .wp-block-navigation__responsive-container-open { margin-left: auto; }
}
@media (min-width: 600px) {
	.desktop-hidden { display: none !important; }
}

/* A core nav mobil overlay: minden középre, levegővel */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: center;
	text-align: center;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: center; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-image { margin: 0 auto 1rem; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-social-links { margin-top: 1.5rem; justify-content: center; }

/* ===== Mobil overlay: összecsukható almenük nyíllal =====
   A core az overlayben elrejti a lenyíló-nyilat, és minden almenüt kinyitva hagy
   (wp-includes/blocks/navigation/style.css ~521-535), a li-t pedig oszlopba rendezi.
   A toggle-gomb ott van és működik (Interactivity API), csak takarva — visszahozzuk,
   és alapból zárjuk az almenüket, különben a 3 szintű szolgáltatás-fa végig kilóg.
   A duplázott .is-menu-open csak a core specificitásának megveréséhez kell. */

/* 1) a lenyíló sorát vízszintesre: címke + nyíl egy sorban, az almenü alatta */
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content .has-child {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	column-gap: 0.4rem;
}

/* 2) nyíl vissza */
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
	display: flex;
	align-items: center;
	padding: 0.25rem;
}

/* 3) almenü alapból zárva, nyitva teljes szélességben a címke alatt */
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content .has-child > .wp-block-navigation__submenu-container {
	display: none;
	flex-basis: 100%;
	padding-top: 0.5rem;
}
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open .wp-block-navigation__responsive-container-content .has-child > .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-container {
	display: flex;
	flex-direction: column;
}

/* 4) a nyíl forduljon el nyitott állapotban */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle > svg {
	transition: transform 0.2s ease;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] > svg {
	transform: rotate(180deg);
}

/* FAQ / read-more accordion → assets/css/blocks/yoast-faq.css (feltételes betöltés, functions.php) */