/* „მასკოტი“ — ენის გადამრთველი (ქარ · EN · РУ), ფუთერის ენები და „ბრაუზერის ენის“ შეთავაზება. */

.mascot-lang { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: 999px; font-family: var(--m-font-body, inherit); }
.mascot-lang__a {
	display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 34px; padding: 0 10px !important;
	border-radius: 999px; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .02em; text-decoration: none !important;
	text-transform: none !important; transition: background .2s ease, color .2s ease;
}
.mascot-lang__a:focus-visible { outline: 3px solid var(--m-blue, #26CAEF); outline-offset: 2px; }

/* ჰედერის მენიუში (Divi: #top-menu, Theme Builder-ის მენიუ): პატარა ღილაკი „🌐 EN ▾“, ენები ჩამოსაშლელში. */
.mascot-lang-item { display: inline-block !important; position: relative; vertical-align: middle; padding: 0 !important; margin: 4px 0 4px 2px !important; }
.mascot-lang-dd { position: relative; display: inline-block; }
.mascot-lang-dd__btn {
	display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 0; border-radius: 999px; cursor: pointer;
	background: #fff; color: var(--m-ink, #23264F); box-shadow: inset 0 0 0 2px var(--m-indigo, #475095), 0 4px 0 rgba(0, 0, 0, .12);
	font: 800 14px/1 var(--m-font-body, system-ui, sans-serif); letter-spacing: .03em; transition: transform .15s ease, background .15s ease;
}
.mascot-lang-dd__btn:hover { transform: translateY(-2px); }
.mascot-lang-dd__btn:focus-visible { outline: 3px solid var(--m-blue, #26CAEF); outline-offset: 3px; }
.mascot-lang-dd__btn svg { flex: none; color: var(--m-indigo, #475095); }
.mascot-lang-dd__btn i { width: 7px; height: 7px; margin: -3px 0 0 1px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s ease; }
.mascot-lang-dd.is-open .mascot-lang-dd__btn i { margin-top: 4px; transform: rotate(-135deg); }
.mascot-lang-dd > .mascot-lang {
	position: absolute; top: 100%; right: 0; z-index: 100000; display: none; flex-direction: column; align-items: stretch; gap: 2px; min-width: 150px;
	margin-top: 8px; padding: 6px; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px -14px rgba(10, 12, 52, .45), 0 0 0 1px rgba(35, 38, 79, .08);
}
.mascot-lang-dd > .mascot-lang:before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; } /* მაუსი ღილაკიდან სიაზე ისე გადადის, რომ არ იხურება */
.mascot-lang-dd.is-open > .mascot-lang { display: flex; }
@media (hover: hover) { .mascot-lang-dd:hover > .mascot-lang { display: flex; } }
.mascot-lang-dd .mascot-lang__a {
	justify-content: flex-start; min-height: 40px; padding: 0 14px !important; font-size: 15px !important; font-weight: 700 !important;
	color: var(--m-ink, #23264F) !important; background: transparent !important; box-shadow: none !important;
	font-family: var(--m-font-body, system-ui, sans-serif) !important; letter-spacing: 0; text-transform: none !important; transform: none !important;
}
.mascot-lang-dd .mascot-lang__a:hover { background: rgba(71, 80, 149, .1) !important; }
.mascot-lang-dd .mascot-lang__a.is-on { background: var(--m-yellow, #FFD43B) !important; }
/* მუქ (ბავშვის) ჰედერზე */
body.mascot-kids-zone .mascot-lang-dd__btn { background: rgba(255, 255, 255, .12); color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .45); }
body.mascot-kids-zone .mascot-lang-dd__btn svg { color: var(--m-yellow, #FFD43B); }

/* Divi-ის მობილური მენიუ: ღილაკი არ ჩანს, სამი ენა ერთ რიგში */
.et_mobile_menu .mascot-lang-item { display: block !important; margin: 10px 0 4px !important; padding: 0 !important; }
.et_mobile_menu .mascot-lang-dd { display: block; }
.et_mobile_menu .mascot-lang-dd__btn { display: none; }
.et_mobile_menu .mascot-lang-dd > .mascot-lang { position: static; display: flex; flex-direction: row; flex-wrap: wrap; min-width: 0; margin: 0; padding: 0; background: none; box-shadow: none; }
.et_mobile_menu .mascot-lang-dd > .mascot-lang:before { display: none; }
.et_mobile_menu .mascot-lang-dd .mascot-lang__a {
	flex: 1 1 auto; justify-content: center; margin: 0 !important; border: 0 !important; border-radius: 999px !important;
	box-shadow: inset 0 0 0 1.5px rgba(35, 38, 79, .2) !important;
}
.et_mobile_menu .mascot-lang-dd .mascot-lang__a.is-on { box-shadow: none !important; }

/* ტელეფონზე: ენის ღილაკი ჰამბურგერის გვერდით (JS ამატებს), მენიუს შიგნით კი აღარ მეორდება. */
.mascot-lang-mob { display: none; }
@media (max-width: 980px) {
	.mascot-lang-mob { display: inline-block; float: right; position: relative; z-index: 100; margin: 10px 10px 0 0; }
	.et_pb_menu .mascot-lang-mob { float: none; margin: 0 10px; align-self: center; }
	.mascot-lang-mob .mascot-lang-dd__btn { min-height: 44px; }
	body.mascot-lang-has-mob .et_mobile_menu .mascot-lang-item { display: none !important; }
}

/* ინგლისური და რუსული წარწერები ქართულზე გრძელია: მენიუს ღილაკები ცოტა კომპაქტურია, რომ ერთ რიგში ჩაეტიოს. */
@media (min-width: 981px) {
	body.mascot-lang-en #top-menu > li > a, body.mascot-lang-ru #top-menu > li > a,
	body.mascot-lang-en .et_pb_menu .et-menu-nav > ul > li > a, body.mascot-lang-ru .et_pb_menu .et-menu-nav > ul > li > a {
		padding: 8px 13px !important; font-size: 13px !important; letter-spacing: .02em;
	}
	body.mascot-lang-en #top-menu > li.menu-item-has-children > a, body.mascot-lang-ru #top-menu > li.menu-item-has-children > a { padding-right: 28px !important; }
	body.mascot-lang-en #top-menu > li, body.mascot-lang-ru #top-menu > li,
	body.mascot-lang-en .et_pb_menu .et-menu-nav > ul > li, body.mascot-lang-ru .et_pb_menu .et-menu-nav > ul > li { margin-right: 6px; }
}

/* ფუთერი: ენების სახელები */
.mascot-lang-foot { display: flex; justify-content: center; padding: 14px 16px 18px; background: var(--m-night, #2A2D6B); }
body.mascot-parent-zone .mascot-lang-foot { background: var(--m-paper, #FBF8F3); border-top: 1px solid var(--m-rule, #E7E1D6); }
.mascot-lang--list { gap: 6px; flex-wrap: wrap; justify-content: center; }
.mascot-lang--list .mascot-lang__a { min-height: 36px; padding: 0 14px !important; font-size: 14px !important; font-weight: 600 !important; color: rgba(255, 255, 255, .82); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .22); }
.mascot-lang--list .mascot-lang__a:hover { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .6); }
.mascot-lang--list .mascot-lang__a.is-on { color: var(--m-ink, #23264F); background: var(--m-yellow, #FFD43B); box-shadow: none; }
body.mascot-parent-zone .mascot-lang--list .mascot-lang__a { color: var(--m-ink, #23264F); box-shadow: inset 0 0 0 1.5px var(--m-rule, #E7E1D6); }
body.mascot-parent-zone .mascot-lang--list .mascot-lang__a.is-on { color: #fff; background: var(--m-ink, #23264F); }

/* ენის არჩევა ფორმაში */
.mascot-langpick select { width: 100%; }
.mascot-langpick .mascot-small { display: block; margin-top: 6px; }

/* „Switch to English?“: ერთხელ, გვერდის ქვემოთ */
.mascot-lang-ask {
	position: fixed; left: 50%; bottom: 16px; z-index: 99999; transform: translateX(-50%); width: min(560px, calc(100% - 32px));
	display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 12px 12px 18px; border-radius: 20px;
	background: #fff; color: var(--m-ink, #23264F); box-shadow: 0 18px 40px -16px rgba(10, 12, 52, .55), 0 0 0 1px rgba(35, 38, 79, .08);
	font: 600 15px/1.35 var(--m-font-body, system-ui, sans-serif); animation: mascot-lang-in .3s ease both;
}
.mascot-lang-ask p { flex: 1 1 200px; margin: 0; padding: 0; }
.mascot-lang-ask a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; background: var(--m-yellow, #FFD43B); color: var(--m-ink, #23264F) !important; font-weight: 800; text-decoration: none !important; }
.mascot-lang-ask button { min-width: 40px; min-height: 40px; border: 0; border-radius: 999px; background: rgba(35, 38, 79, .07); color: var(--m-ink, #23264F); font: 700 18px/1 system-ui, sans-serif; cursor: pointer; }
@keyframes mascot-lang-in { from { opacity: 0; transform: translate(-50%, 12px); } }
@media (prefers-reduced-motion: reduce) { .mascot-lang-ask { animation: none; } }

/* ინგლისურ და რუსულ ვერსიაზე სათაურები ჩვეულებრივი ასოებით (მთავრული მხოლოდ ქართულისთვისაა). */
body.mascot-lang-en .mascot-h, body.mascot-lang-ru .mascot-h { text-transform: none; }
