/*
 * =============================================================================
 * A0 (NAVBAR) – SALVARE NAVBAR PERFECT PE TOATE PAGINILE
 * =============================================================================
 * DATE PENTRU MODIFICARE GREȘELI NAVBAR – referință: NAVBAR_SALVARE_PERFECT_REFERINTA.md
 *
 * VALORI SALVATE (revenir la acestea la orice greșeală) – detaliu complet: NAVBAR_SALVARE_PERFECT_REFERINTA.md
 *   - #A0 .container: padding-left ≈ 11.8rem, padding-right ≈ 14.2rem
 *   - .a0-left (contor): position absolute, left ≈ -11.8rem, padding-left ≈ 0.7rem, max-width ≈ 21.3rem
 *   - #menu_wrap: margin-left calc(7.0875rem - 3.54375rem)
 *   - Căutare (admin memorat): margin-left 0.5rem față de meniu, max-width min(8.75rem, calc(100vw - 16rem)); fără translateX pe căutare
 *   - Meniu logat lat: #menu_wrap flex 1 1 0, min-width 0, overflow-x auto, padding-left ~3.35rem (PUB); .a0-search-right flex-shrink 0
 *   - Plic mesaje: .a0-nav-envelope-item între </nav> și căutare (nu în #menu_wrap), flex-shrink 0
 *   - Logat: body[data-user-authenticated=true] — meniu tras spre contor (margin #menu_wrap mai mic, gap li mai strâns)
 *   - Ferestre înguste (max ~1400 / 1200px): padding .container + contor left sincron, margin #menu_wrap redus, font 12px
 *   - ≤70em (~1120px): hamburger + drawer (Firefox text mai lat / 100vw); min-width desktop restore 70.001em
 *
 * REGULĂ: Modifică DOAR la cerere explicită. La erori navbar, refă din NAVBAR_SALVARE_PERFECT_REFERINTA.md
 * =============================================================================
 */

/* Ensure no parent of A0 has overflow pe home (HOME = doar page-home-v2) */
body.page-home-v2 #main_wrap,
body.page-home-v2 section {
	overflow: visible !important;
}

/* 1) Pe pagini normale: A0 fix în top (excepție: home = page-home-v2, Prietenul tău = A0 în flux) */
body:not(.page-home-v2):not(.page-animale) #A0 {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 1000002 !important;
	height: var(--nav-height) !important;
	min-height: var(--nav-height) !important;
	max-height: var(--nav-height) !important;
	width: 100% !important;
	background-color: #343434 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	overflow: visible !important;
	flex-shrink: 0 !important;
}
/* padding-top doar pe pagini unde navbar e fix (nu pe home = page-home-v2, nici pe Prietenul tău) */
body:not(.page-home-v2):not(.page-animale) #main_content {
	padding-top: var(--nav-height) !important;
}

/* 2) A0 comun – toate paginile */
#A0 {
	z-index: 1000002 !important;
	height: var(--nav-height) !important;
	min-height: var(--nav-height) !important;
	max-height: var(--nav-height) !important;
	width: 100% !important;
	background-color: #343434 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	overflow: visible !important;
	flex-shrink: 0 !important;
	flex-grow: 0 !important;
}

/* Font metrics aliniate Chrome/Firefox pe același stack (reduce diferențe de lățime pe rând) */
#A0 #main_menu,
#A0 #main_menu button,
#A0 #main_menu input.search_input {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif !important;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
}

/* Proba "finală": buton Acasă = W, cont (avatar+user) ~1.5W, avatar = înălțimea navbarului
   NOTĂ: intern lucrăm în rem (1 unitate ≈ 2.3625rem la 16px în vechea măsurare). */
#A0 {
	--a0-home-w: 7.0875rem;       /* lățime Acasă (valoare de referință) */
	--a0-account-w: 10.63125rem;  /* ~1.5 × lățimea Acasă */
}

#A0 #menu-main-menu > li:first-child > a.a0-nav-home-link {
	width: var(--a0-home-w) !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	transform: translateX(1.18125rem) !important; /* deplasare fină spre dreapta doar pentru Acasă */
}

#A0 #main_menu ul li a.a0-nav-account-link {
	width: var(--a0-account-w) !important;
	box-sizing: border-box !important;
}
#A0 #main_menu ul li a.a0-nav-account-link .a0-nav-username {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow: hidden !important;
	white-space: normal !important;
	/* 2 rânduri max, dar caseta rămâne aceeași (înălțimea linkului e var(--nav-height)) */
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	line-height: 1.05 !important;
	max-height: calc(var(--nav-height) - 4px) !important;
	text-overflow: ellipsis !important;
}

/* Avatar cerc ~3/4 din înălțimea navbar (memorat: micșorat 1/4 față de full nav-height) */
#A0 #main_menu .a0-nav-avatar-wrap {
	width: calc(var(--nav-height) * 0.75) !important;
	height: calc(var(--nav-height) * 0.75) !important;
	min-width: calc(var(--nav-height) * 0.75) !important;
	max-width: calc(var(--nav-height) * 0.75) !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	clip-path: none !important;
	background: transparent !important;
	border: none !important;
}
#A0 #main_menu .a0-nav-avatar-wrap .a0-nav-avatar,
body.page-animale #A0 #main_menu .a0-nav-avatar-wrap .a0-nav-avatar {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}
#A0 #main_menu .a0-nav-avatar-placeholder {
	width: calc(var(--nav-height) * 0.75) !important;
	height: calc(var(--nav-height) * 0.75) !important;
	min-width: calc(var(--nav-height) * 0.75) !important;
	border-radius: 50% !important;
	font-size: 14px !important;
}
#A0.wrapper,
#A0 {
	width: 100% !important;
	max-width: 100% !important;
}

