/*
 * EROSSA footer — stilurile pentru template-parts/footer/footer.php din tema copil.
 *
 * Lățimea containerului: `min(94%, 1440px)`, centrat. Cei 94% sunt lățimea măsurată
 * a containerului din header (.e-con-boxed > .e-con-inner al șablonului 29954):
 * 367 / 722 / 963 / 1354 px la 390 / 768 / 1024 / 1440 px. Plafonul de 1440 px e
 * cerut, ca zona de jos să nu se întindă pe ecrane late. ⚠ Consecință asumată:
 * peste ~1532 px (unde 94% depășește 1440) footerul e mai îngust decât header-ul,
 * care rămâne la 94%. Sub 1532 px se aliniază exact cu el, ca până acum.
 *
 * Culorile de fundal sunt cele măsurate în pagină: #F5F1EA corpul footerului
 * (identic cu fundalul paginii) și #EEE8DD bara de beneficii. Contrastele calculate
 * față de ele: titluri #1A1A1A 15,46:1 · linkuri #3A3A3A 10,10:1 · text mic #5A5A5A
 * 6,13:1 · beneficii #3A3A3A pe #EEE8DD 9,33:1. Toate peste 4,5:1.
 *
 * Fonturile sunt cele locale deja încărcate (assets/fonts/erossa-fonturi-locale.css):
 * Archivo 600 pentru titluri de coloană (greutatea există, deci fără bold sintetic),
 * Questrial 400 pentru linkuri și text, Playfair Display 500 pentru wordmark.
 */

.erofoot {
	background: #F5F1EA;
}

.erofoot__wrap {
	width: min(94%, 1440px);
	margin-left: auto;
	margin-right: auto;
}

.erofoot__icon {
	flex: none;
	fill: currentColor;
	display: block;
}

/* ---------- bara de beneficii ---------- */

.erofoot__benefits {
	background: #EEE8DD;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.erofoot__benefits-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 44px;
	margin: 0;
	padding: 14px 0;
	list-style: none;
}

.erofoot__benefits-list > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.erofoot__benefit {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "Questrial", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #3A3A3A;
	text-decoration: none;
	transition: color 150ms ease;
}

.erofoot__benefit .erofoot__icon {
	width: 16px;
	height: 16px;
}

a.erofoot__benefit:hover,
a.erofoot__benefit:focus-visible {
	color: #000;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

a.erofoot__benefit:focus-visible {
	outline: 2px solid #111;
	outline-offset: 3px;
	border-radius: 2px;
}

/* ---------- grila principală ---------- */

.erofoot__main {
	padding-top: 80px;
}

/*
 * Brand 1,5fr + 4 coloane de 1fr, distribuite uniform. `minmax(max-content, …)` e o
 * PODEA de siguranță, nu o abatere de la distribuția uniformă: de îndată ce 1fr
 * depășește conținutul — adică de la ~1030 px în sus — track-urile ies exact
 * 1.5fr / 1fr / 1fr / 1fr / 1fr. Podeaua intră în joc doar dacă altfel s-ar strivi
 * ceva. Măsurat în pagină: sloganul pe un rând are 269 px, coloanele 132 / 131 / 96
 * / 119 px, deci minimul cu gap 48 e 939 px, iar containerul are 963 px la 1024 px.
 */
.erofoot__grid {
	display: grid;
	grid-template-columns: minmax(max-content, 1.5fr) repeat(4, minmax(max-content, 1fr));
	gap: 48px;
}

.erofoot__wordmark {
	display: inline-block;
	font-family: "Playfair Display", sans-serif;
	font-size: 22px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #111111;
	text-decoration: none;
}

.erofoot__wordmark:hover {
	color: #000;
}

.erofoot__wordmark:focus-visible {
	outline: 2px solid #111;
	outline-offset: 4px;
}

.erofoot__tagline {
	margin: 14px 0 18px;
	font-family: "Questrial", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #3A3A3A;
	max-width: 32ch;
}

.erofoot__social {
	display: flex;
	align-items: center;
	gap: 18px;
}

.erofoot__social a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #111111;
	text-decoration: none;
	transition: color 150ms ease;
}

.erofoot__social .erofoot__icon {
	width: 18px;
	height: 18px;
}

.erofoot__social a:hover {
	color: #9B0401;
}

.erofoot__social a:focus-visible {
	outline: 2px solid #111;
	outline-offset: 4px;
	border-radius: 2px;
}

.erofoot__title {
	margin: 0 0 16px;
	font-family: "Archivo", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #1A1A1A;
}

.erofoot__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.erofoot__list .erofoot__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.erofoot__list a {
	display: inline-block;
	font-family: "Questrial", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #3A3A3A;
	text-decoration: none;
	transition: color 150ms ease, text-decoration-color 150ms ease;
}

.erofoot__list a:hover {
	color: #000;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.erofoot__list a:focus-visible {
	outline: 2px solid #111;
	outline-offset: 3px;
	border-radius: 2px;
}

/*
 * „Cookie Settings" trebuie sa fie <button> (selectorul Complianz e
 * `button.cmplz-manage-consent`), dar arata exact ca un link din coloana.
 */
