/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* ============================================================
   D+D GROUP — animační systém v4.2 (GSAP)
   Styly pro masky slov, kurzor a drobnosti — animace řídí JS.
   ============================================================ */

:root {
  --anim-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* maska pro nadpisy nastupující po slovech
   (padding/margin trik = prostor pro háčky a dotahy, nic se neořízne) */
.word-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding: 0.18em 0.08em 0.14em;
  margin: -0.18em -0.08em -0.14em;
}
.word-mask > span {
  display: inline-block;
  will-change: transform;
}

[data-counter] { font-variant-numeric: tabular-nums; }

[hidden] { display: none !important; }

/* Lenis doporučené styly */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }

/* Hero slider jako Code element – bricks-child/style.css
   ------------------------------------------------------------------
   Bricks vypisuje CSS global classes jen když je na stránce používá
   nějaký Bricks element. Po nahrazení slideru Code elementem se
   .hero-a__bg / .hero-a__slide__text na homepage přestaly vypisovat,
   proto jsou tady zkopírované 1:1 z výstupu Bricks (detail společnosti).
   ------------------------------------------------------------------ */

/* Section (pokud Code element není v Section.hero-a, tohle ji nahradí) */
.hero-a {
	position: relative;
	overflow: hidden;
	min-height: 60svh;
	justify-content: flex-end;
}

.hero-a__slider {
	width: 100%;
}

.hero-a__slider .splide__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hero-a__slide {
	position: relative;
	overflow: hidden;
	min-height: 60svh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding-block: var(--space-l) var(--space-2xl);
	padding-inline: var(--gutter);      /* gutter tady, ne na textu */
}

/* Pozadí – původně Bricks global class .hero-a__bg */
.hero-a__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
	mix-blend-mode: lighten;
}

.hero-a__bg--video {
	object-position: 50% 100%;
	pointer-events: none;
}

/* Text – původně Bricks global class .hero-a__slide__text */
.hero-a__slide__text {
	position: relative;
	z-index: 9;
	width: 100%;
	max-width: var(--content-width);
	margin-inline: auto;                /* místo var(--gutter) */
}

.hero-a__slide__text .h-2 {
	font-weight: 500;
}

/* Pagination tečky – dolaď podle původního */
.hero-a__slider .splide__pagination {
	bottom: var(--space-s);
	gap: 6px;
}
.hero-a__slider .splide__pagination__page {
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	transition: background 0.2s;
}
.hero-a__slider .splide__pagination__page.is-active {
	background: #fff;
	transform: none;
}

/* Podnadpis ve slidu – původně Text element se stylem var(--h-4) / var(--leading-heading) */
.hero-a__slide__desc {
	font-size: var(--h-4);
	line-height: var(--leading-heading);
	letter-spacing: var(--tracking-display);
	font-weight: 300;
	max-width: var(--content-narrow);
	margin-top: var(--space-xs);   /* ≈ 14 px na desktopu, škáluje s viewportem */
}

.hero-a__slide__desc p {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
}
.hero-a__slide__text .h-2 {
	font-weight: 500;
	margin-left: -0.04em;   /* optické zarovnání ke svislici podnadpisu */
}