/* 3) Container A0 – totul mutat la stânga: contor la margine, butoane aliniate după contor */
#A0 .container {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 11.8125rem !important;
	padding-right: 14.175rem !important;
	height: var(--nav-height) !important;
	min-height: var(--nav-height) !important;
	max-height: var(--nav-height) !important;
	display: flex !important;
	align-items: center !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	margin: 0 auto !important;
}
/* Același layout pe toate paginile: contor fixat la stânga, butoane nemișcate */
#A0 #main_menu {
	padding: 0 !important;
	margin: 0 !important;
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
	min-height: var(--nav-height) !important;
	max-height: var(--nav-height) !important;
	display: flex !important;
	align-items: center !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	overflow: visible !important;
}
#A0 #main_menu .clearfix.a0-bar-inner {
	width: 100% !important;
	justify-content: flex-start !important;
	position: relative !important;
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
	min-height: var(--nav-height) !important;
	max-height: var(--nav-height) !important;
}
#A0 #main_menu .a0-bar-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	position: relative !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Contor la marginea navbar (absolute în zona de padding din stânga) */
#A0 #main_menu .a0-left {
	position: absolute !important;
	left: -11.8125rem !important;
	top: 0 !important;
	margin-left: 0 !important;
	padding-left: 0.70875rem !important;
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
	max-width: 21.2625rem !important;
	width: auto !important;
	pointer-events: none !important;
}
#A0 #main_menu .a0-left .animal-counter-navbar { pointer-events: auto !important; }

#A0 #main_menu .a0-search-right {
	position: static !important;
	right: auto !important;
	display: flex !important;
	align-items: center !important;
	flex-direction: row-reverse !important;
	gap: 6px !important;
	transform: none !important;
	margin-left: 4.725rem !important; /* spațiu fix după Contact pentru caseta de căutare */
	min-width: 0 !important;
	/* Nu comprimăm căutarea: meniul (login/staff) se scroll-ează orizontal când e nevoie */
	flex-shrink: 0 !important;
}
#A0 #menu_wrap {
	transform: none !important;
	min-height: auto !important;
	height: auto !important;
	margin: 0 0 0 calc(7.0875rem - 3.54375rem) !important; /* ajustare fină spre centru (folosește rem) */
	padding: 0 !important;
	padding-left: 3.35rem !important; /* spațiu pentru PUB absolut (left: -3.05rem); nu taie la overflow-x */
	display: flex !important;
	align-items: center !important;
	overflow-x: auto !important;
	overflow-y: visible !important;
	box-sizing: border-box !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	scrollbar-width: thin !important;
	position: relative !important;
	z-index: 25 !important; /* peste contorul din stânga, pentru click corect pe PUB */
}

/* Logat: zona cont (user) e variabila — compensăm trăgând întreg lanțul de butoane spre contor (stânga) */
body[data-user-authenticated="true"] #A0 #menu_wrap {
	margin-left: 0.65rem !important;
}
body[data-user-authenticated="true"] #A0 #main_menu ul.menu > li {
	margin-left: calc(var(--gap-v2) / 5.5) !important;
}
body[data-user-authenticated="true"] #A0 #menu-main-menu > li:nth-child(2) {
	margin-left: calc(var(--gap-v2) / 10) !important;
}
body[data-user-authenticated="true"] #A0 #main_menu ul li a.a0-nav-account-link {
	max-width: 9.25rem !important;
	width: auto !important;
	min-width: 0 !important;
}

#A0 #main_menu .a0-search-right #search_wrap { float: none !important; }
#A0 #main_menu .a0-search-form-inline {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}
#A0 #main_menu .a0-search-form-inline #searchform {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}
#A0 #main_menu .a0-search-form-inline #searchform #s {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	height: 32px !important;
	padding: 0 28px 0 6px !important;
	font-size: 13px !important;
	border: 1px solid rgba(255,255,255,0.3) !important;
	border-radius: 4px !important;
	background: rgba(0,0,0,0.2) !important;
	color: #fff !important;
	transition: width 0.25s ease !important;
	box-sizing: border-box !important;
}
#A0 #main_menu .a0-search-form-inline #searchform #s::placeholder {
	color: rgba(255,255,255,0.6) !important;
}
#A0 #main_menu .a0-search-right.a0-search-expanded .a0-search-form-inline #searchform #s {
	width: min(35.4375rem, calc(100vw - 4rem)) !important;
	max-width: min(35.4375rem, calc(100vw - 4rem)) !important;
	min-width: 0 !important;
}
#A0 #main_menu .a0-search-form-inline .a0-search-input-wrap {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}
#A0 #main_menu .a0-search-form-inline .a0-search-submit {
	position: absolute !important;
	top: 50% !important;
	right: 4px !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: translateY(-50%) !important;
	border: none !important;
	border-radius: 3px !important;
	background: rgba(255,255,255,0.15) !important;
	color: #fff !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
