/* =========================================================================
   footer.css — Footer komponenti
   Mercedes-Benz Autostar Azerbaycan · Dalga D3 · Agent "footer"
   =========================================================================

   MENBE — her reqem olculdu, tehmin YOXDUR:
     [M1903] Playwright · 1903x1080 · DPR 1/2 · https://www.mercedes-benz.gr/
     [M900]  Playwright · 900x1024  (768-1199 zolagi)
     [M390]  Playwright · iPhone 14 Pro (393x852) + analysis/mobile-footer.json (390x844)
     [QLOB]  analysis/qlobal/agent-qlobal-footer-*.json + agent-qlobal-deep.json
     [REF]   docs/REFERENCE_ANALYSIS.md §5.4 · analysis/agent-mobil.md §10

   IKI AYRI QARA ZONA:
     .mb-prefooter  = #pre-footer-wrap  · 1903: 727.06px · 390: 1330.67px
     .mb-footer     = footer            · 1903: 90px     · 390: 50px

   KESIDLER (yunan utility suffiksleri):
     @sm = >=768px · @md = >=979px · @lg = >=1200px · @xl = >=1600px

   YERLI DEYISENLER: tokens.css-de qarsiligi olmayan deyerler asagida :root-da
   tanidilib (tokens.css basqa agentin faylidir — deyisdirilmeyib).
   ========================================================================= */

:root {
	/* [M1903] #pre-footer-wrap z-index — tokens.css-de bu pille yoxdur
	   (--mb-z-section 5 ile --mb-z-footer 900 arasindadir). */
	--mb-footer-z-prefooter: 15;

	/* [M1903] footer link setri: 22.4px line-height + 10px alt padding */
	--mb-footer-link-row: 32.3906px;

	/* [M1903/M900/M390] huquqi zolaqda li line-height pilleleri */
	--mb-footer-legal-lh-xs: 44px;
	--mb-footer-legal-lh-sm: 60px;
	--mb-footer-legal-lh-lg: 76px;

	/* [M1903] "Yuxari" duymesi */
	--mb-footer-totop-h: 49.5469px;
	--mb-footer-totop-icon-h: 23.5469px;

	/* [M1903] sosial ikon <a> hundurluyu (desktop 25 · mobil 25.3125) */
	--mb-footer-social-h: 25px;
	--mb-footer-social-h-xs: 25.3125px;

	/* [M390] sosial siranin xett qutusu — ikonlar alt kenara oturur */
	--mb-footer-social-row-xs: 27.3125px;

	/* [M390] sosial elementler arasi addim 44.88px = 24 (ikon) + 10 (padding) + 10.88
	   ([M390] olculen mesafe; yunanda bu 6px margin + inline-block bosluqudur) */
	--mb-footer-social-gap-xs: 10.88px;
	--mb-footer-social-gap: 4.8px; /* [M1903] li margin-left */
}

/* =========================================================================
   1. ZONA 1 — .mb-prefooter  (yunan: #pre-footer-wrap)
   [M1903] 1903 x 727.06 · fon #000 · z-index 15
   [M390]   390 x 1330.67
   ========================================================================= */

.mb-prefooter {
	position: relative;
	z-index: var(--mb-footer-z-prefooter);
	background-color: var(--mb-color-bg-footer);
	color: var(--mb-color-footer-body);
	font-family: var(--mb-font-body);
	font-size: var(--mb-text-body-size);
	font-weight: var(--mb-font-weight-regular);
	line-height: var(--mb-text-root-line-height); /* 1.4 — vahidsiz: Chrome 22.390625px verir (yunanla eyni); 22.4px yazsaq 22.40625 alinir */
}

/* -------------------------------------------------------------------------
   1.1 Esas modul (yunan: .container-wrap.container-4miwq)
   [M1903] padding 0 40px 30px · h 650.06
   [M900]  padding 0 20px 30px
   [M390]  padding 0 10px 30px · h 981.58
   ---------------------------------------------------------------------- */

.mb-prefooter__main {
	padding: 0 var(--mb-layout-pad-x-xs) var(--mb-space-3);
}

