/* AiroDrive Language Switcher – black & gold floating switcher. Everything is scoped under .adls. */
.adls{--adls-gold:#d4a94a;--adls-gold-1:#f3dc92;--adls-gold-3:#a8782b;--adls-gold-rgb:212,169,74;--adls-bg:#0b0b0b;--adls-text:#f5f2ea;--adls-muted:#aaa497;--adls-x:22px;--adls-y:22px;
	font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4;font-weight:500;color:var(--adls-text);text-align:left;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.adls *,.adls *::before,.adls *::after{box-sizing:border-box}
.adls ul,.adls li{margin:0;padding:0;list-style:none}
.adls p{margin:0}
.adls svg{overflow:hidden}

/* ---- floating container ---- */
.adls--floating{position:fixed;z-index:99990;bottom:calc(var(--adls-y) + env(safe-area-inset-bottom,0px));animation:adls-in .8s .5s cubic-bezier(.2,.7,.2,1) both}
.adls--floating.adls--left{left:calc(var(--adls-x) + env(safe-area-inset-left,0px))}
.adls--floating.adls--right{right:calc(var(--adls-x) + env(safe-area-inset-right,0px))}
@keyframes adls-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---- round flag with a gold ring ---- */
.adls .adls__flag{position:relative;display:inline-block;flex:none;width:40px;height:40px;padding:2px;border-radius:50%;background:linear-gradient(135deg,var(--adls-gold-1),var(--adls-gold) 48%,var(--adls-gold-3));box-shadow:0 2px 7px rgba(0,0,0,.5)}
.adls .adls__flag svg,.adls .adls__flag img{display:block;width:100%;height:100%;border-radius:50%;background:#17140e;object-fit:cover}
.adls .adls__flag::after{content:"";position:absolute;inset:2px;border-radius:50%;pointer-events:none;background:radial-gradient(120% 90% at 28% 12%,rgba(255,255,255,.36),rgba(255,255,255,0) 52%),linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(0,0,0,.24))}

/* ---- trigger button ---- */
.adls .adls__btn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:10px;height:54px;padding:6px 16px 6px 6px;border-radius:999px;cursor:pointer;color:var(--adls-text);
	background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 60%),var(--adls-bg);
	box-shadow:0 0 0 1px rgba(var(--adls-gold-rgb),.55),0 16px 36px rgba(0,0,0,.5),0 3px 9px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);
	transition:box-shadow .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}
.adls .adls__btn:hover,.adls.is-open .adls__btn{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(var(--adls-gold-rgb),.95),0 0 0 5px rgba(var(--adls-gold-rgb),.14),0 18px 40px rgba(0,0,0,.55),0 3px 9px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}
.adls .adls__btn:focus-visible{outline:2px solid var(--adls-gold-1);outline-offset:4px}
.adls .adls__btn .adls__code{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--adls-text)}
.adls .adls__lbl{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--adls-text)}
.adls .adls__chev{flex:none;margin-left:2px;color:var(--adls-gold);transition:transform .3s ease}
.adls.is-open .adls__chev{transform:rotate(180deg)}
.adls .adls__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- panel ---- */
.adls .adls__panel{position:absolute;bottom:calc(100% + 12px);min-width:240px;padding:14px 8px 8px;border-radius:24px;
	background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 38%),var(--adls-bg);
	box-shadow:0 0 0 1px rgba(var(--adls-gold-rgb),.4),0 26px 64px rgba(0,0,0,.62),0 5px 16px rgba(0,0,0,.45);
	opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