#A0 #main_menu .a0-search-form-inline .a0-search-submit:hover {
	background: rgba(255,255,255,0.3) !important;
}
#A0 #main_menu .a0-search-form-inline .a0-search-enter-icon {
	display: inline-block !important;
	width: 12px !important;
	height: 12px !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4v7l-5 5M9 11h10'/%3E%3C/svg%3E") no-repeat center !important;
	background-size: contain !important;
}
#A0 #main_menu .a0-search-form-inline .a0-search-history {
	display: none !important;
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	margin: 2px 0 0 !important;
	padding: 4px 0 !important;
	list-style: none !important;
	background: rgba(20,20,20,0.98) !important;
	border: 1px solid rgba(255,255,255,0.2) !important;
	border-radius: 4px !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
	max-height: 200px !important;
	overflow-y: auto !important;
	z-index: 1000 !important;
}
#A0 #main_menu .a0-search-form-inline .a0-search-history li {
	padding: 6px 10px !important;
	font-size: 13px !important;
	color: #eee !important;
	cursor: pointer !important;
}
#A0 #main_menu .a0-search-form-inline .a0-search-history li:hover {
	background: rgba(255,255,255,0.1) !important;
}
#A0 #main_menu .clearfix {
	padding: 0 !important;
	margin: 0 !important;
	height: var(--nav-height) !important;
	display: flex !important;
	align-items: center !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
}

/* Meniu – liste și linkuri */
#A0 #main_menu ul {
	height: auto !important;
	min-height: auto !important;
	overflow: visible !important;
	line-height: var(--nav-height) !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
}
#A0 #main_menu ul li {
	line-height: var(--nav-height) !important;
	margin: 0 0 0 15px !important;
	overflow: visible !important;
	padding: 0 !important;
	font-size: 13px !important;
	height: auto !important;
	display: flex !important;
	align-items: center !important;
}
#A0 #main_menu ul li a {
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
	padding: 0 calc(var(--btn-padding-h) / 3) !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	color: rgba(255,255,255,0.95) !important;
	font-size: 13px !important; /* același pe Home și Animale (și toate paginile) */
}
#A0 #main_menu ul li {
	margin-left: calc(var(--gap-v2) / 4) !important;
}

/* Gap uniform între "Acasă" și următorul buton (override explicit). */
#A0 #menu-main-menu > li:nth-child(2) {
	margin-left: calc(var(--gap-v2) / 8) !important;
}
/* Buton colaboratori (fără impact pe layout-ul existent: scos din flow) */
#A0 #menu-main-menu {
	position: relative !important;
}
#A0 #menu-main-menu > li.a0-nav-ads-float {
	position: absolute !important;
	left: -3.05rem !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	z-index: 40 !important;
	pointer-events: auto !important;
}
#A0 #menu-main-menu > li.a0-nav-ads-float > a.a0-nav-ads-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: auto !important;
	line-height: 1.1 !important;
	padding: 0.08rem 0.28rem !important;
	border-radius: 6px !important;
	border: 1px solid #2e7d32 !important;
	background: #2e7d32 !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}
#A0 #menu-main-menu > li.a0-nav-ads-float > a.a0-nav-ads-link:hover {
	background: #1b5e20 !important;
	border-color: #1b5e20 !important;
}
#A0 #main_menu ul li a.current_page,
#A0 #main_menu a.current_page {
	color: #FFC107 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	background: transparent !important;
	padding: 0 calc(var(--btn-padding-h) / 3) !important;
	border-radius: 0 !important;
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
}
#A0 #main_menu ul li a.current_page:hover,
#A0 #main_menu a.current_page:hover {
	color: #FFD54F !important;
	background: transparent !important;
}

/* CTA: "Intră" mai vizibil (doar când nu e logat) */
#A0 #main_menu ul li a.a0-login-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	padding: 0.21rem 0.7rem !important; /* -~1/3 pe verticală */
	height: auto !important; /* override height: var(--nav-height) generic link */
	min-height: 0 !important;
	white-space: nowrap !important; /* nu rupe "Intră / Fă cont" pe 2 rânduri */
	border-radius: 999px !important;
	background: #d32f2f !important;
	color: #fff !important;
	font-weight: 800 !important;
	letter-spacing: 0.01em !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
#A0 #main_menu ul li a.a0-login-cta:hover {
	background: #e53935 !important;
}

/* Avatar utilizator în navbar – vizibil pe toate paginile */
#A0 #main_menu ul li a.a0-nav-account-link {
	gap: 6px !important;
	border-radius: 999px !important;
	padding: 0 10px 0 0 !important; /* lipit la stânga */
}
/* Grup dreapta: de la cont încolo aliniat la dreapta. */
#A0 #menu-main-menu > li.a0-nav-account-item {
	margin-left: auto !important; /* împinge cont+restul la dreapta */
}

