#footer{background:#27345a;color:#fff}#footer [data-row]{background:transparent;border:0}#footer [data-row="middle"]>.ct-container{padding-top:52px;padding-bottom:0}#footer .spoki-footer-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr .95fr;gap:clamp(36px,5vw,78px);padding-bottom:48px;text-align:left}#footer .spoki-footer-brand{max-width:340px}#footer .spoki-footer-logo{display:inline-block;background:#fff;border-radius:13px;padding:8px;line-height:0}#footer .spoki-footer-logo img{display:block;width:135px;height:auto}#footer .spoki-footer-brand p{margin:18px 0 0;max-width:320px;font-size:15.5px;line-height:1.5;color:#eaeff8}#footer .spoki-footer-nav h2{margin:0 0 14px;font-size:16px;font-weight:800;line-height:1.3;color:#fff;letter-spacing:0}#footer .spoki-footer-nav ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}#footer .spoki-footer-nav li{margin:0}#footer .spoki-footer-nav a{display:inline-block;color:#eaeff8;font-size:15.5px;line-height:1.35;text-decoration:none;padding:3px 0}#footer .spoki-footer-nav a:hover{color:#ffd84a;text-decoration:underline;text-underline-offset:3px}#footer a:focus-visible{outline:2px solid #ffd84a;outline-offset:3px;border-radius:4px;color:#ffd84a}#footer [data-row="bottom"]>.ct-container{border-top:1px solid rgba(255,255,255,.16);padding-top:24px;padding-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;row-gap:10px}#footer [data-row="bottom"] [data-column]{margin:0}#footer .ct-footer-copyright,#footer .spoki-footer-vat{margin:0;font-size:13.5px;line-height:1.45;color:#c3cde3}#footer .spoki-footer-vat{text-align:right}@media (max-width:1100px){#footer .spoki-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 44px}#footer .spoki-footer-brand{max-width:none}}@media (max-width:767px){#footer [data-row="middle"]>.ct-container{padding-top:40px}#footer .spoki-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;padding-bottom:34px}#footer .spoki-footer-brand{grid-column:1/-1}#footer .spoki-footer-brand p{max-width:none}}@media (max-width:420px){#footer .spoki-footer-grid{grid-template-columns:1fr;gap:28px}#footer [data-row="bottom"]>.ct-container{flex-direction:column;align-items:flex-start;gap:8px}#footer .spoki-footer-vat{text-align:left}}#footer .spoki-footer-sal{display:inline-block;margin-top:20px;border-radius:10px;overflow:hidden;line-height:0}#footer .spoki-footer-sal img{display:block;width:150px;height:auto}@media (max-width:767px){#footer .spoki-footer-sal img{width:132px}}
/* Placheta are acum si o sursa WebP, deci <picture> trebuie sa fie bloc. */
#footer .spoki-footer-sal picture{display:block;line-height:0}

/* --- Banda de jos: metode de plata si nota de finantare ---------------------
   Sta sub cele patru coloane, deasupra randului de copyright. Nota de
   finantare este cea mai discreta bucata din subsol: text mic, culoare
   stinsa. Emblema si sigla stau pe placi albe, pentru ca fundalul
   subsolului este inchis, iar emblema europeana are nevoie de contur alb. */
#footer .spoki-footer-extra{
	border-top:1px solid rgba(255,255,255,.16);
	padding:22px 0 26px;
	display:flex;
	flex-direction:column;
	gap:20px;
}
#footer .spoki-pay{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
}
#footer .spoki-pay li{margin:0;line-height:0}
#footer .spoki-pay img{display:block;width:40px;height:25px}
#footer .spoki-pay .spoki-pay-cod{
	line-height:1.35;
	font-size:12.5px;
	color:#c3cde3;
	padding-left:6px;
}
#footer .spoki-eu{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:14px 22px;
}
#footer .spoki-eu-logos{display:flex;align-items:center;gap:12px;flex:none}
#footer .spoki-eu-plate{
	background:#fff;
	border-radius:8px;
	padding:5px 7px;
	line-height:0;
	flex:none;
}
#footer .spoki-eu-plate img{display:block;height:auto}
#footer .spoki-eu-flag img{width:58px}
#footer .spoki-eu-prog img{width:66px}
#footer .spoki-eu-caption{
	font-size:12px;
	line-height:1.25;
	font-weight:600;
	color:#eaeff8;
	flex:none;
}
#footer .spoki-eu-text{
	margin:0;
	flex:1 1 340px;
	min-width:260px;
	font-size:11.5px;
	line-height:1.55;
	color:#9fadc7;
}
@media (max-width:767px){
	#footer .spoki-footer-extra{gap:16px;padding:18px 0 22px}
	#footer .spoki-eu{gap:12px}
	#footer .spoki-eu-text{flex-basis:100%}
}
/* CHG-0060: pe telefon placheta SAL era la fel de mare ca pe desktop si tragea
   ochiul mai mult decat continutul subsolului. 150 -> 104 px. */
@media (max-width: 767px) {
	#footer .spoki-footer-sal img,
	#footer .spoki-footer-sal picture {
		width: 80px;
		height: auto;
	}
}

/* CHG-0068: legaturile din meniul subsolului aveau 27 px inaltime - 21 de text
   si 3 px de padding de fiecare parte.

   Aici NU folosim trucul cu margine negativa, ca la trohe: lista este un grid cu
   gap de 10 px, iar niste cutii de 44 cu margine -9 s-ar suprapune. Doua tinte
   care se suprapun sunt mai rau decat una mica - degetul apasa altceva decat
   vede. Deci crestem padding-ul si scoatem gap-ul: cutia ajunge la 45 px, iar
   spatiul vizibil dintre texte creste de la 16 la 22 px.

   Selectorul este acelasi ca al regulii de mai sus - #footer .spoki-footer-nav a,
   1,1,1 - fiindca aceea foloseste prescurtarea padding:3px 0, pe care un
   padding-block cu specificitate mai mica nu o poate bate. */
#footer .spoki-footer-nav ul {
	gap: 0;
}

#footer .spoki-footer-nav a {
	display: inline-block;
	padding: 12px 0;
}