@media (min-width: 768px) {
	.mb-prefooter__main {
		padding-right: var(--mb-layout-pad-x-sm);
		padding-left: var(--mb-layout-pad-x-sm);
	}
}

@media (min-width: 1200px) {
	.mb-prefooter__main {
		padding-right: var(--mb-layout-pad-x);
		padding-left: var(--mb-layout-pad-x);
	}
}

/* [M1903] .container.pb-1@lg — yalniz >=1200px-de 10px alt padding */
@media (min-width: 1200px) {
	.mb-prefooter__container {
		padding-bottom: var(--mb-space-1);
	}
}

/* [M1903] .row-fluid.row--max-1700.pt-2.pt-3@lg.pb-2@xl
   1903px-de en 1700, sol kenar 101.5px */
.mb-prefooter__row {
	max-width: var(--mb-layout-row-max);
	margin-inline: auto;
	padding-top: var(--mb-space-2);
}

@media (min-width: 979px) {
	/* [MAINCSS] .row--max-1700{width:96vw} — yalniz >=979px.
	   min() ilə sarilib ki, 979-2000 araliginda konteynerden tasib yatay
	   scroll yaratmasin (1903 ve 390-da netice eynidir). */
	.mb-prefooter__row {
		width: min(var(--mb-layout-row-width), 100%);
	}
}

@media (min-width: 1200px) {
	.mb-prefooter__row {
		padding-top: var(--mb-space-3);
	}
}

@media (min-width: 1600px) {
	.mb-prefooter__row {
		padding-bottom: var(--mb-space-2);
	}
}

/* -------------------------------------------------------------------------
   1.2 "Yuxari" duymesi (yunan: .button.span12.to-top > a.btn)
   [M1903] a.btn 118.56 x 49.55 · padding 0 40px · line-height 44px · #fff
           CERCIVE YOXDUR · border-radius 0 · fon seffaf
           i.icon 20 x 23.55 · font-size 18px/400 · murekkeb 9 x 5px
   [M390]  eyni olculer, merkezde
   ---------------------------------------------------------------------- */

.mb-to-top {
	display: block;
	width: 100%;
	text-align: center;
	color: var(--mb-color-text-on-dark);
}

.mb-to-top__btn {
	display: inline-flex;
	flex-direction: column-reverse; /* DOM: etiket, ikon → gorunus: ikon ustde */
	align-items: center;
	padding: 0 var(--mb-space-4);
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: var(--mb-color-text-on-dark);
	font-family: var(--mb-font-body);
	font-size: var(--mb-text-button-size);
	font-weight: var(--mb-font-weight-regular);
	line-height: var(--mb-text-button-line-height);
	text-decoration: none;
}

.mb-to-top__label {
	display: block;
	padding: 3px 0;
	font-size: var(--mb-text-button-size);
	line-height: normal;
}

.mb-to-top__icon {
	position: relative;
	display: block;
	width: 20px;
	height: var(--mb-footer-totop-icon-h);
	font-size: var(--mb-text-icon-size);
}

/* [M1903 · DPR2] murekkeb qutusu: x 5.5..14.5 · y 11..16 */
.mb-to-top__icon svg {
	position: absolute;
	top: 11px;
	left: 5.5px;
	display: block;
	width: 9px;
	height: 5px;
}

/* -------------------------------------------------------------------------
   1.3 Ayirici xett (yunan: .custom-html.breadcrumb-spacer > hr)
   [M1903] padding 40px 0 0 · margin 0 0 35px · alt serhed 1px #696969 · h 41
   [M390]  GIZLI (hidden-phone)
   DIQQET: tokens.css-deki --mb-color-footer-hr (#808080) elementin `color`
   deyeridir; REAL serhed rengi #696969-dir (--mb-color-grey-mid-dark).
   ---------------------------------------------------------------------- */

.mb-prefooter__spacer {
	display: none;
}

@media (min-width: 768px) {
	.mb-prefooter__spacer {
		display: block;
	}
}

.mb-prefooter__spacer hr {
	display: block;
	height: 0;
	padding: var(--mb-space-4) 0 0;
	margin: 0 0 35px;
	border: 0;
	border-bottom: 1px solid var(--mb-color-grey-mid-dark);
}