/* Spațiul dintre cont și MyPet = spațiul standard dintre butoane (nu micsorăm distanțele din grup). */
#A0 #menu-main-menu > li.a0-nav-mypet-start {
	margin-left: calc(var(--gap-v2) / 4) !important;
}
/* Wrapper rotund – taie imaginea în cerc (overflow + clip-path); ~3/4 din nav-height */
#A0 #main_menu .a0-nav-avatar-wrap {
	display: inline-block !important;
	width: calc(var(--nav-height) * 0.75) !important;
	height: calc(var(--nav-height) * 0.75) !important;
	min-width: calc(var(--nav-height) * 0.75) !important;
	max-width: calc(var(--nav-height) * 0.75) !important;
	border-radius: 50% !important;
	overflow: hidden !important;
	flex-shrink: 0 !important;
	clip-path: none !important;
	box-sizing: border-box !important;
	background: transparent !important;
	border: none !important;
}
#A0 #main_menu .a0-nav-avatar-wrap .a0-nav-avatar,
body.page-animale #A0 #main_menu .a0-nav-avatar-wrap .a0-nav-avatar {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}
#A0 #main_menu .a0-nav-avatar-wrap {
	background: transparent !important;
	border: none !important;
}
#A0 #main_menu .a0-nav-avatar-placeholder {
	width: calc(var(--nav-height) * 0.75) !important;
	height: calc(var(--nav-height) * 0.75) !important;
	min-width: calc(var(--nav-height) * 0.75) !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
}

/* (override) Căutarea după plic – spațiu mic; casetă mai îngustă spre dreapta (stânga fixă), nu iese din pagină */
#A0 #main_menu .a0-search-right {
	right: auto !important;
	margin-left: 0.5rem !important;
	position: static !important;
	max-width: min(8.75rem, calc(100vw - 18rem)) !important;
}
#A0 #main_menu .a0-search-right.a0-search-expanded {
	max-width: min(35.4375rem, calc(100vw - 4rem)) !important;
}

/* Plic mesaje între meniu (scroll) și căutare – în afara #menu_wrap ca să nu taie overflow-x */
#A0 #main_menu .a0-nav-envelope-item {
	display: flex !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	margin-left: 0.15rem !important;
	margin-right: 0.35rem !important;
}
#A0 #main_menu .a0-nav-envelope-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	width: calc(1.35rem + 3px) !important;
	height: calc(1.35rem + 3px) !important;
	padding: 0 !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255,255,255,0.55) !important;
	background: rgba(255,255,255,0.08) !important;
	line-height: 1 !important;
}
#A0 #main_menu .a0-nav-envelope-link:hover { background: rgba(255,255,255,0.18) !important; }
#A0 #main_menu .a0-nav-envelope-icon {
	font-size: 0.82rem !important;
	color: #ffffff !important;
	line-height: 1 !important;
}
#A0 #main_menu .a0-nav-envelope-icon.is-hot { color: #d32f2f !important; }
#A0 #main_menu .a0-nav-envelope-count {
	position: absolute !important;
	top: -0.32rem !important;
	right: -0.34rem !important;
	min-width: 0.86rem !important;
	height: 0.86rem !important;
	padding: 0 0.12rem !important;
	border-radius: 999px !important;
	background: #d32f2f !important;
	color: #fff !important;
	font-size: 0.58rem !important;
	font-weight: 900 !important;
	line-height: 0.86rem !important;
	text-align: center !important;
}

/* Mobil îngust: inimă+I Love, contor animale, plic (bara mare are contor ascuns) */
#A0 #main_menu .a0-mobile-shortcuts {
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	gap: 5px !important;
	flex-wrap: nowrap !important;
	margin: 0 0.2rem !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-ms {
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	line-height: 1 !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-ms-val {
	font-weight: 800 !important;
	font-variant-numeric: tabular-nums !important;
}
/* Badge rotund pe cifrele contorului animale (bară mobilă) – același limbaj vizual ca desktop */
#A0 #main_menu .a0-mobile-shortcuts .a0-ms-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-ms-chip-ico {
	display: block !important;
	flex-shrink: 0 !important;
	color: rgba(255, 255, 255, 0.92) !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-ms-val--pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	min-width: 1.2rem !important;
	height: 1.2rem !important;
	padding: 0 0.3rem !important;
	font-size: 0.625rem !important;
	font-weight: 600 !important;
	font-variant-numeric: tabular-nums !important;
	line-height: 1 !important;
	letter-spacing: 0.02em !important;
	color: rgba(248, 250, 252, 0.92) !important;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, transparent 50%),
		rgba(8, 12, 22, 0.68) !important;
	border: none !important;
	border-radius: 9999px !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 -1px 0 rgba(0, 0, 0, 0.18) inset,
		0 2px 5px rgba(0, 0, 0, 0.25) !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-ms-animals {
	cursor: default !important;
	pointer-events: none !important;
	opacity: 0.95 !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-ms-sep {
	opacity: 0.65 !important;
	padding: 0 1px !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-nav-envelope-item--shortcuts {
	margin: 0 !important;
	margin-left: 0.05rem !important;
}

/* Contor stânga/dreapta */
#A0 .animal-counter-navbar {
	gap: 8px !important;
	margin-left: 15px !important;
	font-size: 12px !important;
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
	display: flex !important;
	align-items: center !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
}
#A0 .animal-counter-navbar .counter-item {
	gap: 6px !important;
	display: flex !important;
	align-items: center !important;
	line-height: 1.2 !important;
}
#A0 .animal-counter-navbar.a0-counters-left {
	margin-left: 0 !important;
	background: transparent !important;
	gap: 2px !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
}
#A0 .animal-counter-navbar.a0-counters-left .counter-item.a0-counter-chip {
	display: flex !important;
	align-items: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* Chip contor – finisaj premium: fără chenar tare, umbre stratificate, badge „în adâncime” */
