/* Smash Header Polish — headerul global .sr-site-header (Kadence Element 4249). */

/* ---- Sticky ---- */
body .sr-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
	transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Homepage: transparent peste hero, fix sus (rămâne în afara fluxului, ca înainte). */
body.home .sr-site-header {
	position: fixed;
	top: var(--wp-admin--admin-bar--height, 0px);
	left: 0;
	right: 0;
}

/* Fundalul solid stă pe un pseudo-element: backdrop-filter direct pe header
   ar transforma headerul în containing block pentru overlay-ul fixed al meniului mobil. */
body .sr-site-header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(10, 10, 10, .92);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 6px 24px rgba(0, 0, 0, .45);
	opacity: 0;
	transition: opacity .25s ease;
	pointer-events: none;
}
body .sr-site-header.is-scrolled::before { opacity: 1; }
body .sr-site-header.is-scrolled { border-bottom-color: transparent; }

@media (max-width: 600px) {
	/* Admin bar-ul nu mai e fix sub 600px. */
	body .sr-site-header,
	body.home .sr-site-header { top: 0; }
}

/* ---- Aliniere lățime ----
   Pagini interioare: rândurile Kadence au lățimea de conținut 1290px cu padding 24px,
   exact ca rândul headerului — păstrăm 1290px.
   Homepage: conținutul folosește .container (max-width pe breakpoint-uri 640/768/1024/1280/1536, px 24px),
   deci rândul headerului urmează aceleași trepte. */
body.home .sr-site-header > .kt-row-column-wrap {
	max-width: 100%;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}
@media (min-width: 640px)  { body.home .sr-site-header > .kt-row-column-wrap { max-width: 640px; } }
@media (min-width: 768px)  { body.home .sr-site-header > .kt-row-column-wrap { max-width: 768px; } }
@media (min-width: 1024px) { body.home .sr-site-header > .kt-row-column-wrap { max-width: 1024px; } }
@media (min-width: 1280px) { body.home .sr-site-header > .kt-row-column-wrap { max-width: 1280px; } }
@media (min-width: 1536px) { body.home .sr-site-header > .kt-row-column-wrap { max-width: 1536px; } }

/* Mobil: rândurile de conținut păstrează 24px lateral, headerul avea 16px. */
@media (max-width: 767px) {
	body .sr-site-header > .kt-row-column-wrap {
		padding-left: 24px;
		padding-right: 24px;
	}
}