.erofoot__cookiebtn {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-family: "Questrial", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #3A3A3A;
	text-align: left;
	cursor: pointer;
	transition: color 150ms ease;
}

.erofoot__cookiebtn:hover {
	color: #000;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.erofoot__cookiebtn:focus-visible {
	outline: 2px solid #111;
	outline-offset: 3px;
	border-radius: 2px;
}

/* ---------- bara de jos ---------- */

.erofoot__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 32px;
	margin-top: 64px;
	padding: 24px 0 32px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.erofoot__legal {
	min-width: 0;
}

.erofoot__legal p {
	margin: 0 0 4px;
	font-family: "Questrial", sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: #5A5A5A;
}

.erofoot__legal p:last-child {
	margin-bottom: 0;
}

.erofoot__anpc {
	display: flex;
	align-items: center;
	gap: 18px;
	flex: none;
}

.erofoot__anpc-link {
	font-family: "Questrial", sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color: #5A5A5A;
	text-decoration: none;
	transition: color 150ms ease;
}

.erofoot__anpc-link:hover {
	color: #000;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.erofoot__anpc-link:focus-visible {
	outline: 2px solid #111;
	outline-offset: 3px;
	border-radius: 2px;
}

/*
 * Pictograma SAL: 250x50 px ficși, la orice lățime de ecran. Fișierul chiar ARE
 * 250x50 px — grafica oficială ANPC (201x50) e centrată pe o pânză transparentă,
 * nu întinsă, deci nu e deformată și nu e decupată. Fără max-width: 100%, pentru
 * că Ordinul ANPC 270/2026 cere dimensiunea asta și pe mobil.
 */
.erofoot__sal {
	display: block;
	line-height: 0;
	flex: none;
}

.erofoot__sal img {
	display: block;
	width: 250px;
	height: 50px;
}

.erofoot__sal:focus-visible {
	outline: 2px solid #111;
	outline-offset: 3px;
}

/* ---------- tabletă: 640–1023 px ---------- */

@media (max-width: 1023px) {

	.erofoot__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 32px;
	}

	.erofoot__brand {
		grid-column: 1 / -1;
	}

	.erofoot__tagline {
		max-width: 46ch;
	}
}

/* ---------- mobil: sub 640 px ---------- */

@media (max-width: 639px) {

	.erofoot__benefits-list {
		flex-direction: column;
		gap: 10px;
	}

	.erofoot__benefit {
		justify-content: center;
	}

	.erofoot__main {
		padding-top: 56px;
	}

	.erofoot__grid {
		gap: 32px 20px;
	}

	.erofoot__bottom {
		display: block;
		margin-top: 40px;
		text-align: left;
	}

	.erofoot__anpc {
		display: block;
		margin-top: 18px;
	}

	.erofoot__anpc-link {
		display: inline-block;
	}

	.erofoot__sal {
		margin-top: 14px;
	}
}

/*
 * Ținta de atingere de 44px pentru iconițele sociale, ca pseudo-element centrat.
 * Padding real ar împinge glifa spre dreapta și ar rupe alinierea cu wordmark-ul
 * de deasupra. Înlocuiește regula din functions.php:3082, care era legată de
 * ID-urile Elementor ftsocial/hfsocial și nu mai are ce să prindă.
 */
@media (max-width: 767px) {

	.erofoot__social a::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 44px;
		height: 44px;
	}
}

/* ---------- de la 1024 px: sloganul pe un singur rând ---------- */

@media (min-width: 1024px) {

	.erofoot__tagline {
		max-width: none;
		white-space: nowrap;
	}
}

/*
 * Banda de newsletter „Join EROSSA” (secțiune Elementor, doar pe homepage 1592).
 * Fundalul negru stă pe containerul exterior, care rămâne pe toată lățimea; aici
 * plafonăm DOAR conținutul dinăuntru, ca titlul din stânga și formularul din dreapta
 * să nu se depărteze unul de altul pe ecrane late. Restul (flex pe rând,
 * space-between, align-items center) vine deja din Elementor.
 *
 * ⚠ 1c5d281 e id-ul de element Elementor al benzii. Dacă secțiunea e reconstruită în
 * editor, hash-ul se schimbă și regula asta încetează tăcut să se mai aplice.
 */
.elementor-1592 .elementor-element.elementor-element-1c5d281 > .e-con-inner {
	max-width: min(94%, 1440px);
}

/*
 * Butonul flotant Complianz „Manage consent”: ascuns pe toate lățimile. E înlocuit de
 * „Cookie Settings” din coloana LEGAL, care face exact același lucru (verificat cu
 * clic real). Motivul: butonul stătea fix peste colțul cu pictograma SAL.
 *
 * Specificitatea trebuie să bată regula din mu-plugin-ul de consimțământ
 * (`div#cmplz-manage-consent[data-nosnippet] { display: block !important; }`, inline,
 * specificitate 1,1,1) — de aceea prefixul `html`, care o duce la 1,1,2.
 */
html div#cmplz-manage-consent,
html div#cmplz-manage-consent[data-nosnippet] {
	display: none !important;
}