/* -------------------------------------------------------------------------
   1.4 Breadcrumb (yunan: .page-info > .breadcrumbs > ul.breadcrumb)
   [M1903] h 40 · 15px/40px · #fff · ev ikonu 20x40 (murekkeb 20x21.5)
           ayirici ">" margin 0 15px
   [M900]  gorunur · [M390] GIZLI
   Sehife tipinden asilidir — ana sehifede de doludur (olculdu).
   ---------------------------------------------------------------------- */

.mb-breadcrumb {
	display: none;
}

@media (min-width: 768px) {
	.mb-breadcrumb {
		display: block;
		color: var(--mb-color-text-on-dark);
		font-size: var(--mb-text-nav-size);
		line-height: 40px;
	}
}

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

.mb-breadcrumb__list::after {
	display: table;
	clear: both;
	content: "";
}

.mb-breadcrumb__item {
	float: left;
	line-height: 40px;
	list-style: none;
}

.mb-breadcrumb__item a {
	color: var(--mb-color-text-on-dark);
	text-decoration: none;
}

.mb-breadcrumb__item a:hover {
	text-decoration: underline;
}

.mb-breadcrumb__home {
	display: flex;
	float: left;
	width: 20px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-size: 0;
}

.mb-breadcrumb__home img,
.mb-breadcrumb__home svg {
	display: block;
	width: 20px;
	height: 21.5px;
}

.mb-breadcrumb__divider {
	display: block;
	float: left;
	margin: 0 15px;
	font-size: var(--mb-text-nav-size);
	line-height: 40px;
}

/* -------------------------------------------------------------------------
   1.5 Link sutunlari (yunan: .link-block.groups-4 > aside.link-group)
   [M1903] link-block padding 10px 0 0 · sutun 425px (=25%) · padding 30px 0
           baslig 18px/700/#fff, margin 0 0 20px, h 23
           link 16px/22.4px/#c9c9c9, padding 0 0 10px → setir 32.39px
   [M900]  sutun 215px (=25%)
   [M390]  link-block padding 0 10px · sutunlar tam en, alt-alta
   Sutun sayi menyudan gelir: ust seviyye = baslig, alt seviyye = linkler.
   ---------------------------------------------------------------------- */

.mb-footer-links {
	display: block;
	padding: 0 var(--mb-space-1);
}

.mb-footer-links::after {
	display: table;
	clear: both;
	content: "";
}

@media (min-width: 768px) {
	.mb-footer-links {
		padding: var(--mb-space-1) 0 0;
	}
}

.mb-footer-links__group {
	display: block;
	padding: var(--mb-space-3) 0;
}

@media (min-width: 768px) {
	.mb-footer-links__group {
		float: left;
		width: 25%; /* groups-4 — 1903px-de 425px */
	}
}

.mb-footer-links__title {
	margin: 0 0 var(--mb-space-2);
	color: var(--mb-color-text-on-dark);
	font-family: var(--mb-font-body);
	font-size: 18px;
	font-weight: var(--mb-font-weight-bold);
	line-height: normal;
	text-transform: none;
}

.mb-footer-links__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mb-footer-links__item {
	list-style: none;
}

.mb-footer-links__item a {
	display: block;
	padding: 0 0 var(--mb-space-1);
	color: var(--mb-color-footer-link);
	font-size: var(--mb-text-body-size);
	font-weight: var(--mb-font-weight-regular);
	line-height: var(--mb-text-root-line-height); /* 1.4 — vahidsiz: Chrome 22.390625px verir (yunanla eyni); 22.4px yazsaq 22.40625 alinir */
	text-decoration: none;
}

.mb-footer-links__item a:hover,
.mb-footer-links__item a:focus-visible {
	color: var(--mb-color-footer-link-hover);
	text-decoration: underline;
}

/* [M1903] Link olmayan setir (unvansiz menyu elementi): alt padding YOXDUR,
   reng li-den miras qalir (#bbb), setir hundurluyu 22.39px. */
