/*
 * 20-footer.css - footer (replica layout-ului Divi 12751 "Footer Style 102").
 * Desktop (>= 981px) = identic cu live. Sub 981px = coloane stivuite.
 */

.ms-footer { position: relative; z-index: 1; }

.ms-ftr-main {
	position: relative;
	background-color: var(--ms-cyan);
	padding: 40px 0 45px;
}
.ms-ftr-row {
	position: relative;
	width: 90%;
	max-width: 1650px;
	margin: 0 auto;
	padding: 2% 0 41px;
	z-index: 6;
}
.ms-ftr-row::after { content: ""; display: block; clear: both; }

.ms-ftr-col { position: relative; min-height: 1px; z-index: 2; }
.ms-ftr-col > * { margin-bottom: 13.174%; }
.ms-ftr-col > *:last-child { margin-bottom: 0; }

/* Coloana 1: logo + date firma */
.ms-ftr-col > .ms-ftr-logo { padding-bottom: 10px; margin-bottom: 2px; line-height: 0; }
.ms-ftr-logo img { display: inline-block; max-width: 100%; height: auto; }

.ms-ftr-col > .ms-ftr-blurb { margin-bottom: 15px; }
.ms-ftr-col > .ms-ftr-blurb:last-child { margin-bottom: 0; }
.ms-ftr-blurb {
	font-size: 16px;
	letter-spacing: -1px;
	color: #fff;
	text-align: left;
}
.ms-ftr-blurb--company { padding-top: 9px; line-height: 1.1em; }
.ms-ftr-blurb .ms-blurb__body { padding-left: 0; }
.ms-ftr-blurb .ms-blurb__icon .ms-icon { font-size: 20px; height: 1em; color: #fff; }
.ms-ftr-blurb .ms-icon--building { width: .875em; }
.ms-ftr-blurb .ms-icon--pin,
.ms-ftr-blurb .ms-icon--phone,
.ms-ftr-blurb .ms-icon--mail { width: 1em; }
.ms-ftr-blurb p { padding: 0; }

/* Titluri coloane */
.ms-ftr-col > .ms-ftr-title { margin-bottom: 30px; }
.ms-ftr-col > .ms-ftr-title--program { margin-bottom: 29px; }
.ms-ftr-title {
	font-size: 22px;
	letter-spacing: -1px;
	color: #fff;
	text-align: left;
}
.ms-ftr-title p { padding: 0; }

/* Meniuri footer */
.ms-ftr-menu { position: relative; color: #fff; text-align: left; }
.ms-ftr-col > .ms-ftr-menu--support { margin-bottom: 13px; }
.ms-ftr-menu__list { display: block; margin: 0; padding: 0; list-style: none; line-height: 1.7em; }
.ms-ftr-menu__list > li {
	display: flex;
	align-items: stretch;
	position: relative;
	padding: 8px 0 0;
	line-height: 14px;
}
.ms-ftr-menu__list > li > a {
	display: block;
	position: relative;
	padding-bottom: 8px;
	font-size: 16px;
	letter-spacing: -1px;
	color: #fff;
	text-decoration: none;
	transition: all .5s ease;
}
.ms-ftr-menu__list > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 0;
	height: 1px;
	background: #03045e;
	transition: all .5s ease;
}
.ms-ftr-menu__list > li > a:hover { padding-left: 17px; opacity: .7; }
.ms-ftr-menu__list > li > a:hover::after { width: 100%; }

/* ANPC / SOL */
.ms-ftr-col > .ms-ftr-badge { width: 50%; margin-bottom: 10px; line-height: 0; }
.ms-ftr-badge img { display: inline-block; max-width: 100%; height: auto; }

/* Program */
.ms-ftr-hours { font-size: 16px; letter-spacing: -1px; color: #fff; text-align: left; }
.ms-ftr-hours ul { padding: 0; margin: 0; list-style: none; line-height: 26px; }
.ms-footer--tax .ms-ftr-hours ul { padding-bottom: 1em; }
.ms-ftr-hours ul li { display: inline-flex; width: 100%; padding: 0 0 5px; margin-bottom: 5px; }
.ms-ftr-hours ul li span { display: inline-block; width: 50%; text-align: left; }

/* Netopia / Visa / Mastercard */
.ms-ftr-col > .ms-ftr-pay { margin-top: 19px; text-align: right; line-height: 0; }
.ms-ftr-pay img { display: inline-block; max-width: 100%; height: auto; }

/* Valul de jos (divider Divi "waves2", 59px) */
.ms-ftr-wave {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 59px;
	z-index: 1;
	pointer-events: none;
	background-image: url("../img/footer-wave.svg");
	background-size: 100% 59px;
	background-position: 0 0;
	background-repeat: repeat-x;
}

/* Bara de copyright */
.ms-ftr-bottom { position: relative; background-color: var(--ms-navy); padding-bottom: 1px; }
.ms-ftr-bottom__row {
	display: flex;
	width: 90%;
	max-width: 1650px;
	margin: 0 auto;
	padding: 20px 0;
}
.ms-ftr-bottom__col { width: 50%; position: relative; min-height: 1px; }
.ms-ftr-bottom__col p { padding: 0; }
.ms-ftr-bottom__col--copy { font-size: 15px; color: #fff; }
.ms-ftr-bottom__col--copy p { margin-top: 19px; }
.ms-ftr-bottom__col--credit {
	font-size: 30px;
	font-weight: 300;
	letter-spacing: -2px;
	color: #fff;
	text-align: right;
}
.ms-ftr-bottom__col--credit a { color: var(--ms-blue); }
.ms-ftr-bottom__col--credit img { display: inline; max-width: 100%; }

/* Desktop: grila Divi (gutter 3, 4 coloane). Footer-ul Theme Builder mosteneste gutter-ul paginii:
   pe paginile cu gutter 2 (body.ms-gutters-2, clasa pusa de inc/70-divi-shim.php) coloanele sunt 22.75% + 3%. */
@media (min-width: 981px) {
	.ms-ftr-col { float: left; width: 20.875%; margin-right: 5.5%; }
	.ms-ftr-col--4 { margin-right: 0; }
	body.ms-gutters-2 .ms-ftr-col { width: 22.75%; margin-right: 3%; }
	body.ms-gutters-2 .ms-ftr-col--4 { margin-right: 0; }
	body.ms-gutters-2 .ms-ftr-col > * { margin-bottom: 6.593%; }
	body.ms-gutters-2 .ms-ftr-col > *:last-child { margin-bottom: 0; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-logo { margin-bottom: 2px; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-blurb { margin-bottom: 15px; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-blurb:last-child { margin-bottom: 0; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-title { margin-bottom: 30px; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-title--program { margin-bottom: 29px; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-menu--support { margin-bottom: 13px; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-badge { margin-bottom: 10px; }
	body.ms-gutters-2 .ms-ftr-col > .ms-ftr-pay { margin-top: 19px; }
}

/* Mobil / tableta */
@media (max-width: 980px) {
	.ms-ftr-main { padding: 32px 0 70px; }
	.ms-ftr-row { width: auto; margin: 0 16px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 32px 24px; }
	.ms-ftr-col > * { margin-bottom: 16px; }
	.ms-ftr-col > .ms-ftr-title, .ms-ftr-col > .ms-ftr-title--program { margin-bottom: 12px; }
	.ms-ftr-col--1 { grid-column: 1 / -1; }
	.ms-ftr-col > .ms-ftr-pay { text-align: left; }
	.ms-ftr-pay img { max-width: 260px; }
	.ms-ftr-col > .ms-ftr-badge { width: auto; max-width: 180px; }
	.ms-ftr-hours ul li span { width: auto; }
	.ms-ftr-bottom__row { width: auto; margin: 0 16px; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
	.ms-ftr-bottom__col { width: auto; }
	.ms-ftr-bottom__col--copy p { margin-top: 0; }
	.ms-ftr-bottom__col--credit { text-align: center; font-size: 26px; }
}
@media (max-width: 560px) {
	.ms-ftr-row { grid-template-columns: 1fr; }
}