/* =================================================================
   AutoRent Header v3
   Logo LEFT | Desktop nav CENTER | Auth+Lang RIGHT (desktop)
   Mobile: Logo LEFT | Icon row RIGHT (Contact / Cars / Lang / Account)
   ================================================================= */

#t3-topbar { display: none !important; }

#ar-header {
	position: sticky;
	top: 0;
	z-index: 1001;
	background: rgba(255,255,255,.97);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid #e5e7eb;
	transition: box-shadow .3s;
}
#ar-header.scrolled { box-shadow: 0 4px 20px rgba(0,0,0,.08); }

.ar-header-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	height: 68px;
	gap: 24px;
}

/* ── Logo ────────────────────────────────────────────────────────── */
.ar-logo { flex-shrink: 0; }
.ar-logo a { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.ar-logo img { height: 40px; width: auto; object-fit: contain; }
.ar-logo .ar-logo-text { font-size: 1.25rem; font-weight: 800; color: #0a0a0a; white-space: nowrap; }
.ar-logo .ar-logo-text span { color: #FE5001; }
.ar-logo small { display: none; }

/* ── Desktop nav (center) ────────────────────────────────────────── */
.ar-nav-desktop { display: flex; align-items: center; gap: 4px; flex: 1; justify-content: center; }
.ar-nav-desktop ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.ar-nav-desktop li { margin: 0; padding: 0; }
.ar-nav-desktop li a {
	display: flex; align-items: center; padding: 8px 16px;
	font-size: 14px; font-weight: 500; color: #6b7280;
	text-decoration: none; border-radius: 8px;
	transition: color .2s, background .2s; white-space: nowrap;
}
.ar-nav-desktop li a:hover { color: #0a0a0a; background: #f3f4f6; }
.ar-nav-desktop li.active > a,
.ar-nav-desktop li.current > a,
.ar-nav-desktop li.alias-parent-active > a {
	color: #FE5001; background: rgba(254,80,1,.06); font-weight: 600;
}
.ar-nav-desktop .t3-megamenu .mega-dropdown-menu,
.ar-nav-desktop .dropdown-menu,
.ar-nav-desktop .caret,
.ar-nav-desktop .nav-child,
.ar-nav-desktop .mega-nav .mega-group,
.ar-nav-desktop .dropdown-submenu { display: none !important; }
.ar-nav-desktop .t3-megamenu .nav > li > a { padding: 8px 16px; }

/* ── Right group ─────────────────────────────────────────────────── */
.ar-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

/* ── Language switcher (desktop) ─────────────────────────────────── */
.ar-lang { position: relative; }
.ar-lang .mod-languages { position: relative; }
.ar-lang .dropdown-toggle {
	display: flex; align-items: center; gap: 6px; padding: 7px 12px;
	/* background: #f3f4f6; border: 1.5px solid #e5e7eb;  */
	border-radius: 8px;
	font-size: 13px; font-weight: 600; color: #374151;
	cursor: pointer; text-decoration: none;
	transition: border-color .2s, background .2s; white-space: nowrap;
}
.ar-lang .dropdown-toggle:hover { border-color: #d1d5db; background: #e5e7eb; }
.ar-lang .dropdown-toggle img { width: 18px; height: 14px; object-fit: cover; border-radius: 2px; }
.ar-lang .dropdown-toggle .fa-caret-down { display: none; font-size: 10px; color: #9ca3af; margin-left: 2px; }
.ar-lang .dropdown-menu {
	position: absolute; top: calc(100% + 6px); right: 5px; left: auto;
	min-width: 60px; background: #fff; border: 1.5px solid #e5e7eb;
	border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.1);
	padding: 6px; margin: 0; z-index: 1050; list-style: none; display: none;
}
.ar-lang .mod-languages.open .dropdown-menu,
.ar-lang .dropdown-menu.show { display: block; }
.ar-lang .dropdown-menu li { margin: 0; padding: 0; }
.ar-lang .dropdown-menu li a {
	display: flex; align-items: center; gap: 8px; padding: 8px 12px;
	font-size: 13px; font-weight: 500; color: #374151;
	text-decoration: none; border-radius: 6px; transition: background .15s, color .15s;
}
.ar-lang .dropdown-menu li a:hover { background: #f3f4f6; color: #0a0a0a; }
.ar-lang .dropdown-menu li.lang-active a { color: #FE5001; font-weight: 600; background: rgba(254,80,1,.06); }
.ar-lang .dropdown-menu li a img { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; }
.ar-lang .dropdown-menu li a span { flex: 1; }

/* ── Mobile icon buttons ─────────────────────────────────────────── */
.ar-mobile-actions { display: none; align-items: center; gap: 2px; }

.ar-mobile-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px; height: 44px; padding: 0;
	color: #374151; background: transparent;
	border: none; border-radius: 8px;
	text-decoration: none; cursor: pointer; flex-shrink: 0;
	-webkit-tap-highlight-color: transparent;
	transition: color .2s, background .2s;
}
.ar-mobile-icon-btn:hover,
.ar-mobile-icon-btn:focus-visible {
	color: #FE5001; background: rgba(254,80,1,.08);
	text-decoration: none; outline: none;
}
.ar-mobile-icon-btn:active { opacity: .75; }

/* SVG — always visible, always stroked, never clipped */
.ar-mobile-icon-btn svg {
	width: 22px; height: 22px;
	stroke: currentColor; stroke-width: 2;
	fill: none; stroke-linecap: round; stroke-linejoin: round;
	display: block; overflow: visible; flex-shrink: 0;
	pointer-events: none;
}

/* ── Mobile language dropdown ────────────────────────────────────── */
.ar-mobile-lang-wrap { position: relative; }

.ar-mobile-lang-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 6px); right: 0;
	/* min-width: 150px;  */
    background: #fff;
	border: 1.5px solid #e5e7eb; border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	padding: 6px; z-index: 2000; list-style: none; margin: 0;
}
.ar-mobile-lang-wrap.open .ar-mobile-lang-dropdown { display: block; }

.ar-mobile-lang-dropdown li { margin: 0; padding: 0; }
.ar-mobile-lang-dropdown li a {
	display: flex; align-items: center; gap: 8px; padding: 8px 12px;
	font-size: 13px; font-weight: 500; color: #374151;
	text-decoration: none; border-radius: 6px;
	transition: background .15s; white-space: nowrap;
}
.ar-mobile-lang-dropdown li a:hover { background: #f3f4f6; }
.ar-mobile-lang-dropdown li.lang-active a { color: #FE5001; font-weight: 700; background: rgba(254,80,1,.06); }
.ar-mobile-lang-dropdown li a img { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; flex-shrink: 0; }

/* ── Mobile hamburger ────────────────────────────────────────────── */
.ar-mobile-toggle {
	display: none; align-items: center; justify-content: center;
	width: 40px; height: 40px; background: none; border: none;
	cursor: pointer; color: #374151; border-radius: 8px;
	transition: background .2s, color .2s; -webkit-tap-highlight-color: transparent;
}
.ar-mobile-toggle:hover { background: #f3f4f6; }

/* ── Mobile nav panel ────────────────────────────────────────────── */
.ar-mobile-menu {
	display: none; position: absolute;
	top: 100%; left: 0; right: 0; background: #fff;
	border-bottom: 2px solid #e5e7eb; box-shadow: 0 8px 30px rgba(0,0,0,.1);
	padding: 16px; z-index: 999;
}
.ar-mobile-menu.open { display: block; }
.ar-mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.ar-mobile-menu li { margin: 0; }
.ar-mobile-menu li a {
	display: block; padding: 12px 16px; font-size: 15px; font-weight: 500;
	color: #374151; text-decoration: none; border-radius: 8px;
	transition: color .15s, background .15s;
}
.ar-mobile-menu li a:hover { background: #f3f4f6; color: #0a0a0a; }
.ar-mobile-menu li.active > a,
.ar-mobile-menu li.current > a { color: #FE5001; font-weight: 600; }

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 991px) {
	.ar-nav-desktop  { display: none; }
	.ar-auth         { display: none; }
	.ar-lang         { display: none; }
	.ar-mobile-actions { display: flex; }
	/* .ar-mobile-toggle  { display: flex; } */ /* hamburger disabled */
	.ar-header-inner   { height: 60px; gap: 8px; padding: 0 12px; }
	body { padding-bottom: 0 !important; }
}
/* Logout icon — red tint on hover */
.ar-mob-logout-icon:hover,
.ar-mob-logout-icon:focus-visible {
	color: #ef4444;
	background: rgba(239,68,68,.08);
}

@media (max-width: 480px) {
	/* Shrink icons so 5 fit next to logo */
	/* .ar-mobile-icon-btn { width: 36px; height: 36px; } */
	/* .ar-mobile-icon-btn svg { width: 19px; height: 19px; } */
	.ar-mobile-actions { gap: 0; }
	.ar-header-inner { padding: 0 8px; gap: 4px; }
	/* Scale logo down */
	.ar-logo img { height: 26px; }
	.ar-logo .ar-logo-text { font-size: 0.95rem; }
}

/* ── Mobile account dropdown (logged-in) ─────────────────────────── */
.ar-mob-acct-wrap { position: relative; }

.ar-mob-acct-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 6px); right: 0;
	min-width: 160px; background: #fff;
	border: 1.5px solid #e5e7eb; border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,.12);
	padding: 6px; z-index: 2000; list-style: none; margin: 0;
}
.ar-mob-acct-wrap.open .ar-mob-acct-dropdown {
	display: block;
	animation: arDropIn .15s ease;
}
@keyframes arDropIn {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: translateY(0); }
}

.ar-mob-acct-item {
	display: flex; align-items: center; gap: 8px;
	padding: 9px 12px; width: 100%;
	font-size: 13px; font-weight: 500; color: #374151;
	background: none; border: none; border-radius: 6px;
	text-decoration: none; cursor: pointer; text-align: left;
	white-space: nowrap; transition: background .15s;
	-webkit-tap-highlight-color: transparent;
}
.ar-mob-acct-item:hover { background: #f3f4f6; color: #0a0a0a; }

.ar-mob-logout-btn { color: #ef4444; }
.ar-mob-logout-btn:hover { background: #fee2e2; color: #dc2626; }

.ar-mob-acct-item svg {
	width: 15px; height: 15px; flex-shrink: 0;
	stroke: currentColor; stroke-width: 2;
	fill: none; stroke-linecap: round; stroke-linejoin: round;
}

footer em {
    color: #FE5001;
}

/* Hide the FA flag icon */
.ar-lang .fa-flag {
    display: none;
}

/* Inject the exact same SVG globe as mobile */
.ar-lang .dropdown-toggle::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: middle;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}