.mb-footer-links__item--text > span {
	display: block;
	color: var(--mb-color-footer-body);
	font-size: var(--mb-text-body-size);
	font-weight: var(--mb-font-weight-regular);
	line-height: var(--mb-text-root-line-height); /* 1.4 — vahidsiz: Chrome 22.390625px verir (yunanla eyni); 22.4px yazsaq 22.40625 alinir */
}

/* =========================================================================
   2. HUQUQI ZOLAQ (yunan: .container-wrap.container-qhz4g)
   [M1903] 1903 x 77 · padding 0 40px · sira ust serhedi 1px #696969
   [M900]  900 x 181 · padding 0 20px · sira padding 30px 0
   [M390]  390 x 349.09 · padding 0 20px
   ========================================================================= */

.mb-prefooter__legal {
	padding: 0 var(--mb-layout-pad-x-sm);
}

@media (min-width: 1200px) {
	.mb-prefooter__legal {
		padding: 0 var(--mb-layout-pad-x);
	}
}

.mb-prefooter__legal-row {
	padding: var(--mb-space-3) 0;
	border-top: 1px solid var(--mb-color-grey-mid-dark);
}

@media (min-width: 768px) {
	.mb-prefooter__legal-row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
}

@media (min-width: 1200px) {
	.mb-prefooter__legal-row {
		padding: 0;
	}
}

/* -------------------------------------------------------------------------
   2.1 Copyright
   [M1903] en 625.63 (mezmuna gore) · line-height 76px · #fff · sola
   [M900]  tam en · line-height 60px · sola
   [M390]  tam en · padding 0 10px 20px · merkezde · line-height 22.4px
   ---------------------------------------------------------------------- */

.mb-footer-copy {
	padding: 0 var(--mb-space-1) var(--mb-space-2);
	color: var(--mb-color-text-on-dark);
	font-size: var(--mb-text-body-size);
	line-height: var(--mb-text-root-line-height); /* 1.4 — vahidsiz: Chrome 22.390625px verir (yunanla eyni); 22.4px yazsaq 22.40625 alinir */
	text-align: center;
}

@media (min-width: 768px) {
	.mb-footer-copy {
		width: 100%;
		padding: 0;
		line-height: var(--mb-footer-legal-lh-sm);
		text-align: left;
	}
}

@media (min-width: 1200px) {
	.mb-footer-copy {
		width: auto;
		line-height: var(--mb-footer-legal-lh-lg);
	}
}

/* -------------------------------------------------------------------------
   2.2 Huquqi linkler (yunan: .site-links)
   [M1903] flex-grow 1 · padding-left 30px · li inline-block, padding-right 20px,
           line-height 76px · link 16px/#c9c9c9
   [M900]  li line-height 60px
   [M390]  blok-blok, merkezde, li line-height 44px, padding-right 0
   ---------------------------------------------------------------------- */

.mb-footer-legal {
	padding: 0 var(--mb-space-1) var(--mb-space-2);
	text-align: center;
}

@media (min-width: 768px) {
	.mb-footer-legal {
		flex-grow: 1;
		padding: 0;
		text-align: left;
	}
}

@media (min-width: 1200px) {
	.mb-footer-legal {
		padding-left: var(--mb-space-3);
	}
}

.mb-footer-legal__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mb-footer-legal__list > li {
	display: block;
	line-height: var(--mb-footer-legal-lh-xs);
	list-style: none;
}

@media (min-width: 768px) {
	.mb-footer-legal__list > li {
		display: inline-block;
		padding-right: var(--mb-space-2);
		line-height: var(--mb-footer-legal-lh-sm);
		vertical-align: middle;
	}
}

@media (min-width: 1200px) {
	.mb-footer-legal__list > li {
		line-height: var(--mb-footer-legal-lh-lg);
	}
}

.mb-footer-legal__list a {
	color: var(--mb-color-footer-link);
	font-size: var(--mb-text-body-size);
	font-weight: var(--mb-font-weight-regular);
	text-decoration: none;
}