.adls--left .adls__panel{left:0;transform-origin:bottom left}
.adls--right .adls__panel{right:0;transform-origin:bottom right}
.adls .adls__panel::before{content:"";position:absolute;left:0;right:0;top:100%;height:16px} /* keeps :hover while the pointer crosses the gap */
.adls.is-open .adls__panel,
.adls:not(.is-js):focus-within .adls__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover) and (pointer:fine){
	.adls[data-hover="1"]:hover .adls__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
	.adls[data-hover="1"]:hover .adls__chev{transform:rotate(180deg)}
	.adls[data-hover="1"]:hover .adls__btn{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(var(--adls-gold-rgb),.95),0 0 0 5px rgba(var(--adls-gold-rgb),.14),0 18px 40px rgba(0,0,0,.55),0 3px 9px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}
}
.adls .adls__eyebrow{display:flex;align-items:center;gap:10px;margin:0 6px 8px;padding:0 6px 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--adls-gold)}
.adls .adls__eyebrow::before{content:"";flex:none;width:22px;height:1px;background:var(--adls-gold)}

/* ---- list items ---- */
.adls .adls__list{display:grid;gap:2px}
.adls .adls__item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:13px;width:100%;padding:8px 14px 8px 8px;border-radius:17px;cursor:pointer;color:var(--adls-text);transition:background .2s ease;-webkit-tap-highlight-color:transparent}
.adls .adls__item .adls__flag{width:34px;height:34px;padding:1.5px;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.adls .adls__item .adls__flag::after{inset:1.5px}
.adls .adls__item:hover,.adls .adls__item:focus-visible{background:rgba(var(--adls-gold-rgb),.13)}
.adls .adls__item:focus-visible{outline:2px solid var(--adls-gold-1);outline-offset:-2px}
.adls .adls__item.is-current{background:rgba(var(--adls-gold-rgb),.1)}
.adls .adls__name{flex:1;min-width:0;font-size:14.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.adls .adls__item.is-current .adls__name{color:var(--adls-gold-1)}
.adls .adls__tag{font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--adls-muted)}
.adls .adls__tick{flex:none;color:var(--adls-gold)}

/* ---- inline version ([adls_switcher]) ---- */
.adls--inline{display:inline-block;vertical-align:middle}
.adls .adls__row{display:flex;flex-wrap:wrap;gap:8px}
.adls .adls__chip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border-radius:999px;cursor:pointer;color:var(--adls-text);background:var(--adls-bg);box-shadow:0 0 0 1px rgba(var(--adls-gold-rgb),.35);transition:box-shadow .2s ease,background .2s ease}
.adls .adls__chip .adls__flag{width:30px;height:30px;padding:1.5px}
.adls .adls__chip .adls__flag::after{inset:1.5px}
.adls .adls__chip .adls__code{font-size:11.5px;font-weight:700;letter-spacing:.14em}
.adls .adls__chip:hover,.adls .adls__chip.is-current{box-shadow:0 0 0 1px var(--adls-gold),0 0 0 4px rgba(var(--adls-gold-rgb),.14)}
.adls .adls__chip.is-current .adls__code{color:var(--adls-gold-1)}
.adls .adls__chip:focus-visible{outline:2px solid var(--adls-gold-1);outline-offset:3px}

/* ---- small screens ---- */
@media (max-width:600px){
	.adls .adls__btn{height:48px;gap:8px;padding:5px 13px 5px 5px}
	.adls .adls__btn .adls__flag{width:36px;height:36px}
	.adls .adls__panel{min-width:216px}
	.adls .adls__item .adls__flag{width:32px;height:32px}
}
@media (max-width:700px){
	/* The AiroDrive phone bar (Call / WhatsApp / Book now) sits at the bottom: keep the switcher above it. */
	.adls--lift.adls--floating{bottom:calc(var(--adls-y) + var(--adls-lift,72px) + env(safe-area-inset-bottom,0px))}
}
@media (max-width:767px){.adls--nomobile{display:none!important}}

@media (prefers-reduced-motion:reduce){
	.adls--floating{animation:none}
	.adls .adls__btn,.adls .adls__panel,.adls .adls__chev,.adls .adls__item{transition:none}
}
@media print{.adls--floating{display:none!important}}
