/* Phone par chhune aur parhne ki soorat theek karna.
 *
 * Audit ne phone par do cheezen nikalin:
 *
 * 1. 524 aisi jagahen jahan dabane wali cheez 44px se neechi thi — footer ke link, category ke link,
 *    social icon, toolbar. 44px koi khayali adad nahi: ungli ka gadda itna hota hai, aur is se chhota
 *    nishana dabate hue bar bar ghalat link khulta hai. Yeh qaida sirf ungli ke liye hai, is liye
 *    poori file 1024px se neeche hi chalti hai.
 *
 * 2. 1042 jagah likhai 12-13px thi. Phone ko aankh se qareeb rakh kar bhi 13px parhne me zor lagta
 *    hai; 14px farsh hai.
 *
 * Tareeqa jaan boojh kar yeh hai ke link ka dabba padding se barha jata hai, naap se nahi: naap
 *    barhane se qatar tootti hai, padding se link apni jagah par rehta hai aur chhune ka ilaqa barh
 *    jata hai. Jahan link ek qatar me doosre links ke saath likhai ke beech me hai (jumle ke andar),
 *    wahan haath nahi lagaya — wahan 44px lafzon ke beech khai bana deta hai.
 */

@media (max-width: 1024px) {

	/* --- 1. Footer aur widget ke link: list wale link, jinhe apni qatar milti hai. --- */
	.yb .wd-footer a,
	.yb .footer-container .widget a,
	.yb .footer-container .menu > li > a,
	.yb .yb-foot__links a,
	.yb .yb-foot__col a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	/* Qatar khud itni oonchi ho jaye ke do link ek doosre par na charhen. */
	.yb .wd-footer .widget ul > li,
	.yb .footer-container .menu > li {
		margin-block: 0;
	}

	/* --- 2. Social icon: 21x26 thay. --- */
	.yb a.wd-social-icon {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* --- 3. Header ke auzaar aur un ke bagair naam wale button. --- */
	.yb .wd-tools-element > a,
	.yb .wd-header-nav .menu-opener,
	.yb .mobile-nav-tab,
	.yb .wd-close-side,
	.yb button.yb-utility__close,
	.yb .wd-search-form button[type="submit"] {
		min-height: 44px;
		min-width: 44px;
	}

	/* --- 4. Category/collection ke link aur card ke button. --- */
	.yb .yb-cat-grid-promo__btn,
	.yb .yb-card__quick,
	.yb .yb-tile__link,
	.yb .yb-home-cats a,
	.yb .wd-sub-menu > li > a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	/* --- 5. Likhai ka farsh 14px. --- */
	/*
	 * Specificity jaan boojh kar barhai gai hai (class do dafa likhi hui).
	 *
	 * Pehli koshish me `.yb .yb-card__quick { font-size: max(14px,1em) }` likha tha aur woh kaam hi
	 * nahi aaya: theme ki apni file me usi element par barabar ya zyada wazan wala rule pehle se
	 * baitha tha, aur barabar wazan me baad wali file jeetti hai — jo humesha theme ki ho sakti hai.
	 * Class ko dohra likhne se wazan ek darja barh jata hai aur bahes khatam.
	 */
	.yb .yb-card__quick.yb-card__quick,
	.yb .yb-cat-grid-promo__btn.yb-cat-grid-promo__btn,
	.yb .wd-toolbar-label.wd-toolbar-label,
	.yb .wd-tools-text.wd-tools-text,
	.yb .yb-utility__region.yb-utility__region,
	.yb .yb-utility__lang.yb-utility__lang,
	.yb .breadcrumb-link.breadcrumb-link,
	.yb .breadcrumb-last.breadcrumb-last,
	.yb .yb-utility a,
	.yb .woocommerce-breadcrumb,
	.yb .woocommerce-breadcrumb a,
	.yb .wd-header-nav .menu-item > a > span,
	.yb p,
	.yb li,
	.yb td,
	.yb dd,
	.yb label {
		font-size: max(14px, 1em);
	}

	/* Safha-shumari ka "current" 11px tha. */
	.yb .page-numbers,
	.yb .woocommerce-pagination a,
	.yb .woocommerce-pagination span {
		font-size: 14px;
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}