.mb-footer-legal__list a:hover,
.mb-footer-legal__list a:focus-visible {
	color: var(--mb-color-footer-link-hover);
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
   2.3 Sosial ikonlar (yunan: .social-icons)
   [M1903] blok 189.19 x 25, sagda · li 34 (24 + 10 padding), margin-left 4.8
           <a> 24 x 25, radius 10px, #fff
   [M390]  blok tam en, merkezde · sira qutusu 27.31 · <a> 24 x 25.31, radius 50%
           addim 44.88px
   ---------------------------------------------------------------------- */

.mb-footer-social {
	width: 100%;
	padding: 0 var(--mb-space-1);
	text-align: center;
}

@media (min-width: 768px) {
	.mb-footer-social {
		width: auto;
		padding: 0;
	}
}

.mb-footer-social__list {
	display: flex;
	height: var(--mb-footer-social-row-xs);
	align-items: flex-end;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 768px) {
	.mb-footer-social__list {
		height: var(--mb-footer-social-h);
		align-items: center;
		justify-content: flex-start;
	}
}

.mb-footer-social__item {
	flex: 0 0 auto;
	padding-right: var(--mb-space-1);
	margin-left: var(--mb-footer-social-gap-xs);
	list-style: none;
}

.mb-footer-social__item:first-child {
	margin-left: 0;
}

@media (min-width: 768px) {
	.mb-footer-social__item {
		margin-left: var(--mb-footer-social-gap);
	}

	.mb-footer-social__item:first-child {
		margin-left: 0;
	}
}

.mb-footer-social__link {
	display: flex;
	width: 24px;
	height: var(--mb-footer-social-h-xs);
	align-items: center;
	justify-content: center;
	border-radius: var(--mb-radius-circle);
	color: var(--mb-color-text-on-dark);
	text-decoration: none;
}

@media (min-width: 768px) {
	.mb-footer-social__link {
		height: var(--mb-footer-social-h);
		border-radius: var(--mb-radius-social);
	}
}

.mb-footer-social__icon {
	display: flex;
	width: 24px;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: var(--mb-text-icon-size);
}

.mb-footer-social__icon svg,
.mb-footer-social__icon img {
	display: block;
}

/* =========================================================================
   3. ZONA 2 — .mb-footer  (yunan: footer > .footer-container)
   YALNIZ disclaimer zolagi. Ana sehifede BOSDUR.
   [M1903] 1903 x 90 = 60 (zolaq) + 30 (alt bosluq) · fon #000
   [M390]   390 x 50 = 20 (zolaq) + 30 (alt bosluq)
   Modul >=768px-de 20px sakuli padding alir → zolaq 60px olur.
   ========================================================================= */

.mb-footer {
	font-family: var(--mb-font-body);
}

.mb-footer__container {
	position: relative;
	padding-bottom: var(--mb-space-3); /* [M1903] bos .container-j4968 margin-top:30px */
	background-color: var(--mb-color-bg-footer);
	color: var(--mb-color-text-on-dark);
}

.mb-footer__zone {
	position: relative;
	z-index: var(--mb-z-footer);
	padding: 0 var(--mb-layout-pad-x-xs);
}

@media (min-width: 768px) {
	.mb-footer__zone {
		padding: 0 var(--mb-layout-pad-x-sm);
	}
}

@media (min-width: 1600px) {
	.mb-footer__zone {
		padding: 0 var(--mb-layout-pad-x);
	}
}

.mb-footer__row {
	max-width: var(--mb-layout-row-max);
	padding: var(--mb-space-1) 0;
	margin-inline: auto;
}

.mb-footer__disclaimer {
	padding: 0 var(--mb-space-1);
	color: var(--mb-color-text-on-dark);
	font-size: var(--mb-text-body-size);
	line-height: var(--mb-text-root-line-height); /* 1.4 — vahidsiz: Chrome 22.390625px verir (yunanla eyni); 22.4px yazsaq 22.40625 alinir */
}

@media (min-width: 768px) {
	.mb-footer__disclaimer {
		padding: var(--mb-space-2) var(--mb-space-1);
	}
}

/* `.screen-reader-text` base.css §8.1-de tanidilib — burada tekrarlanmir. */