#A0 .animal-counter-navbar .a0-counter-chip-body {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0.4rem !important;
	box-sizing: border-box !important;
	padding: 0.18rem 0.5rem 0.18rem 0.38rem !important;
	border-radius: 0.5625rem !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 42%),
		linear-gradient(
			168deg,
			rgba(38, 48, 66, 0.82) 0%,
			rgba(26, 34, 50, 0.9) 45%,
			rgba(16, 22, 36, 0.94) 100%
		) !important;
	color: rgba(248, 250, 252, 0.92) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.15 !important;
	border: none !important;
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, 0.45) inset,
		0 1px 0 rgba(255, 255, 255, 0.07) inset,
		0 6px 14px rgba(0, 0, 0, 0.22),
		0 1px 2px rgba(0, 0, 0, 0.18) !important;
}
#A0 .animal-counter-navbar .a0-counter-chip-ico {
	display: block !important;
	flex-shrink: 0 !important;
	width: 16px !important;
	height: 16px !important;
	color: rgba(248, 250, 252, 0.78) !important;
}
#A0 .animal-counter-navbar .a0-counter-chip-label {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	color: rgba(248, 250, 252, 0.9) !important;
	font-size: inherit !important;
	font-weight: 500 !important;
	letter-spacing: 0.03em !important;
}
#A0 .animal-counter-navbar .a0-counter-chip-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	min-width: 1.25rem !important;
	height: 1.25rem !important;
	padding: 0 0.32rem !important;
	margin-left: 0.12rem !important;
	font-size: 0.6875rem !important;
	font-weight: 600 !important;
	font-variant-numeric: tabular-nums !important;
	line-height: 1 !important;
	letter-spacing: 0.02em !important;
	color: rgba(248, 250, 252, 0.95) !important;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, transparent 55%),
		rgba(8, 12, 22, 0.72) !important;
	border: none !important;
	border-radius: 9999px !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 -1px 0 rgba(0, 0, 0, 0.2) inset,
		0 2px 6px rgba(0, 0, 0, 0.28) !important;
}
#A0 .animal-counter-navbar.a0-counters-right .counter-label {
	font-size: 13px !important;
	color: rgba(255,255,255,0.95) !important;
	font-weight: 600 !important;
}
#A0 .animal-counter-navbar.a0-counters-right .counter-icon {
	font-size: 20px !important;
	line-height: 1 !important;
}
#A0 .animal-counter-navbar.a0-counters-right .counter-value {
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	min-width: 1.4em !important;
	text-align: center !important;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* Toate contoarele (A0, A4 etc.) – același font peste tot */
.animal-counter-navbar .counter-label,
.animal-counter-navbar .counter-value,
.animal-counter-navbar .a0-counter-chip-body,
.animal-counter-navbar .a0-counter-chip-label,
.animal-counter-navbar .a0-counter-chip-badge,
.a4-mobile-counter .counter-label,
.a4-mobile-counter .counter-value,
.a4-mobile-counter .counter-value-badge,
.a4-counter-inner .counter-label,
.a4-counter-inner .counter-value,
.a4-counter-inner .counter-value-badge {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

#A0 .animal-counter-navbar.a0-counters-right {
	gap: 12px !important;
	margin-left: 18px !important;
	margin-right: 0 !important;
	flex-shrink: 0 !important;
	font-size: 14px !important;
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
	display: flex !important;
	align-items: center !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	padding: 0 16px !important;
	background: rgba(0,0,0,0.15) !important;
	border-radius: 10px !important;
	color: rgba(255,255,255,0.95) !important;
}
#A0 .animal-counter-navbar .counter-label,
#A0 .animal-counter-navbar .counter-value {
	line-height: 1.2 !important;
}

/* User dropdown în A0 */
#A0 .user-menu-dropdown { position: relative !important; overflow: visible !important; }
#A0 .user-menu-trigger { text-decoration: none !important; cursor: pointer; }
#A0 .user-menu-dropdown:hover .user-menu-trigger { text-decoration: none !important; }
#A0 #main_menu ul li.user-menu-dropdown ul.user-dropdown-menu {
	display: none !important;
	position: absolute !important;
	left: 100% !important;
	top: 0 !important;
	margin: 0 !important;
	padding: 0 0 0 6px !important;
	list-style: none !important;
	height: var(--nav-height) !important;
	min-height: var(--nav-height) !important;
	width: auto !important;
	align-items: center !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	background: #343434 !important;
	box-shadow: 2px 0 10px rgba(0,0,0,0.4) !important;
	z-index: 99999 !important;
	border-radius: 0 8px 8px 0 !important;
	visibility: visible !important;
	opacity: 1 !important;
}
#A0 .user-menu-dropdown:hover ul.user-dropdown-menu,
#A0 .user-menu-dropdown .user-menu-trigger:hover + ul.user-dropdown-menu {
	display: flex !important;
}
#A0 #main_menu ul li.user-menu-dropdown ul.user-dropdown-menu li {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
	border: none !important;
}
#A0 #main_menu ul li.user-menu-dropdown ul.user-dropdown-menu li a {
	padding: 0 14px !important;
	display: block !important;
	white-space: nowrap !important;
	line-height: var(--nav-height) !important;
	height: var(--nav-height) !important;
	font-size: 14px !important;
	color: #E0E0E0 !important;
	text-decoration: none !important;
	border: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}
