/*
 * avloon-storefront — chrome.css (B34/B35): native header, mobile drawer and footer. Loaded only on requests
 * where the header or footer surface is on. Values ported per component from the compiled Elementor CSS of
 * GS 867 (header), popup 11714 (drawer), GS 157 (footer); logical properties so /en/ (dir=ltr) mirrors itself.
 * Breakpoints as Elementor: mobile ≤767, tablet 768–1024, desktop ≥1025.
 * Fonts (0.2.1, R1): the theme's Additional CSS rule `h1…th{ \tfont-family:"DINNextLTArabic"…!important}` is dead on
 * live and staging (the stored text holds a literal backslash-t, so the property reads `tfont-family`). In A, DIN shows
 * only where an Elementor widget set it in its own typography, so DIN is set here on exactly those elements, through
 * the font surface's token: font-family: var(--avs-din, "DINNextLTArabic", sans-serif). Everything else keeps the
 * inherited fallback as in A: the «تصفح الأقسام»/«المساعدة» pills, «تتبع الطلب», «خدمة اطلب لي», CURCY, the Rey
 * search and the footer lists typed in the undefined "RB" family. Do not "repair" the theme rule (font F2).
 */

/* ------------------------------------------------------------------ header shell */
.rey-siteHeader.avs-siteHeader { padding: 0; }
[data-avl-sf="header"] { --avs-line: #BBBBBB; position: relative; }
[data-avl-sf="header"] img { max-inline-size: 100%; block-size: auto; }
[data-avl-sf="header"] a { text-decoration: none; }
[data-avl-sf="header"] :focus-visible { outline: 2px solid #000; outline-offset: 2px; }

/* ------------------------------------------------------------------ promo (318ea37) */
[data-avl-sf="header"] .avs-promo { background: #000; color: #FFFFFF; padding-block: 7px; text-align: center; overflow: hidden; }
[data-avl-sf="header"] .avs-promo__track { overflow: hidden; }
[data-avl-sf="header"] .avs-promo__list { display: flex; transition: transform .5s ease; will-change: transform; }
[data-avl-sf="header"] .avs-promo__item { flex: 0 0 100%; min-inline-size: 100%; padding-inline: 10px; box-sizing: border-box; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); }
/* Rey's paragraph rhythm (1.7): 7 + 27 + 7 = 41 px on desktop, 5 + 22 + 5 = 32 px on mobile, as A's bar. */
[data-avl-sf="header"] .avs-promo__item p { margin: 0; color: inherit; line-height: 1.7; }
[data-avl-sf="header"] .avs-promo__item a { color: #FFFFFF; }

/* ------------------------------------------------------------------ mobile row (3785136, ≤767 only) */
[data-avl-sf="header"] .avs-mrow { display: none; }
[data-avl-sf="header"] .avs-burger { display: inline-flex; align-items: center; justify-content: center; inline-size: 34px; block-size: 34px; padding: 0; margin-inline-end: 10px; margin-block-start: 8px; border: 0; border-radius: 50%; background: #E6E6E6; color: #000000; font-size: 17px; cursor: pointer; flex: 0 0 auto; }
[data-avl-sf="header"] .avs-burger .avs-icon { inline-size: 1em; block-size: 1em; }
[data-avl-sf="header"] .avs-mrow__logo { display: inline-flex; flex: 0 0 auto; margin-block-start: -3px; }
[data-avl-sf="header"] .avs-mrow__logo-img { inline-size: 35px; }
/* 84aa01d: a 220 px widget whose container sits 5 px in from its start edge → a 215 × 43 pill. */
[data-avl-sf="header"] .avs-msearch { display: block; flex: 0 1 215px; inline-size: 215px; max-inline-size: 215px; margin-inline-start: 5px; }
[data-avl-sf="header"] .avs-msearch__form { display: flex; align-items: center; box-sizing: border-box; min-block-size: 43px; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 50px; margin: 0; overflow: hidden; }
[data-avl-sf="header"] .avs-msearch__form:focus-within { border-color: #000000; }
[data-avl-sf="header"] .avs-search__icon { display: inline-flex; padding-inline-start: 10px; font-size: 20px; color: #000; opacity: .6; }
[data-avl-sf="header"] .avs-msearch .avs-search__icon { font-size: 22px; } /* A's solid FA magnifier, #000 at .6 */
[data-avl-sf="header"] .avs-msearch .avs-search__input { flex: 1 1 auto; min-inline-size: 0; block-size: 41px; border: 0; background: transparent; padding-inline: 10px; font-size: 18px; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); color: #000; box-shadow: none; outline: none; }
[data-avl-sf="header"] .avs-mrow__end { display: flex; justify-content: flex-end; align-items: center; flex: 0 0 10%; }
[data-avl-sf="header"] .avs-mrow .rey-headerCart { color: #000000; --icon-size: 22px; }
[data-avl-sf="header"] .rey-headerCart .rey-headerIcon-counter { display: inline-flex; background-color: #000000; }
[data-avl-sf="header"] .avs-cart .rey-headerIcon-btn { display: inline-flex; align-items: center; gap: 2px; color: #000; position: relative; font-size: var(--icon-size, 25px); }
[data-avl-sf="header"] .avs-cart .rey-headerIcon-counter { font-size: 10px; min-inline-size: 16px; block-size: 16px; border-radius: 8px; color: #fff; align-items: center; justify-content: center; position: absolute; inset-block-start: -4px; inset-inline-end: -8px; }

/* ------------------------------------------------------------------ desktop rows (≥768) */
[data-avl-sf="header"] .avs-toprow { background: #F9FAFC; border-block-end: 1px solid var(--avs-line); }
[data-avl-sf="header"] .avs-toprow__inner,
[data-avl-sf="header"] .avs-mainrow__inner { display: flex; max-inline-size: 1250px; margin-inline: auto; box-sizing: border-box; }
/* A's 1250 px container with a 15 px column gutter: items from x 111 to 1329 at 1440. */
[data-avl-sf="header"] .avs-toprow__inner { padding-inline: 15px; }
[data-avl-sf="header"] .avs-toprow__col { display: flex; flex-wrap: wrap; align-items: center; align-content: center; inline-size: 50%; }
[data-avl-sf="header"] .avs-toprow__col--start { justify-content: flex-start; }
[data-avl-sf="header"] .avs-toprow__col--end { justify-content: flex-end; }
[data-avl-sf="header"] .avs-item { display: flex; align-items: center; }
[data-avl-sf="header"] .avs-item__title { margin: 0; line-height: 1; }
[data-avl-sf="header"] .avs-item__title a { color: #000000; }
[data-avl-sf="header"] .avs-item--account { --icon-size: 18px; padding-block: 8px; padding-inline: 0 20px; border-inline-end: 1px solid var(--avs-line); }
[data-avl-sf="header"] .avs-item--account .rey-headerAccount-btnIcon { color: #020202; }
[data-avl-sf="header"] .avs-item--account .rey-headerIcon-btnText,
[data-avl-sf="header"] .avs-item--wishlist .rey-headerIcon-btnText { font-size: 14px; font-weight: 400; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); }
[data-avl-sf="header"] .avs-account .rey-headerIcon-btn,
[data-avl-sf="header"] .avs-wishlist__btn { display: inline-flex; align-items: center; gap: 6px; color: inherit; }
[data-avl-sf="header"] .avs-item--icon img { inline-size: 25px; }
[data-avl-sf="header"] .avs-item--icon { margin-inline: 10px 5px; }
[data-avl-sf="header"] .avs-item--icon-getit { margin-inline: 20px 5px; }
[data-avl-sf="header"] .avs-item--icon-getit img { inline-size: 28px; }
[data-avl-sf="header"] .avs-item--text { padding-block: 10px; padding-inline: 0 20px; border-inline-end: 1px solid var(--avs-line); }
[data-avl-sf="header"] .avs-item--track .avs-item__title { font-size: 14px; }
[data-avl-sf="header"] .avs-item--help { --header-nav-x-spacing: 1rem; --indicator-padding: calc(20px * var(--padding-factor, 1.5)); --submenus-padding: 0px; --submenus-padding-x: 20px; --submenu-panels-distance: 5px; }
[data-avl-sf="header"] .avs-item--help .rey-mainMenu--desktop > .menu-item > a { font-size: 14px; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); border-style: none; padding: 4px 20px 5px; border-radius: 0; }
[data-avl-sf="header"] .avs-item--help .rey-mainMenu--desktop > .menu-item:hover > a,
[data-avl-sf="header"] .avs-item--help .rey-mainMenu--desktop > .menu-item > a:hover { background-color: #FFFFFF; }
[data-avl-sf="header"] .avs-item--help a[data-has-icon] { --icon-size: 18px; }
[data-avl-sf="header"] .avs-item--help .rey-mainMenu--desktop .sub-menu > .menu-item > a { min-inline-size: 230px; }
[data-avl-sf="header"] .avs-item--help .rey-mainMenu--desktop .sub-menu .menu-item:hover > a,
[data-avl-sf="header"] .avs-item--help .rey-mainMenu--desktop .sub-menu .menu-item > a:hover { color: #000000; background-color: #E6E6E6; }
[data-avl-sf="header"] .avs-item--nav .rey-mainMenu .menu-item-has-children .--submenu-indicator { font-size: 20px; }
[data-avl-sf="header"] .avs-item--nav .rey-mainMenu .--submenu-indicator-arrow:before { font-size: 5px; margin-block-start: 8px; }
[data-avl-sf="header"] .avs-item--curcy { padding-block: 3px; padding-inline: 20px; border-inline-end: 1px solid var(--avs-line); }
[data-avl-sf="header"] .avs-item--wishlist { padding-block: 7px 8px; padding-inline: 20px 0; }
[data-avl-sf="header"] .avs-item--wishlist .btn { color: #020101; }
[data-avl-sf="header"] .avs-wishlist__btn .rey-headerIcon-icon { display: inline-flex; font-size: 20px; } /* A: 20 px heart */
/* CH-4: the top-row child taller than 35 px. A's wishlist wrapper is a Rey drop panel (a flex box); ours is a plain
   block holding an inline-level button, so the theme's 1.7 line box (strut) grew the row to 47 px and set the text
   above the heart. Flex all the way down: 7 + 20 + 8 = 35 px, row 37 px. The icon links get the same treatment. */
[data-avl-sf="header"] .avs-item--wishlist .rey-elWishlist { display: flex; align-items: center; }
[data-avl-sf="header"] .avs-item--wishlist .avs-wishlist__btn.rey-headerIcon-btn { display: inline-flex; align-items: center; }
[data-avl-sf="header"] .avs-item--wishlist .rey-headerIcon-btnText { line-height: 1; }
[data-avl-sf="header"] .avs-item--icon > a { display: flex; align-items: center; }
[data-avl-sf="header"] .avs-item--lang { padding-inline: 10px; }

/* CURCY switcher (511f580 custom CSS, scoped to the chrome). */
[data-avl-sf="header"] .woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency,
[data-avl-sf="drawer"] .woocommerce-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency { border: none; }
[data-avl-sf="header"] .woocommerce-multi-currency.wmc-shortcode .wmc-currency.wmc-active,
[data-avl-sf="header"] .woocommerce-multi-currency.wmc-shortcode .wmc-current-currency,
[data-avl-sf="drawer"] .woocommerce-multi-currency.wmc-shortcode .wmc-currency.wmc-active,
[data-avl-sf="drawer"] .woocommerce-multi-currency.wmc-shortcode .wmc-current-currency { background-color: transparent; color: #212121; }
[data-avl-sf="header"] .wmc-text,
[data-avl-sf="drawer"] .wmc-text { font-weight: 400; font-size: 14px; }

/* main row (0169c93) */
[data-avl-sf="header"] .avs-mainrow { background: #FFFFFF; box-shadow: 0 9px 10px 0 rgba(0, 0, 0, .05); padding-block: 20px; }
[data-avl-sf="header"] .avs-mainrow__col { display: flex; align-items: center; align-content: center; flex-wrap: wrap; inline-size: 50%; padding-block: 0; padding-inline: 15px; box-sizing: border-box; }
[data-avl-sf="header"] .avs-mainrow__col--end { justify-content: flex-end; }
[data-avl-sf="header"] .avs-mainrow__logo { display: inline-flex; margin-inline-end: 20px; }
[data-avl-sf="header"] .avs-mainrow__logo-img { inline-size: 200px; }
[data-avl-sf="header"] .avs-search { --hsi-br-tl: 50px; --hsi-br-tr: 50px; --hsi-br-br: 50px; --hsi-br-bl: 50px; }
[data-avl-sf="header"] .avs-search .rey-headerSearch--inline { --width: 350px; }
[data-avl-sf="header"] .avs-search .rey-headerSearch--inline form { background-color: #FFFFFF; border: 1px solid #CBCBCB; color: #000; }
[data-avl-sf="header"] .avs-search .rey-headerSearch--inline form:before { display: none; }
[data-avl-sf="header"] .avs-search .rey-headerSearch--inline .icon-search { font-size: 20px; color: #BBBBBB; }
[data-avl-sf="header"] .avs-isearch { display: flex; align-items: center; inline-size: 350px; max-inline-size: 100%; min-block-size: 40px; border: 1px solid #CBCBCB; border-radius: 50px; background: #fff; margin: 0; }
[data-avl-sf="header"] .avs-isearch .avs-search__icon { color: #BBBBBB; opacity: 1; }
[data-avl-sf="header"] .avs-isearch .avs-search__input { flex: 1 1 auto; min-inline-size: 0; border: 0; background: transparent; padding-inline: 10px; block-size: 38px; box-shadow: none; }
[data-avl-sf="header"] .avs-item--pill { margin-inline-end: 20px; border-radius: 50px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); --header-nav-x-spacing: 1rem; --indicator-padding: calc(20px * var(--padding-factor, 1.5)); --submenus-padding: 0px; --submenus-padding-x: 20px; --submenu-panels-distance: 25px; }
[data-avl-sf="header"] .avs-item--pill .rey-mainMenu--desktop > .menu-item > a { font-size: 18px; font-weight: 400; border-style: none; padding: 5px 20px; border-radius: 50px; }
[data-avl-sf="header"] .avs-item--pill .rey-mainMenu--desktop > .menu-item:hover > a,
[data-avl-sf="header"] .avs-item--pill .rey-mainMenu--desktop > .menu-item > a:hover { background-color: #FFFFFF; }
[data-avl-sf="header"] .avs-item--pill a[data-has-icon] { --icon-size: 28px; }
[data-avl-sf="header"] .avs-item--pill .rey-mainMenu--desktop .sub-menu > .menu-item > a { min-inline-size: 200px; }
[data-avl-sf="header"] .avs-item--pill .rey-mainMenu--desktop .sub-menu .menu-item > a { color: #000000; background-color: #FFFFFF; }
[data-avl-sf="header"] .avs-item--cart .rey-headerCart { color: #000000; --icon-size: 25px; }

/* Dropdown fallback (no Rey menu script): open on hover and keyboard focus. */
[data-avl-sf="header"] .avs-nav ul { list-style: none; margin: 0; padding: 0; }
[data-avl-sf="header"] .avs-nav .rey-mainMenu > .menu-item { position: relative; }
[data-avl-sf="header"] .avs-nav .menu-item-has-children:hover > .sub-menu,
[data-avl-sf="header"] .avs-nav .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; pointer-events: auto; }

@media (max-width: 1024px) {
	[data-avl-sf="header"] .avs-mainrow__logo { margin-block-start: -5px; }
	[data-avl-sf="header"] .avs-item--account { padding: 6px 10px; }
	[data-avl-sf="header"] .avs-item--curcy,
	[data-avl-sf="header"] .avs-item--wishlist { padding: 5px 10px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	[data-avl-sf="header"] .avs-toprow__col--start { inline-size: 30%; }
	[data-avl-sf="header"] .avs-toprow__col--end { inline-size: 70%; }
	[data-avl-sf="header"] .avs-mainrow__col--start { inline-size: 80%; }
	[data-avl-sf="header"] .avs-mainrow__col--end { inline-size: 20%; }
}
@media (max-width: 767px) {
	[data-avl-sf="header"] .avs-promo { padding-block: 5px; }
	[data-avl-sf="header"] .avs-promo__item { font-size: 13px; }
	[data-avl-sf="header"] .avs-mrow { display: flex; align-items: center; justify-content: space-between; background: #FFFFFF; border-block-end: 1px solid #E5E5E5; padding: 18px 5px; }
	[data-avl-sf="header"] .avs-mrow__start { display: flex; align-items: center; justify-content: flex-start; flex: 0 0 90%; min-inline-size: 0; }
	[data-avl-sf="header"] .avs-toprow,
	[data-avl-sf="header"] .avs-mainrow { display: none; }
	/* Mobile-only sticky: the promo scrolls away, the mobile row sticks (A: Pro sticky on 3785136). */
	.rey-siteHeader.avs-siteHeader.avs-sticky { position: sticky; inset-block-start: calc(-1 * var(--avs-promo-h, 30px)); z-index: 999; }
	[data-avl-sf="header"] .avs-mrow.is-fixed { position: fixed; inset-block-start: 0; inset-inline: 0; z-index: 999; }
}
@media (min-width: 601px) and (max-width: 767px) {
	.admin-bar .rey-siteHeader.avs-siteHeader.avs-sticky { inset-block-start: calc(46px - var(--avs-promo-h, 30px)); }
}

/* ------------------------------------------------------------------ drawer (popup 11714) */
html.avs-drawer-open { overflow: hidden; }
.avs-drawer[hidden] { display: none; }
[data-avl-sf="drawer"] { position: fixed; inset: 0; z-index: 100000; }
[data-avl-sf="drawer"] .avs-drawer__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .8); opacity: 0; transition: opacity .3s ease; }
/* Deliberately physical: A's popup slides in from the right edge in both languages (slideInRight). */
[data-avl-sf="drawer"] .avs-drawer__panel { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 100vw; max-inline-size: 100vw; overflow-y: auto; overscroll-behavior: contain; background: #F2F2F2; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2); transform: translateX(100%); transition: transform .6s ease; padding-block-end: 20px; box-sizing: border-box; outline: none; }
[data-avl-sf="drawer"].is-open .avs-drawer__overlay { opacity: 1; }
[dir="ltr"] [data-avl-sf="drawer"] .avs-drawer__panel, [data-avl-sf="drawer"][dir="ltr"] .avs-drawer__panel { transform: translateX(-100%); } /* /en/: mirrored, slides in from the left */
[data-avl-sf="drawer"].is-open .avs-drawer__panel { transform: none; }
/* Top bar (first child of the panel): the language row lang-bridge prints (a.avl-langDrawer: 15 px 20 px padding,
   16 px/600, a 1px rgba(0,0,0,.09) bottom line → 50 px on the panel's #F2F2F2, as A) and the close X at inline-end.
   Without a language slot the bar is empty and the X sits over the logo card's free end, as before. */
[data-avl-sf="drawer"] .avs-drawer__bar { position: relative; }
[data-avl-sf="drawer"] .avs-drawer__lang { margin: 0; background: #F2F2F2; }
[data-avl-sf="drawer"] .avs-drawer__close { position: absolute; inset-block-start: 15.5px; inset-inline-end: 6px; z-index: 2; display: inline-flex; padding: 4px; border: 0; background: transparent; color: #000000; font-size: 25px; line-height: 1; cursor: pointer; }
[data-avl-sf="drawer"] :focus-visible { outline: 2px solid #000; outline-offset: 2px; }
/* Cards as A's containers: 8 + 10 px vertical / 24 px content inset, 10 px grey gaps between cards. */
[data-avl-sf="drawer"] .avs-drawer__card { background: #FFFFFF; margin-block-start: 10px; padding: 18px 24px; }
[data-avl-sf="drawer"] .avs-drawer__card--head { margin-block-start: 0; padding-block: 18px 20px; }
[data-avl-sf="drawer"] .avs-drawer__card--cats { padding-block: 8px 13px; padding-inline: 14px; }
[data-avl-sf="drawer"] .avs-drawer__card--currency { padding-block: 10px 20px; }
[data-avl-sf="drawer"] .avs-drawer__logo { display: block; inline-size: 200px; max-inline-size: 70%; block-size: auto; }
[data-avl-sf="drawer"] .avs-drawer__list { list-style: none; margin: 0; padding: 0; }
/* Head card: logo · 20 px · divider (2 + 1 + 2) · 20 px · account → 142 px with the logo at 68–104 and the line at 126. */
[data-avl-sf="drawer"] .avs-drawer__card--head .avs-drawer__list { margin-block-start: 22px; padding-block-start: 22px; border-block-start: 1px solid #E8E8E8; }
/* Links card: 10 px · divider · 10 px between rows (A's 2978227 gap 10, divider padding 2). */
[data-avl-sf="drawer"] .avs-drawer__list--sep > li + li { margin-block-start: 12px; padding-block-start: 12px; border-block-start: 1px solid #E8E8E8; }
[data-avl-sf="drawer"] .avs-drawer__link { display: flex; align-items: center; gap: 5px; color: #000000; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); font-weight: 500; line-height: 1.4; text-decoration: none; }
[data-avl-sf="drawer"] .avs-drawer__icon { display: inline-flex; font-size: 20px; line-height: 1; }
[data-avl-sf="drawer"] .avs-drawer__card--head .avs-drawer__icon,
[data-avl-sf="drawer"] .avs-drawer__list--sep > li:first-child .avs-drawer__icon { font-size: 17px; }
[data-avl-sf="drawer"] .avs-drawer__title { margin: 0 0 20px; color: #000000; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); }
[data-avl-sf="drawer"] .avs-drawer__card--currency .avs-drawer__title { margin-block-end: 10px; }
[data-avl-sf="drawer"] .avs-drawer__cats > li + li { margin-block-start: 7px; padding-block-start: 7px; } /* 35 px rows on a 50 px step */
[data-avl-sf="drawer"] .avs-drawer__catimg { inline-size: 35px; block-size: auto; margin-inline-end: 3px; }
[data-avl-sf="drawer"] .avs-drawer__menu { list-style: none; margin: 0; padding: 0; }
[data-avl-sf="drawer"] .avs-drawer__menu a { display: block; padding-block: 10px; color: #000000; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); font-weight: 500; }

/* ------------------------------------------------------------------ footer (GS 157) */
.rey-siteFooter.avs-siteFooter { padding: 0; border: 0; }
[data-avl-sf="footer"] { --avs-gap: 10px; }
[data-avl-sf="footer"] a { text-decoration: none; }
[data-avl-sf="footer"] img { max-inline-size: 100%; block-size: auto; }
[data-avl-sf="footer"] :focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
[data-avl-sf="footer"] .avs-footer__inner { max-inline-size: 1240px; margin-inline: auto; box-sizing: border-box; } /* content 110–1330 at 1440 */
[data-avl-sf="footer"] .avs-footer__totop { position: relative; z-index: 99; display: flex; justify-content: center; margin-block-end: -22px; }
[data-avl-sf="footer"] .avs-totop { display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); font-size: 15px; font-weight: 500; line-height: 1; color: #000000; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 50px; }
[data-avl-sf="footer"] .avs-totop__icon { display: inline-flex; font-size: 20px; }
[data-avl-sf="footer"] .avs-footer__news { background: #EFF2F7; padding-block: 45px 20px; }
[data-avl-sf="footer"] .avs-footer__newsrow { display: flex; }
[data-avl-sf="footer"] .avs-footer__newscol { inline-size: 50%; padding: var(--avs-gap); box-sizing: border-box; }
[data-avl-sf="footer"] .avs-footer__h6 { margin: 0 0 20px; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); font-size: 18px; }
/* The newsletter field, button and labels are DIN in A (2f74bad); the approved consent line keeps its own font. */
[data-avl-sf="footer"] .avs-footer__form :is(.avs-form__input, .avs-form__button, .avs-form__label) { font-family: var(--avs-din, "DINNextLTArabic", sans-serif); }
[data-avl-sf="footer"] .avs-social { --icon-size: 20px; display: flex; flex-wrap: wrap; gap: 11px; list-style: none; margin: 0; padding: 0; justify-content: flex-start; }
[data-avl-sf="footer"] .avs-social__link { display: inline-flex; align-items: center; justify-content: center; inline-size: calc(var(--icon-size) * 1.8); block-size: calc(var(--icon-size) * 1.8); border-radius: 50%; font-size: var(--icon-size); color: #FFFFFF; background-color: #69727D; }
[data-avl-sf="footer"] .avs-social__link .avs-icon { inline-size: 1em; block-size: 1em; }
[data-avl-sf="footer"] .avs-social__link--x,
[data-avl-sf="footer"] .avs-social__link--tiktok { background-color: #000000; }
[data-avl-sf="footer"] .avs-social__link--snapchat { background-color: #201E0A; }
[data-avl-sf="footer"] .avs-social__link--whatsapp { background-color: #25D366; }
[data-avl-sf="footer"] .avs-social__link--instagram { background-color: #262626; background-image: linear-gradient(117deg, #701afc, #ff149c 34%, #ff4d1e 67%, #ffd000); }
[data-avl-sf="footer"] .avs-trust { display: flex; flex-wrap: wrap; list-style: none; margin: 25px 0 0; padding: 0; }
[data-avl-sf="footer"] .avs-trust__item { display: flex; align-items: flex-start; gap: 15px; inline-size: 25%; padding: var(--avs-gap); box-sizing: border-box; text-align: justify; }
[data-avl-sf="footer"] .avs-trust__icon { flex: 0 0 auto; display: inline-flex; font-size: 50px; line-height: 1; color: #000; }
[data-avl-sf="footer"] .avs-trust__icon:empty { display: none; }
/* Desktop: A's icon boxes whose SVG never draws still hold a thin slot before the text (items 2 and 4 end at
   x 1001 / 377 at 1440); on tablets and phones they take no room. The 'blank' icon (A's dead icon-font glyph)
   keeps its full 1em box everywhere. */
@media (min-width: 1025px) {
	[data-avl-sf="footer"] .avs-trust__icon:empty { display: inline-flex; inline-size: 6px; }
}
[data-avl-sf="footer"] .avs-trust__img { inline-size: 1em; }
[data-avl-sf="footer"] .avs-trust__title { margin: 0 0 2px; color: #000000; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); }
[data-avl-sf="footer"] .avs-trust__text { margin: 0; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); font-size: 12px; color: #747474; }
[data-avl-sf="footer"] .avs-pay { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; list-style: none; margin: 25px 0 0; padding: var(--avs-gap); }
[data-avl-sf="footer"] .avs-pay__item { display: inline-flex; }
[data-avl-sf="footer"] .avs-pay__item img { inline-size: var(--avs-w, auto); }
[data-avl-sf="footer"] .avs-sbc { display: flex; justify-content: space-evenly; margin-block-start: 25px; }
[data-avl-sf="footer"] .avs-sbc.avs-is-hidden { display: none; }
[data-avl-sf="footer"] .avs-sbc__figure { margin: 0; text-align: center; }
[data-avl-sf="footer"] .avs-sbc img { transition-duration: 0s; }
[data-avl-sf="footer"] .avs-sbc a:hover img { opacity: .1; }
[data-avl-sf="footer"] .avs-footer__links { background: #000000; padding-block: 15px 20px; }
[data-avl-sf="footer"] .avs-fcols { display: flex; flex-wrap: wrap; }
[data-avl-sf="footer"] .avs-fcol { inline-size: 20%; padding: var(--avs-gap); box-sizing: border-box; }
[data-avl-sf="footer"] .avs-fcol--wide { inline-size: 40%; }
[data-avl-sf="footer"] .avs-fcol__title { margin: 0 0 10px; color: #FFFFFF; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); font-weight: 500; line-height: 1.6em; text-align: start; }
[data-avl-sf="footer"] .avs-fcol__sep { display: block; border-block-start: 1px solid #676767; margin-block: 3px 13px; }
[data-avl-sf="footer"] .avs-fcol__split { display: flex; }
[data-avl-sf="footer"] .avs-fcol__split > .avs-flinks { inline-size: 50%; }
[data-avl-sf="footer"] .avs-flinks { list-style: none; margin: 0; margin-inline-start: 5px; padding: 0; }
[data-avl-sf="footer"] .avs-flinks > li + li { margin-block-start: 4px; } /* rows 31 px apart, as A */
[data-avl-sf="footer"] .avs-flinks a { color: #BBBBBB; font-size: 14px; font-style: italic; transition: color .3s; }
[data-avl-sf="footer"] .avs-flinks--din a { font-family: var(--avs-din, "DINNextLTArabic", sans-serif); } /* only A's DIN lists (b20ecf8, 7e5d36b); "RB" lists keep the fallback */
[data-avl-sf="footer"] .avs-flinks a:hover,
[data-avl-sf="footer"] .avs-flinks a:focus-visible { color: #FFFFFF; }
[data-avl-sf="footer"] .avs-fbottom { display: flex; align-items: center; margin-block-start: 35px; padding-block-start: 10px; border-block-start: 1px solid #646464; }
[data-avl-sf="footer"] .avs-fbottom__copy,
[data-avl-sf="footer"] .avs-fbottom__end { inline-size: 50%; padding: var(--avs-gap); box-sizing: border-box; }
[data-avl-sf="footer"] .avs-fbottom__end { display: flex; justify-content: flex-end; }
[data-avl-sf="footer"] .avs-fbottom__text { margin: 0; font-family: var(--avs-din, "DINNextLTArabic", sans-serif); font-size: 15px; line-height: 1.6em; color: #B8B8B8; text-align: start; }
@media (min-width: 768px) {
	[data-avl-sf="footer"] .avs-fbottom { margin-inline: var(--avs-gap); } /* divider 110–1330 at 1440 (full width on phones) */
	/* /en/: A's social icons sit at the physical right (Elementor text-align:right) in both languages. */
	:is(body.translatepress-en_US, [dir="ltr"]) [data-avl-sf="footer"] .avs-social { justify-content: flex-end; }
}

@media (max-width: 1024px) {
	[data-avl-sf="footer"] .avs-totop { padding: 6px 15px 10px; }
	[data-avl-sf="footer"] .avs-social { --icon-size: 16px; gap: 5px; }
	[data-avl-sf="footer"] .avs-trust__item { text-align: start; gap: 2px; }
	[data-avl-sf="footer"] .avs-trust__item:first-child { gap: 5px; }
	[data-avl-sf="footer"] .avs-trust__item:last-child { gap: 8px; }
	[data-avl-sf="footer"] .avs-trust__icon { font-size: 35px; }
	[data-avl-sf="footer"] .avs-trust__title { margin-block-end: 8px; font-size: 15px; }
	[data-avl-sf="footer"] .avs-pay__item img { inline-size: var(--avs-wt, var(--avs-w, auto)); }
}
@media (max-width: 767px) {
	[data-avl-sf="footer"] .avs-footer__newsrow { flex-direction: column; }
	[data-avl-sf="footer"] .avs-footer__newscol { inline-size: 100%; text-align: center; }
	[data-avl-sf="footer"] .avs-footer__newscol--form { margin-block-start: 5px; }
	[data-avl-sf="footer"] .avs-footer__h6 { font-size: 16px; margin-block-end: 10px; }
	[data-avl-sf="footer"] .avs-social { justify-content: center; }
	[data-avl-sf="footer"] .avs-trust__item { inline-size: 50%; flex-direction: column; gap: 5px; }
	[data-avl-sf="footer"] .avs-trust__item:nth-child(n+3) { margin-block-start: 10px; }
	[data-avl-sf="footer"] .avs-pay__item img { inline-size: var(--avs-wm, var(--avs-wt, var(--avs-w, auto))); }
	[data-avl-sf="footer"] .avs-fcol,
	[data-avl-sf="footer"] .avs-fcol--wide { inline-size: 50%; }
	[data-avl-sf="footer"] .avs-fcol--wide { inline-size: 100%; }
	[data-avl-sf="footer"] .avs-fcol:not(.avs-fcol--wide) { margin-block-start: 20px; }
	[data-avl-sf="footer"] .avs-fcol--hide-mobile { display: none; }
	[data-avl-sf="footer"] .avs-fbottom { flex-direction: column-reverse; }
	[data-avl-sf="footer"] .avs-fbottom__copy,
	[data-avl-sf="footer"] .avs-fbottom__end { inline-size: 100%; justify-content: center; padding: 0; }
	[data-avl-sf="footer"] .avs-fbottom__text { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
	[data-avl-sf="header"] .avs-promo__list,
	[data-avl-sf="drawer"] .avs-drawer__panel,
	[data-avl-sf="drawer"] .avs-drawer__overlay,
	[data-avl-sf="footer"] .avs-flinks a { transition: none; }
}
