/* Likhai ka farsh: 14px, har naap par — aur yeh file sab se aakhir me parhi jati hai.
 *
 * FILE KA NAAM HI IS KA SAB SE AHEM HISSA HAI
 * -------------------------------------------
 * Pehle yeh `fix-text-floor.css` thi aur bilkul kaam nahi kar rahi thi: rule bundle me mojood tha,
 * element us se match karta tha, `!important` bhi laga tha — magar live page par wohi likhai 13px reh
 * jati thi. Chaar dafa specificity barhai gai aur chaar dafa nateeja wohi raha.
 *
 * Wajah tarteeb thi. Theme ki saari area CSS `glob()` ke hisab se, yani naam ke hisab se, ek bundle me
 * jurti hai. `zzzz-mobile-polish.css` aur `fix-st5-breadcrumbs.css` apni jagah `font-size: 13px
 * !important` likhti hain. Jab do rule ka wazan barabar ho aur dono par `!important` ho, to jeet us ka
 * hoti hai jo **baad** me likha ho — aur `f` (fix-) `z` (zzzz-) se pehle aata hai. Yani purani file
 * hamesha jeet rahi thi, chahe specificity kitni bhi barha di jaye.
 *
 * Is liye hal naam me hai: paanch `z`. Yeh file har doosri area file ke baad parhi jati hai, is liye
 * farsh ka faisla yahin khatam hota hai. Agar koi nayi file isse aage nikalna chahe to usay chhe `z`
 * chahiye honge — yani yeh jaan boojh kar aakhri hai.
 *
 * Jo likhai 14px ya us se bari pehle se hai, usay yahan chhua nahi gaya: is list me sirf woh cheezen
 * hain jo audit me 12-13px nikli thin.
 */

html body.yb p,
html body.yb p a,
html body.yb li,
html body.yb li a,
html body.yb .yb-btn,
html body.yb a.yb-btn,
html body.yb .wd-more-desc,
html body.yb .wd-more-desc-inner,
html body.yb .wd-more-desc p,
html body.yb .hover-content,
html body.yb .hover-content-inner,
html body.yb .hover-content p,
html body.yb .wd-add-btn .button,
html body.yb .wd-add-btn .button span,
html body.yb .wd-bottom-actions .button,
html body.yb .breadcrumb-link,
html body.yb .breadcrumb-last,
html body.yb .woocommerce-breadcrumb,
html body.yb .woocommerce-breadcrumb a,
html body.yb .wd-tools-text,
html body.yb .wd-toolbar-label,
html body.yb .yb-utility a,
html body.yb .yb-utility__region,
html body.yb .yb-utility__lang,
html body.yb .yb-card__quick,
html body.yb .yb-cat-grid-promo__btn,
html body.yb .wd-product-cats,
html body.yb .wd-product-cats a,
html body.yb .page-numbers,
html body.yb .page-numbers.current,
html body.yb span.current,
html body.yb .woodmart-show-product-gallery,
html body.yb .woodmart-show-product-gallery span,
html body.yb .wd-show-product-gallery-wrap span,
html body.yb .yb-cat-grid-seo p,
html body.yb .yb-cat-grid-seo a,
html body.yb .wd-entities-title:not(h1):not(h2),
html body.yb .product-labels .product-label,
html body.yb .woocommerce-result-count,
html body.yb .wd-scroll-content p,
html body.yb .wd-header-secondary-nav a,
html body.yb .wd-header-secondary-nav span,
html body.yb .whb-top-bar-inner a,
html body.yb .whb-top-bar-inner span {
	font-size: 14px !important;
}

/* Ungli ke nishane: 44px ki qataar — un linkon ke liye jinhe apni qataar milti hai.
 * Jumle ke andar wale link yahan jaan boojh kar shamil nahi: wahan 44px lafzon ke beech khai banata
 * hai aur parhna mushkil ho jata hai. */
@media (max-width: 1024px) {

	html body.yb .wd-product-cats a,
	html body.yb a.category-nav-link,
	html body.yb li.cat-item > a,
	html body.yb .widget_product_categories li > a,
	html body.yb .wd-sub-menu > li > a,
	html body.yb .wd-footer a,
	html body.yb .footer-container .widget a,
	html body.yb button.yb-auth__help,
	html body.yb button.yb-pw__eye {
		display: inline-flex !important;
		align-items: center;
		min-height: 44px !important;
	}
}

/* ---------------------------------------------------------------------------
 * Hero ki tasveer apna dibba poora bhare.
 *
 * style.css me `.yb-hero2__img { height: 100% }` likha hai, magar kisi baad me parhi jane wali
 * sheet ka `img { height: auto }` use hara deta hai. Natija: dibba 1322x692 ka rehta hai aur
 * tasveer sirf 583px oonchi — neeche grey patti reh jati hai aur "Shop what's new" wala button
 * tasveer ke bahar us patti me chala jata hai. Purani site par yeh patti nahi hai, is liye nayi
 * site pehli nazar me hi alag lagti hai.
 *
 * Yeh file sab se aakhir me parhi jati hai (naam zzzzz se shuru hota hai), is liye yahan likha
 * hua faisla aakhri hota hai — kisi aur site par koi nayi sheet aa jaye to bhi hero theek rahega.
 */
.yb .yb-sec--hero2 .yb-hero2__media > img.yb-hero2__img { height: 100% !important; object-fit: cover !important; }

/* ---------------------------------------------------------------------------
 * Phone par do chhoti cheezen (3 Oct 2026, mobile audit se).
 *
 * 1) Breadcrumb ka pehla khana "Home" 35px me sikur kar kat raha tha — trail ki qatar apne khanon
 *    ko dabaa deti thi. Khane ab sikurte nahi; jagah kam pare to agli lakeer par chale jate hain.
 *    (Qaida: poora trail nazar aana chahiye — kata hua naam Google ke liye bhi mail nahi khata.)
 *
 * 2) Newsletter ke checkbox ki qatar 40px thi; ungli ke liye 44px chahiye.
 */
@media (max-width: 1024px) {
	html body.yb .woocommerce-breadcrumb,
	html body.yb .yb-bc .woocommerce-breadcrumb { flex-wrap: wrap; row-gap: 2px; }
	html body.yb .woocommerce-breadcrumb a.breadcrumb-link,
	html body.yb .woocommerce-breadcrumb .breadcrumb-link,
	html body.yb .woocommerce-breadcrumb .breadcrumb-last { flex: 0 0 auto; }
	html body.yb .yb-gf-check { min-height: 44px; }
}

/* -------------------------------------------------------------------------
 * PDP par reviews ka khana phone par 15px bahar nikal raha tha.
 * WoodMart ka two-column grid `.woocommerce-Reviews` ko `margin: 0 -30px` deta hai (gutter) aur
 * uske andar `#comments` ko `padding-left: 30px`. Yeh jori sirf us container ke andar theek
 * baithti hai jiske paas 15px ka apna padding ho; hamare PDP layout me nahi, is liye poora khana
 * bayein taraf -15px par chala jata tha (SITE-AUDIT/MOBILE-bapehoodies.ca.md, 3 Oct 2026).
 * Phone par dono hata dete hain — gutter ki zaroorat ek column me nahi hoti. Desktop par
 * WoodMart ka do-column grid jaisa hai waisa rehta hai.
 * ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	html body.yb.single-product .woocommerce-Reviews {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	html body.yb.single-product .woocommerce-Reviews > #comments,
	html body.yb.single-product .woocommerce-Reviews > #review_form_wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}