#A0 #main_menu ul li.user-menu-dropdown ul.user-dropdown-menu li a:hover {
	background: rgba(255,255,255,0.15) !important;
	color: #fff !important;
}
#A0 .user-dropdown-menu { min-width: 0; }
#A0 #main_menu .user-menu-dropdown ul.user-dropdown-menu {
	top: 0 !important;
}
#A0 #main_menu .user-menu-dropdown ul.user-dropdown-menu li {
	width: auto !important;
}
#A0 #main_menu .a0-bar-inner { overflow: visible !important; }
#A0 .menu-main-menu-container { overflow: visible !important; }
#A0 #menu-main-menu { overflow: visible !important; }

/* Wishlist badge, search wrap, flex */
#A0 .wishlist-nav-box.a0-wishlist-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 12px;
	padding: 6px 12px;
	background: rgba(0,0,0,0.2);
	border-radius: 8px;
	line-height: 1.2;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255,255,255,0.95);
	text-decoration: none;
}
#A0 .wishlist-nav-box.a0-wishlist-badge:hover {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,0.3);
}
#A0 .wishlist-nav-box .wishlist-nav-label { white-space: nowrap; }
#A0 .wishlist-nav-box .wishlist-nav-count {
	min-width: 1.4em;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
}
#A0 #searchform_wrap {
	padding: 0 !important;
	margin: 0 !important;
	height: auto !important;
	max-height: var(--nav-height) !important;
	overflow: hidden !important;
}
#A0 #searchform { margin: 0 !important; padding: 0 !important; }
#A0 * { flex-grow: 0 !important; }
/* Override: zona meniu ocupă flex-ul rămas ca să rămână căutarea vizibilă la user logat/staff */
#A0 #main_menu #menu_wrap {
	flex-grow: 1 !important;
}
#A0 .container > * {
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
}

/* A0 + A1 – fără decalaj */
#A0 + #A1 {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ========== HOME (page-home-v2) – doar poziție în flux; restul A0 = reguli globale ========== */
body.page-home-v2 #A0 {
	position: relative !important;
	top: auto !important;
}

/* ========== PRIETENUL TĂU (page-animale) – grafica, așezare, culori, casete ca pe home; funcțiile rămân cele de pe Prietenul tău ========== */
body.page-animale #A0 {
	position: relative !important;
	top: auto !important;
}
/* Restul regulilor A0 (culori, padding, font, current_page etc.) se aplică de la regulile globale #A0 – același aspect ca pe home. */

/* ========== A0 RESPONSIVE – mobil (meniu hamburger) ========== */
/* Hamburger – vizibil doar pe ecrane mici */
#A0 .a0-mobile-trigger {
	display: none !important;
	margin: 0 !important;
	padding: 10px 12px !important;
	border: none !important;
	background: transparent !important;
	color: #fff !important;
	cursor: pointer !important;
	flex-shrink: 0 !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 6px !important;
}
#A0 .a0-mobile-trigger:hover {
	background: rgba(255,255,255,0.1) !important;
}
#A0 .a0-hamburger {
	display: block !important;
	width: 22px !important;
	height: 18px !important;
	position: relative !important;
}
#A0 .a0-hamburger::before,
#A0 .a0-hamburger::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	height: 2px !important;
	background: currentColor !important;
	border-radius: 1px !important;
}
#A0 .a0-hamburger::before { top: 0 !important; }
#A0 .a0-hamburger::after { bottom: 0 !important; }
#A0 .a0-hamburger {
	background: linear-gradient(to bottom, transparent 7px, currentColor 7px, currentColor 11px, transparent 11px) !important;
	background-clip: padding-box !important;
}

/* --------------------------------------------------------------------------
 * Laptop / fereastră îngustă: același comportament „fluid” ca .layout de sub
 * navbar — altfel padding-urile mari în rem + scaling OS taie căutarea la dreapta.
 * -------------------------------------------------------------------------- */
@media (max-width: 87.5em) {
	#A0 .container {
		padding-left: 10.25rem !important;
		padding-right: 10rem !important;
	}
	#A0 #main_menu .a0-left {
		left: -10.25rem !important;
	}
	#A0 #menu_wrap {
		margin-left: 0.85rem !important;
	}
	body[data-user-authenticated="true"] #A0 #menu_wrap {
		margin-left: 0.45rem !important;
	}
}
@media (max-width: 75em) {
	#A0 .container {
		padding-left: 8.75rem !important;
		padding-right: 6.5rem !important;
	}
	#A0 #main_menu .a0-left {
		left: -8.75rem !important;
		max-width: 18rem !important;
	}
	#A0 #menu_wrap {
		margin-left: 0.4rem !important;
		padding-left: 3rem !important;
	}
	body[data-user-authenticated="true"] #A0 #menu_wrap {
		margin-left: 0.2rem !important;
	}
	body[data-user-authenticated="true"] #A0 #main_menu ul li a.a0-nav-account-link {
		max-width: 8rem !important;
	}
	#A0 {
		--a0-home-w: 6.25rem !important;
		--a0-account-w: 8.75rem !important;
	}
	#A0 #main_menu ul.menu > li,
	#A0 #main_menu ul.menu > li > a {
		font-size: 12px !important;
	}
	#A0 #main_menu .a0-search-right {
		max-width: min(8.75rem, calc(100vw - 12rem)) !important;
	}
}

