/**
 * Upar wale bar ki jagah pehle se roak lena, aur chhoti cheezon ko haath lagne layak banana.
 *
 * Masla: zabaan badalne wala dropdown (GTranslate) page khulne ke baad JavaScript se aata hai.
 * Jab tak woh nahi aata, upar ka bar 36px ka hota hai; aane par 66px ho jata hai aur poora page
 * 30px neeche sarak jata hai. Google isi sarakne ko CLS ginta hai — har page par 0.117, yani "theek
 * nahi" wale darje me. Yahan us dabbe ki jagah pehle se naap kar rakh di gayi hai, aur dropdown ko
 * bar ki apni oonchai me samo diya gaya hai, is liye kuch hilta nahi.
 *
 * Jagah naap kar rakhna hi asal ilaj hai: dropdown khali span ke andar aata hai, aur khali span ki
 * oonchai-chaurai pehle se mojood ho to dropdown aane par kuch sarakta nahi.
 *
 * Saath me: phone par wo links jin ka haath lagne wala hissa 44px se kam tha (footer, password
 * dikhane wala button, "password bhool gaye") — Google ki had 44px hai, usay poora kiya gaya hai,
 * aur neeche wale toolbar ka 11px text 12px kiya gaya hai (11px parhne ke liye chhota hai).
 */

/* Zabaan ka dropbox: jagah pehle se roki hui. */
.yb-utility__lang {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 150px;
	height: 22px;
}

.yb-utility__lang .gtranslate_wrapper,
.yb-utility__lang [class*="gt_container"] {
	display: inline-flex;
	align-items: center;
	height: 22px;
	line-height: 22px;
}

/* Dropdown khud bar ke andar: 50px ki jagah 22px. */
.yb-utility__lang select.gt_selector {
	height: 22px;
	min-height: 0;
	max-width: 150px;
	margin: 0;
	padding: 0 18px 0 6px;
	font-size: 12px;
	line-height: 20px;
	background-size: 16px auto;
}

/* Neeche wale toolbar ka text parhne layak. */
.wd-toolbar .wd-toolbar-label {
	font-size: 12px;
}

@media (max-width: 767px) {
	/* Footer ke links: dekhne me waisa hi, chhoone ki jagah 44px. */
	.yb-footer__list a,
	.yb-footer__legal a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	/* Chhote buttons jin par ungli theek se nahi parti. */
	.yb-pw__eye,
	.yb-auth__help {
		min-width: 44px;
		min-height: 44px;
	}

	.woocommerce-LostPassword a,
	a.lost_password {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}
}

/* ------------------------------------------------------------------
 * Phone par ungli ke layaq jagah — list wale links.
 *
 * Scan me 524 aisi jaghein milin jahan link ki oonchai 20-25px thi: mega menu ki category list, footer
 * ke khane, aur social ke chhote nishan. Google ki had 44px hai, aur wajah sirf qaida nahi — itni
 * chhoti jagah par ungli aksar saath wale link par par jati hai.
 *
 * Sirf list aur nav ke andar wale links ko choti jagah di gayi hai. Likhai ke beech aane wale links ko
 * haath nahi lagaya: wahan 44px ka dabba paragraph ki satrein tor deta hai.
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {

	.ll-mega a,
	.wd-nav-mobile a,
	.mobile-nav a,
	.yb-footer a,
	.yb-utility a,
	.widget_nav_menu li a,
	.wd-sub-menu a {
		display: flex;
		align-items: center;
		min-height: 44px;
	}

	.wd-social-icon {
		min-width: 44px;
		min-height: 44px;
	}
}
