/*
Theme Name: MaD Zero
Author: mardor - MadWorks
Author URI: https://madworks.hu
Description: MadWorks új generációs FSE starter téma — zéró felesleges bájt: alapoldalon 0 KB saját JS, minimális CSS, minden design-token a theme.json-ban. A madcore utódja.
Version: 0.1.1
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%;
}

/* 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;
	}
}
/* ========================= FORMS ============================== */
body .fluentform {
  scroll-margin-top: calc(3vh + 60px);
}
body .fluentform .ff-el-progress-bar {
  background-color: var(--wp--preset--color--primary);
}
body .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  box-shadow: none;
  color: #fff;
}
body .fluentform button {
  background: none;
}
body .fluentform .ff-default .ff-btn-secondary:not(.ff_btn_no_style):focus, body .fluentform .ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  color: #fff;
}
body .fluentform label.ff-el-form-check-label span {
  padding-left: 5px;
}
body .fluentform .ff-el-input--label label {
  font-weight: bold !important;
}
body .fluentform .ff-no-margin-bottom {
  margin-bottom: 0;
}
body .fluentform .ff-step-titles li.ff_active, body .fluentform .ff-step-titles li.ff_completed {
  color: var(--wp--preset--color--primary);
}
body .fluentform .ff-step-titles li.ff_active:before, body .fluentform .ff-step-titles li.ff_completed:before,
body .fluentform .ff-step-titles li.ff_active:after, body .fluentform .ff-step-titles li.ff_completed:after {
  background: var(--wp--preset--color--primary);
}
body .fluentform button.ff-btn.ff-btn-submit {
  background: var(--wp--preset--color--primary);
  border-radius: 50px;
}
body .fluentform textarea {
  resize: vertical;
}
body .ff_landing_page_body .ff_landing_wrapper .ff_landing_form_wrapper {
  max-width: 875px !important;
}