/* ≤~1120px: hamburger + drawer (Firefox măsoară textul puțin mai lat; evită butoane pierdute în dreapta) */
@media (max-width: 70em) {
	/* backdrop-filter pe A0 creează containing block ~64px — drawer tăiat la dunga gri */
	body.euadopt-intra-skin #A0,
	#A0 {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
	#A0 .a0-mobile-trigger {
		display: flex !important;
		margin-right: auto !important;
	}
	#A0 .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
		flex-wrap: nowrap !important;
	}
	#A0 #main_menu {
		width: 100% !important;
		justify-content: space-between !important;
		position: relative !important;
	}
	#A0 #main_menu .a0-bar-inner {
		width: 100% !important;
		justify-content: flex-start !important;
	}
	#A0 #main_menu .a0-left {
		display: none !important; /* contor în bara îngustă: spațiu pentru hamburger + căutare */
	}
	#A0 #main_menu .a0-mobile-shortcuts {
		display: flex !important;
	}
	#A0 #main_menu .a0-nav-envelope-item--bar {
		display: none !important; /* plic duplicat: e în .a0-mobile-shortcuts */
	}
	#A0 .a0-search-right {
		position: static !important;
		right: auto !important;
		margin-left: auto !important;
	}
	#A0 #main_menu .a0-search-form-inline #searchform #s {
		width: 120px !important;
		min-width: 80px !important;
		max-width: 40vw !important;
	}
	/* Meniul – ascuns implicit, deschis la click pe hamburger (lățime = cel mai lung text) */
	#A0 #menu_wrap {
		position: fixed !important;
		top: var(--nav-height) !important;
		left: 0 !important;
		right: auto !important;
		bottom: auto !important;
		margin: 0 !important;
		width: max-content !important;
		max-width: calc(100vw - 16px) !important;
		max-height: calc(100vh - var(--nav-height)) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		background: #343434 !important;
		display: none !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		flex: none !important;
		min-width: auto !important;
		z-index: 1000003 !important;
		padding: 16px 0 !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
	}
	/* Portat în body pe mobil — evită clip în navbar (dunga gri) */
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled {
		position: fixed !important;
		top: var(--nav-height) !important;
		left: 0 !important;
		right: auto !important;
		bottom: auto !important;
		margin: 0 !important;
		width: max-content !important;
		max-width: calc(100vw - 16px) !important;
		max-height: calc(100dvh - var(--nav-height)) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		background: #343434 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		z-index: 1000003 !important;
		padding: 16px 0 !important;
		box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
	}
	#A0.a0-nav-open #menu_wrap,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled {
		display: flex !important;
	}
	#A0 #menu_wrap .menu-main-menu-container,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled .menu-main-menu-container {
		width: max-content !important;
		max-width: 100% !important;
	}
	#A0 #main_menu ul.menu,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu {
		flex-direction: column !important;
		align-items: flex-start !important;
		width: max-content !important;
		max-width: 100% !important;
		padding: 0 12px !important;
	}
	#A0 #main_menu ul.menu li,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu li {
		margin: 0 !important;
		width: max-content !important;
		max-width: 100% !important;
		border-bottom: 1px solid rgba(255,255,255,0.1) !important;
	}
	#A0 #main_menu ul.menu li a,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu li a {
		display: block !important;
		padding: 14px 12px !important;
		line-height: 1.3 !important;
		font-size: 15px !important;
		white-space: nowrap !important;
	}
	#A0 #main_menu ul.menu li.a0-nav-ilove-start,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu li.a0-nav-ilove-start {
		display: inline-flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		white-space: nowrap !important;
	}
	/* Drawer mobil: iconul user + username pe acelasi rand, in 2 coloane fixe. */
	#A0 #main_menu ul.menu li.a0-nav-account-item > a.a0-nav-account-link,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu li.a0-nav-account-item > a.a0-nav-account-link {
		display: grid !important;
		grid-template-columns: 1.5rem max-content !important;
		align-items: center !important;
		column-gap: 0.6rem !important;
		width: max-content !important;
		max-width: 100% !important;
		padding: 12px !important;
	}
	#A0 #main_menu ul.menu li.a0-nav-account-item .a0-nav-avatar-wrap,
	#A0 #main_menu ul.menu li.a0-nav-account-item .a0-nav-avatar-placeholder,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu li.a0-nav-account-item .a0-nav-avatar-wrap,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu li.a0-nav-account-item .a0-nav-avatar-placeholder {
		width: 1.5rem !important;
		height: 1.5rem !important;
		min-width: 1.5rem !important;
		max-width: 1.5rem !important;
	}
	#A0 #main_menu ul.menu li.a0-nav-account-item .a0-nav-username,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled ul.menu li.a0-nav-account-item .a0-nav-username {
		display: block !important;
		-webkit-line-clamp: unset !important;
		max-height: none !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	#A0 #menu-main-menu > li.a0-nav-ads-float,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled #menu-main-menu > li.a0-nav-ads-float {
		position: static !important;
		left: auto !important;
		top: auto !important;
		margin: 0 !important;
	}
	#A0 #menu-main-menu > li.a0-nav-ads-float > a.a0-nav-ads-link,
	body.a0-mobile-nav-open > #menu_wrap.a0-menu-portaled #menu-main-menu > li.a0-nav-ads-float > a.a0-nav-ads-link {
		display: block !important;
		height: auto !important;
		line-height: 1.3 !important;
		padding: 14px 12px !important;
		border-radius: 0 !important;
		border: none !important;
		background: transparent !important;
		color: rgba(255,255,255,0.95) !important;
		font-size: 15px !important;
		font-weight: 700 !important;
	}
}

