/* Prima pagină (front-page.php): titlu + butoane peste videoclip, produse mai mari, plăci lizibile. */

/* început: text peste video, cu o umbră discretă jos-stânga ca să se citească pe orice cadru */
.home .header { position: relative; }
/* textul se poziționează față de tot blocul video, nu față de containerul temei (care are înălțime 0) */
.home .header .wrapper, .home .header .header__content { position: static; }
.home .header::before {
	content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
	background: linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .25) 45%, rgba(0, 0, 0, 0) 70%),
	            linear-gradient(0deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 40%);
}
/* tot ecranul, cu textul jos; „safe” = dacă ecranul e prea jos, textul nu urcă sub meniu */
.home-hero {
	position: absolute; z-index: 3; inset: 0; display: flex; flex-direction: column; justify-content: safe flex-end;
	max-width: 1200px; margin: 0 auto; padding: 120px 24px clamp(40px, 9vh, 110px); box-sizing: border-box; color: #fff; text-align: left;
}
.home-hero > * { max-width: 760px; }
.home-hero__eyebrow { font-size: 14px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; opacity: .9; }
/* the XAG logo sits in the line in place of the word: capital-letter height (Onest cap height ≈ 0.72em) on the text baseline;
   the PNG has ~1% transparent padding, hence the slightly larger box and the tiny downward shift */
.home-hero__eyebrow .home-hero__xag { height: .76em; width: auto; display: inline-block; vertical-align: baseline; position: relative; top: .02em; margin: 0 .12em; filter: drop-shadow(0 1px 3px rgba(0,0,0,.35)); }
.home-hero__title { font-size: clamp(32px, min(4.4vw, 7vh), 64px); line-height: 1.06; font-weight: 800; letter-spacing: -.02em; margin: 10px 0 16px; color: #fff; }
.home-hero__lead { font-size: clamp(16px, 1.4vw, 20px); line-height: 1.5; margin: 0; opacity: .95; }
.home-hero__btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.home-hero__btn {
	display: inline-block; padding: 13px 28px; border-radius: 999px; background: #cc0000; border: 2px solid #cc0000;
	color: #fff !important; font-weight: 600; font-size: 16px; line-height: 1.2; text-decoration: none; transition: background .2s;
}
.home-hero__btn:hover { background: #a80000; border-color: #a80000; }
.home-hero__btn--ghost { background: rgba(255, 255, 255, .12); border-color: #fff; }
.home-hero__btn--ghost:hover { background: rgba(255, 255, 255, .25); border-color: #fff; }

/* produse: imagini mai mari, pe plăci gri deschis, ca în meniul „Produse” */
.catItems__items .catItem__item { text-align: center; text-decoration: none; transition: transform .2s; }
.catItems__items .catItem__item:hover { transform: translateY(-4px); }
.catItems__items .catItem__img { position: relative; width: 100%; height: auto; aspect-ratio: 4 / 3; background: #f5f5f7; border-radius: 18px; }
.catItems__items .catItem__img img { position: absolute; inset: 12%; width: 76%; height: 76%; max-width: none; object-fit: contain; }
.catItems__items .catItem__title { margin-top: 14px; font-size: 17px; line-height: 1.3; }
.catItems__items .catItem__item:hover .catItem__title { color: #cc0000; }

/* plăcile Servicii / Academie / Știri: umbră peste poză, ca textul alb să se citească */
.img-blocks__item { position: relative; overflow: hidden; }
.img-blocks__item::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .38); transition: background .3s; }
.img-blocks__item:hover::before { background: rgba(0, 0, 0, .5); }
.img-blocks__item > * { position: relative; z-index: 1; }

@media (max-width: 768px) {
	.home .header::before { background: linear-gradient(0deg, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .2) 55%, rgba(0, 0, 0, 0) 75%); }
	.home .header { min-height: 82svh; }
	.home-hero { padding: 90px 16px 32px; }
	.home-hero__eyebrow { font-size: 12px; }
	.home-hero__btn { padding: 11px 20px; font-size: 15px; }
	.catItems__items .catItem__title { font-size: 15px; }
}