@media (min-width: 70.001em) {
	#A0.a0-nav-open #menu_wrap {
		display: flex !important; /* desktop: meniul rămâne în bară chiar dacă clasa a rămas setată */
	}
}

/* Mobile landscape compact: hamburger + plic + cautare mai joase/inguste */
@media (orientation: landscape) and (max-height: 34em) {
	#A0 {
		--nav-height: 34px !important;
	}
	#A0 .container {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	#A0 .a0-mobile-trigger {
		width: 40px !important;
		height: 34px !important;
		border-radius: 10px !important;
	}
	#A0 .a0-hamburger {
		width: 18px !important;
		height: 14px !important;
		position: relative !important;
	}
	#A0 .a0-hamburger::before,
	#A0 .a0-hamburger::after {
		content: "" !important;
		position: absolute !important;
		height: 2px !important;
		left: 0 !important;
		right: 0 !important;
		background: currentColor !important;
		border-radius: 1px !important;
		display: block !important;
	}
	#A0 .a0-hamburger::before { top: 0 !important; }
	#A0 .a0-hamburger::after { bottom: 0 !important; }
	#A0 .a0-hamburger {
		background: linear-gradient(to bottom, transparent 6px, currentColor 6px, currentColor 8px, transparent 8px) !important;
	}
	#A0 #main_menu .a0-nav-envelope-link {
		width: 20px !important;
		height: 20px !important;
	}
	#A0 #main_menu .a0-nav-envelope-icon {
		font-size: 0.72rem !important;
	}
	#A0 #main_menu .a0-search-right {
		margin-left: 0.25rem !important;
		max-width: min(7.4rem, calc(100vw - 9.5rem)) !important;
	}
	#A0 #main_menu .a0-search-form-inline #searchform #s {
		height: 22px !important;
		font-size: 11px !important;
		padding: 0 22px 0 6px !important;
	}
	#A0 #main_menu .a0-search-form-inline .a0-search-submit {
		width: 16px !important;
		height: 16px !important;
		right: 3px !important;
	}
}

/* I Love + Coș: două linkuri în același <li> (meniu desktop) */
#A0 #menu-main-menu > li.a0-nav-ilove-start {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 0.15rem !important;
}
#A0 #menu-main-menu > li.a0-nav-ilove-start .a0-nav-ilove-sep {
	color: rgba(255, 255, 255, 0.55) !important;
	font-weight: 600 !important;
}

/* I Love / Coș: galben când există articole (contor > 0) */
#A0 #menu-main-menu > li.a0-nav-ilove-start > a.a0-nav-has-items {
	color: #ffeb3b !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
	font-weight: 800 !important;
}
#A0 #main_menu .a0-mobile-shortcuts .a0-ms.a0-nav-has-items {
	color: #ffeb3b !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.35);
	font-weight: 800 !important;
}

/* Hub EU: steag PNG + select compact (doar numele limbii) */
#A0.a0-eu-site #menu-main-menu > li.a0-eu-lang-item {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	max-width: 100%;
}
#A0.a0-eu-site .a0-eu-lang-form {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	margin: 0;
}
#A0.a0-eu-site .a0-eu-lang-label {
	display: none !important;
}
#A0.a0-eu-site .a0-eu-lang-flag {
	width: 20px;
	height: 15px;
	object-fit: cover;
	border-radius: 2px;
	flex-shrink: 0;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}
#A0.a0-eu-site .a0-eu-lang-select {
	max-width: 7.25rem;
	width: auto;
	min-width: 5.25rem;
	font-size: 0.68rem;
	line-height: 1.2;
	padding: 0.12rem 0.2rem;
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	background: rgba(15, 23, 42, 0.85);
	color: #f8fafc;
	cursor: pointer;
}
@media (max-width: 70em) {
	#A0.a0-eu-site .a0-eu-lang-select {
		max-width: 9rem;
		font-size: 0.75rem;
	}
}

/* .com hub: limba forțată EN — badge vechi (păstrat doar dacă reapare eu_force_english) */
#A0.a0-eu-site #menu-main-menu > li.a0-eu-lang-item--forced {
	gap: 0.28rem;
	padding-inline: 0.15rem;
}
#A0.a0-eu-site .a0-eu-lang-forced-label {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #f8fafc;
	line-height: 1;
}

/* Hub .com: selector vizibil lângă căutare (desktop) */
#A0.a0-eu-site .a0-eu-lang-bar {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	margin-right: 0.35rem;
}
#A0.a0-eu-site .a0-eu-lang-form--bar .a0-eu-lang-select {
	max-width: 6.5rem;
	min-width: 4.75rem;
}
#A0.a0-eu-site .a0-eu-lang-shortcut {
	display: none;
	align-items: center;
	flex-shrink: 0;
	margin-right: 0.2rem;
}
#A0.a0-eu-site .a0-eu-lang-form--mobile-shortcut .a0-eu-lang-select {
	max-width: 5.5rem;
	min-width: 4.25rem;
	font-size: 0.62rem;
	padding: 0.08rem 0.15rem;
}
@media (min-width: 70.001em) {
	#A0.a0-eu-site #menu-main-menu > li.a0-eu-lang-item--menu {
		display: none !important;
	}
}
@media (max-width: 70em) {
	#A0.a0-eu-site .a0-eu-lang-bar {
		display: none !important;
	}
	#A0.a0-eu-site .a0-eu-lang-shortcut {
		display: inline-flex !important;
	}
}