/* Modelena site-wide overrides (v0.8): cart drawer + cart page buttons,
   website scheme (maroon #470108 / gold #C9A227). Ye file har page par
   load hoti hai. v1.0: !important ke saath mazboot kiya — user ne drawer
   ka Checkout button abhi bhi kaala dekha tha, theme ki button CSS jeet
   rahi thi. WC core classes hi use hoti hain, koi andaze wali class nahi. */
.woocommerce-mini-cart__buttons a.button.checkout { background: #470108 !important; color: #fff !important; border: 1px solid #470108 !important; }
.woocommerce-mini-cart__buttons a.button.checkout:hover { background: #5E0108 !important; border-color: #5E0108 !important; color: #fff !important; }
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) { background: #fff !important; color: #470108 !important; border: 1px solid #470108 !important; }
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover { background: #FAF6EF !important; color: #470108 !important; }
.wc-proceed-to-checkout a.checkout-button { background: #470108 !important; color: #fff !important; border: 1px solid #470108 !important; }
.wc-proceed-to-checkout a.checkout-button:hover { background: #5E0108 !important; border-color: #5E0108 !important; color: #fff !important; }
/* v1.0: drawer — item price saaf dark, subtotal maroon bold. */
.woocommerce-mini-cart .woocommerce-Price-amount { color: #242424; }
.woocommerce-mini-cart__total { font-family: 'Lato', sans-serif; }
.woocommerce-mini-cart__total .woocommerce-Price-amount { color: #470108; font-weight: 700; }
/* v1.0: cart page — coupon Apply button maroon, totals ka Total maroon bold. */
.woocommerce-cart .coupon button[name="apply_coupon"] { background: #470108 !important; color: #fff !important; border: 1px solid #470108 !important; }
.woocommerce-cart .coupon button[name="apply_coupon"]:hover { background: #5E0108 !important; border-color: #5E0108 !important; }
.woocommerce-cart .coupon input#coupon_code { border: 1px solid #ddd; padding: 12px; }
.cart_totals .order-total td .woocommerce-Price-amount { color: #470108; font-weight: 700; }
/* v1.0.3: Thank-you page — site scheme (maroon/gold/ivory), GREEN nahi.
   Notice box: ivory bg, gold top border, maroon Lora text, centered. */
.woocommerce-order .woocommerce-notice--success.woocommerce-thankyou-order-received { background: #FAF6EF; border: 1px solid #e5e0d5; border-top: 3px solid #C9A227; color: #470108; font-family: 'Lora', serif; font-size: 22px; text-align: center; padding: 24px; }
/* Order overview (number/date/total/payment) — table jaisi card rows. */
.woocommerce-order-overview { background: #fff; border: 1px solid #e5e0d5; padding: 0; list-style: none; }
.woocommerce-order-overview li { display: flex; justify-content: space-between; gap: 16px; padding: 12px 16px; border-bottom: 1px solid #e5e0d5; font-family: 'Lato', sans-serif; color: #767676; text-align: left; }
.woocommerce-order-overview li:last-child { border-bottom: 0; }
.woocommerce-order-overview li strong { color: #242424; }
/* v1.0.14: Thank-you overview left (26 Oct, user ka hukm) — mobile par
   overview items centered + stacked aate the; label aur value dono left. */
@media (max-width: 767px) {
    .woocommerce-order-overview li, .woocommerce-thankyou-order-details li { display: block !important; text-align: left !important; }
    .woocommerce-order-overview li strong, .woocommerce-thankyou-order-details li strong { display: block; text-align: left; }
}
/* Order details table + headings (thank-you + My Account order view). */
.woocommerce-order-details h2, .woocommerce-customer-details h2 { font-family: 'Lora', serif; color: #470108; }
.woocommerce-table--order-details { border: 1px solid #e5e0d5; }
.woocommerce-table--order-details th, .woocommerce-table--order-details td { border-bottom: 1px solid #e5e0d5; padding: 12px 16px; }
/* v1.0.14: Order details padding fix (26 Oct, user ka hukm) — WoodMart ka
   shop_table rule pehle column ki left aur aakhri column ki right padding 0
   kar deta hai, is liye cells border se chipke lagte the; billing table
   jaisi 16px left/right padding wapas. */
.woocommerce-table--order-details tr :is(th, td):first-child { padding-inline-start: 16px !important; }
.woocommerce-table--order-details tr :is(th, td):last-child { padding-inline-end: 16px !important; }
.woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-table--order-details tfoot tr:last-child td { color: #470108; font-weight: 700; }
/* Billing/shipping address — label/value table (plain lines ki jagah). */
.mdln-address-table { width: 100%; border: 1px solid #e5e0d5; border-collapse: collapse; background: #fff; }
.mdln-address-table th, .mdln-address-table td { border-bottom: 1px solid #e5e0d5; padding: 10px 16px; text-align: left; font-family: 'Lato', sans-serif; }
.mdln-address-table tr:last-child th, .mdln-address-table tr:last-child td { border-bottom: 0; }
.mdln-address-table th { width: 140px; color: #767676; font-weight: 400; text-transform: uppercase; font-size: 12px; letter-spacing: .5px; }
.mdln-address-table td { color: #242424; }
/* v1.0.4: Wishlist page polish — SCOPE-INDEPENDENT hisse (heading, Remove,
   bulk prominence). Loop-template card redesign scope ke faisle par pending
   hai, is CSS se us par koi asar nahi. */
.wd-wishlist-content .wd-wishlist-head h4.title { font-family: 'Lora', serif; font-size: 24px; color: #470108; }
.wd-wishlist-content .wd-wishlist-bulk-action { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 20px; }
.wd-wishlist-content .wd-wishlist-select-all a { display: inline-block; background: #470108 !important; color: #fff !important; border: 1px solid #470108 !important; padding: 8px 18px; font-weight: 700; text-decoration: none; }
/* v1.0.29 — ROOT-CAUSE FIX (diagnosis 27 Oct 13:06): ye rule pehle
   per-product remove link par bhi lagta tha — white bg + maroon border +
   padding ne akeli × ko square box bana diya tha, aur is ki specificity
   (3 classes + !important) JS ki .mdln-wl-cross class ko hara rahi thi
   (is liye 3 JS nasal fail hui — JS theek tha, ye rule jeet raha tha).
   Ab ye rule SIRF bulk remove action (REMOVE ALL button) par hai;
   per-product × ko .mdln-wl-cross (loop.css) saada cross banata hai. */
.wd-wishlist-content .wd-wishlist-remove-action a { display: inline-block; background: #fff !important; color: #470108 !important; border: 1px solid #470108 !important; padding: 6px 14px; text-decoration: none; }
.wd-wishlist-content .wd-wishlist-remove-action a:hover { background: #470108 !important; color: #fff !important; }
/* v1.0.16: Notices + font unification (user ka hukm 19:54).
   (a) Theme-default WooCommerce/WoodMart notices (success/error/info) ab
   site scheme mein: ivory bg, maroon/gold left border, flat, koi shadow
   nahi; theme ke hare/neele defaults ki jagah. Notice ke andar wale
   buttons (View cart waghera) site button style mein.
   (b) Homepage font style saare text par: theme-template headings
   Cormorant Garamond (homepage widget titles jaisi serif — ye font
   sitewide pehle se load hota hai, cart/shop HTML se tasdeeq) + notices/
   buttons Lato. Sirf font-family badli hai, rang/size waisi hi.
   Theme ke notice rules kisi bhi file mein ho sakte hain, is liye key
   properties par !important hai taake override yaqeeni ho. */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.wd-wc-notices .woocommerce-message,
.wd-wc-notices .woocommerce-error,
.wd-wc-notices .woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    background-color: #FAF6EF !important;
    border: 1px solid #E5E0D5 !important;
    border-left-width: 4px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #242424 !important;
    padding: 16px 20px !important;
}
/* v1.0.23 (user ka hukm 27 Oct ~01:28, photo ke saath): notice ka tick icon text ke upar charh raha tha — wajah: 20px left padding icon ke liye kam thi. Left padding 52px taake icon ko apni jagah mile, aur theme ka ::before icon 16px par pin taake wo text se takraye nahi. */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.wd-wc-notices .woocommerce-message,
.wd-wc-notices .woocommerce-error,
.wd-wc-notices .woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info { padding-left: 52px !important; }
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before { left: 16px !important; }
.woocommerce-notices-wrapper .woocommerce-message,
.wd-wc-notices .woocommerce-message,
.woocommerce-message { border-left-color: #C9A227 !important; }
.woocommerce-notices-wrapper .woocommerce-info,
.wd-wc-notices .woocommerce-info,
.woocommerce-info { border-left-color: #470108 !important; }
.woocommerce-notices-wrapper .woocommerce-error,
.wd-wc-notices .woocommerce-error,
.woocommerce-error { border-left-color: #470108 !important; }
.woocommerce-notices-wrapper .woocommerce-error li,
.wd-wc-notices .woocommerce-error li,
.woocommerce-error li { color: #470108 !important; }
.woocommerce-message a:not(.button),
.woocommerce-error a:not(.button),
.woocommerce-info a:not(.button) { color: #470108 !important; }
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message a.button,
.woocommerce-error a.button,
.woocommerce-info a.button {
    background: #470108 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}
.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message a.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-info a.button:hover { background: #5E0108 !important; color: #fff !important; }
/* Headings font lock — REMOVED 31 Oct 2026 (v1.0.68, user ka hukm):
   Neeche wala body:not(.home) h1/h2/h3 Cormorant Garamond !important block
   DELETE kar diya gaya hai. Wajah: !important Elementor ki har typography
   setting ko hara deta tha — Contact page samet har non-homepage par
   headings ek hi font mein atke rehte the, user jo sa marzi font lagata
   us par asar hi nahi hota tha. Ab headings ka default WoodMart Theme
   Settings > Typography se aayega aur Elementor ki per-element font
   setting hamesha chalegi; code se koi font lock nahi rahega. Homepage
   is rule se pehle bhi bahar tha, is liye us par koi farq nahi parega. */

/* v1.0.69 (31 Oct ~02:20): Checkout address line 2 label visible karo.
   Masla: WooCommerce is field ka label "Apartment, suite, unit, etc."
   screen-reader-text class se chhupata hai — sirf placeholder nazar aata
   tha, saved value bharne par wo bhi gayab. Theme Settings > Custom CSS
   mein unhide rules save ho gaye the (readback se sabit) lekin label phir
   bhi nazar nahi aaya, aur us ke baad Theme Settings saves ne success
   banner ke bawajood persist karna chhor diya — is liye fix ab theme file
   se aa raha hai (jo us unreliable save par depend nahi karta). Dono
   selector rakhe hain (wrapper-id + for-attribute) aur visibility bhi,
   taake chhupane wali koi bhi rule (position/clip/visibility) haar jaye.
   Field duplicate NAHI hai (standard optional second address line), is
   liye hataya nahi gaya; label text WooCommerce ka apna hai. */
body.woocommerce-checkout #billing_address_2_field label.screen-reader-text,
body.woocommerce-checkout #shipping_address_2_field label.screen-reader-text,
body.woocommerce-checkout #billing_address_2_field label,
body.woocommerce-checkout #shipping_address_2_field label,
body.woocommerce-checkout label[for="billing_address_2"],
body.woocommerce-checkout label[for="shipping_address_2"] {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    border: 0 !important;
    display: block !important;
    visibility: visible !important;
}
   WoodMart default .wd-tools-element>a padding-inline 10px hai (har icon
   ke dono taraf), is liye icons ke beech 20px banta tha; 6px par beech ka
   faasla 12px reh jata hai. Sirf horizontal padding, height/layout waisa
   hi. Specificity theme rule se zyada hai taake order se farq na pare.
   v1.0.46 (user 27 Oct ~22:16 — 6px bhi un ko zyada lagi, "ye nahi ki"):
   padding-inline 2px — icons ke beech faasla sirf 4px, wazeh tor par
   qareeb. Tap height waisi hi (theme ki 40px). */
.whb-column .wd-tools-element > a { padding-inline: 2px; }

/* v1.0.31: sale badge par "off" bhi likha ho (user 27 Oct 14:04) —
   WoodMart percentage label sirf "-62%" dikhata tha; ::after se "-62%
   off" ban jata hai taake customer ko saaf pata chale ke ye discount par
   hai. Sirf WoodMart ke percentage labels (.onsale.product-label) par
   lagta hai — hamare widget/related "SALE" badges chhede nahi (wo pehle
   se SALE kehte hain). Presentation-only, koi price/functional change
   nahi. */
.onsale.product-label::after { content: " off"; }

/* v1.0.35: dropdown header — left-aligned, naam ke neeche chhota email,
   menu hover polish (modern). (v1.0.34 wale rules ki jagah; img 44px gol
   waisa hi.)
   v1.0.37: avatar ka left edge menu items (Account waghera) ke text se
   align ho — header ki apni left padding hatayi (dropdown ki apni inset
   hi rahegi), email sirf ek line mein ... ke saath (3 lines mein wrap
   nahi hogi), naam waisa hi bold. */
.mdln-dropdown-profile { display: flex; align-items: center; justify-content: flex-start; text-align: left; gap: 12px; padding: 14px 20px 14px 0; border-bottom: 1px solid #eee; }
.mdln-dropdown-profile img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; }
.mdln-dropdown-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.mdln-dropdown-name { font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 700; color: #242424; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mdln-dropdown-email { font-family: 'Lato', sans-serif; font-size: 12px; color: #767676; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal; }
.wd-header-my-account .wd-dropdown-my-account li a:hover { background: #FAF6EF; }

/* v1.0.36: dropdown header clickable — photo + naam + email par click
   karne se Profile page khule (anchor hai, is liye underline nahi). */
a.mdln-dropdown-profile { text-decoration: none !important; }
a.mdln-dropdown-profile:hover { background: #FAF6EF; text-decoration: none !important; }

/* v1.0.40: account dropdown modern polish — sirf visual, koi item,
   tartib ya link target change nahi. Container gol kone + naram shadow,
   header ivory, avatar thoda bara, items par smooth hover, Logout ke
   upar halki separator line. */
.wd-header-my-account .wd-dropdown-my-account { border-radius: 12px; box-shadow: 0 12px 32px rgba(71, 1, 8, .12); border: 1px solid #E5E0D5; }
.mdln-dropdown-profile { background: #FAF6EF; }
.mdln-dropdown-profile img { width: 48px; height: 48px; }
.wd-header-my-account .wd-dropdown-my-account li a { transition: background .2s ease, color .2s ease; }
.wd-header-my-account .wd-dropdown-my-account li a:hover { color: #470108; }
.wd-header-my-account .wd-dropdown-my-account li.woocommerce-MyAccount-navigation-link--customer-logout { border-top: 1px solid #eee; }

/* ---- v1.0.42: dropdown gol kone overflow ke baghair (hover-gap fix).
   v1.0.40 ka overflow:hidden WoodMart ke hover bridge (:after patti) ko kaat
   deta tha — mouse icon se panel tak le jaate hue dropdown band ho jata tha.
   Ab container par sirf radius/shadow/border hai; gol kone andar se: header
   block upar se round, aakhri item ka link neeche se round. Bridge barkarar. */
.mdln-dropdown-profile { border-radius: 12px 12px 0 0; }
.wd-header-my-account .wd-dropdown-my-account li:last-child a { border-radius: 0 0 12px 12px; }

/* ---- v1.0.42: wishlist empty state brand colors (user 27 Oct ~17:54).
   Dil wala icon (font glyph ::before) aur Return To Shop button WoodMart ke
   default teal/grey mein the — brand maroon + gold mein. Sirf wishlist ke
   empty block tak scoped hai (cart waghera ke empty blocks ko haath nahi). */
.wd-empty-wishlist .wd-empty-block-title:before { color: #470108; }
.wd-empty-wishlist .wd-empty-block-btn { background-color: #470108; border-color: #470108; color: #fff; }
.wd-empty-wishlist .wd-empty-block-btn:hover { background-color: #C9A227; border-color: #C9A227; color: #470108; }

/* ---- v1.0.54: mobile top-header icons white (user 28 Oct ~02:42, phone screenshot).
   Mobile header ke upar wale do icons — left hamburger (teen lines) aur right
   account — maroon header par dark nazar aa rahe the (lagbhag nazar hi nahi
   aate). Sirf mobile header columns tak scoped hai: desktop header icons aur
   neeche wali mobile toolbar (Shop/Wishlist/Cart/My account) ko haath nahi. */
.whb-mobile-left .wd-header-mobile-nav .wd-tools-icon,
.whb-mobile-left .wd-header-mobile-nav .wd-tools-icon::before,
.whb-mobile-right .wd-header-my-account .wd-tools-icon,
.whb-mobile-right .wd-header-my-account .wd-tools-icon::before {
	color: #fff;
}

/* v1.0.60 (user 28 Oct ~18:20, sidebar modify — categories ke baad wala task):
   Mobile drawer sidebar (hamburger se khulne wala panel: Search +
   CATEGORIES/MENU tabs + category list) ko brand scheme mein behtar
   banana. SCOPE: sirf .mobile-nav drawer — desktop menus, cart drawer
   aur neeche wali mobile toolbar ko haath nahi.
   Drawer ki CATEGORIES panel mein nayi 7 sub-categories pehle se
   maujood hain (menu 140 se aati hain, Women ke neeche) — yahan sirf
   rang/roop hai, koi menu/category structure change nahi. */
.mobile-nav.wd-side-hidden-nav {
	background: #FAF6EF;
}
.mobile-nav .wd-search-form .s {
	background: #fff;
	border: 1px solid #E5E0D5;
	color: #242424;
}
.mobile-nav .wd-search-form .s::placeholder {
	color: #767676;
}
.mobile-nav .wd-search-form .searchsubmit {
	color: #470108;
}
.mobile-nav .wd-nav-mob-tab .mobile-tab-title .nav-link-text {
	color: #767676;
}
.mobile-nav .wd-nav-mob-tab .mobile-tab-title.wd-active .nav-link-text {
	color: #470108;
}
.mobile-nav .wd-nav-mob-tab .mobile-tab-title.wd-active {
	border-bottom-color: #C9A227;
}
.mobile-nav .wd-nav-mobile > li > a {
	color: #470108;
	font-weight: 700;
	font-size: 16px;
	border-bottom: 1px solid #E5E0D5;
}
.mobile-nav .wd-nav-mobile .wd-sub-menu li a {
	color: #242424;
	font-weight: 400;
	font-size: 14px;
	padding-left: 28px;
}
.mobile-nav .wd-nav-mobile .wd-sub-menu li a::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 1px;
	background: #C9A227;
	margin-right: 8px;
	vertical-align: middle;
}
.mobile-nav .wd-nav-mobile li a:hover {
	color: #470108;
}
.mobile-nav .menu-item-has-children > a::after,
.mobile-nav .wd-nav-opener,
.mobile-nav .wd-nav-opener::before,
.mobile-nav .wd-nav-opener::after {
	color: #470108;
	font-size: 22px;
	opacity: 1;
}
/* v1.0.61 (viewer check 28 Oct ~18:37): collapsed chevron pehle halke
   gold (16px) mein tha — cream panel par kam dikhta tha, shopper ko
   sub-categories ka pata na chalta. Ab maroon + bara (20px) taake
   arrow saaf nazar aaye aur sub-categories kholna aasan ho. Expanded
   state (white-on-maroon) WoodMart ka apna hai, waisa hi rahega. */
/* v1.0.62 (viewer re-check 28 Oct ~18:41): rang maroon ho gaya tha
   lekin size phir bhi chhota/patla raha — wajah: chevron glyph
   ::before/::after pseudo-element mein hai, sirf span par font-size
   lagane se glyph ka size nahi badhta. Is liye size ab pseudo-
   elements par bhi lagaya hai (22px). */

/* v1.0.63 (user order 28 Oct ~20:28, drawer screenshots): WOMEN default
   khula — 7 sub-categories pehle se nazar aayen, arrow click karke
   dropdown NAHI. Sirf drawer (.mobile-nav) scoped — desktop menus
   untouched. Sub-menu hamesha block; opener arrow cell hide. */
.mobile-nav .wd-nav-mobile .wd-sub-menu {
	display: block !important;
}
.mobile-nav .wd-nav-opener,
.mobile-nav .menu-item-has-children > a::after {
	display: none !important;
}

/* v1.0.63 (user order 28 Oct ~20:24, phone screenshot): mobile bottom
   toolbar brand style — generic white nahi, maroon + gold, "apne lage".
   My account item BOTTOM toolbar se hide (header top-right account
   icon pehle se maujood hai). Scoped to .wd-toolbar only — header
   account icon aur drawer account links untouched. Count badges gold
   taake maroon toolbar par nazar aayen. */
.wd-toolbar {
	background-color: #470108 !important;
	border-top: 1px solid #C9A227;
}
.wd-toolbar a,
.wd-toolbar .wd-toolbar-label,
.wd-toolbar .wd-tools-icon {
	color: #ffffff;
}
.wd-toolbar .wd-header-my-account {
	display: none !important;
}
.wd-toolbar .wd-tools-count {
	background-color: #C9A227 !important;
	color: #470108 !important;
}

/* v1.0.65 CORRECTION (user 29 Oct ~03:15, header screenshot, wazeh hukm):
   hover par BACKGROUND BILKUL NAHI — na WoodMart ka hover box, na
   v1.0.65 wala maroon background. Sirf TEXT ka color change hoga, aur
   ACTIVE item (jis page par maujood hon) par bhi wohi text color.
   Header bar dark maroon hai, is liye hover/active text GOLD #C9A227
   (brand ka yellow-type rang; button "gold hover" convention).
   background transparent !important taake har hover background rule
   khatam ho. Sirf is menu ke level-0 items; dropdown (level-1) items
   aur footer/drawer menus ko haath nahi lagata. */
#menu-category-menu-fashion-2 > li > a.woodmart-nav-link:hover,
#menu-category-menu-fashion-2 > li > a.woodmart-nav-link:focus,
#menu-category-menu-fashion-2 > li.current-menu-item > a.woodmart-nav-link,
#menu-category-menu-fashion-2 > li.current_page_item > a.woodmart-nav-link,
#menu-category-menu-fashion-2 > li.current-menu-ancestor > a.woodmart-nav-link {
    background-color: transparent !important;
    color: #C9A227 !important;
}

/* v1.0.67: cart total line — badge (units) vs product lines ka farq saaf dikhaye. Drawer mein Subtotal se pehle, checkout mein order table ke neeche. */
.mdln-cart-total-line {
    font-weight: 700;
    color: #470108;
    font-size: 15px;
    line-height: 1.4;
}
.widget_shopping_cart_content .mdln-cart-total-line {
    padding: 12px 24px 4px;
}
.mdln-checkout-total-line {
    padding: 14px 0 4px;
    border-top: 1px solid #E7DCC3;
    margin-top: 16px;
}

/* v1.0.70 (31 Oct ~02:45): Checkout fields square corners (user ka hukm
   31 Oct ~02:40, dobara wazeh): BORDER rehne do, BORDER-RADIUS khatam —
   checkout ke saare fields (billing/shipping inputs, selects, textarea,
   aur select2 country/state boxes) chauras hon, gol konay nahi. Buttons
   aur cards ko haath nahi lagaya. */
body.woocommerce-checkout form.woocommerce-checkout input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-checkout form.woocommerce-checkout select,
body.woocommerce-checkout form.woocommerce-checkout textarea,
body.woocommerce-checkout .select2-container--default .select2-selection--single,
body.woocommerce-checkout .select2-container--default .select2-selection--multiple {
    border-radius: 0 !important;
}

/* v1.0.72 (31 Oct ~14:05): Category bar menu (Header Nav Fashion-2, id
   menu-header-nav-fashion-2) underline colour = text colour. WoodMart ka
   wd-style-underline mechanism PROVEN hai: .nav-link-text::after, 2px,
   background-color var(--wd-primary-color) — wahi dark nazar aata tha.
   Sirf is menu par, sirf hover/active state mein, sirf ::after ka colour
   gold #C9A227 (menu ki apni hover/active text colour) kiya hai — motai,
   width animation, normal white text aur baaki kuch nahi badla. Theme
   Settings > Custom CSS wala save is hisse par persist nahi hua tha
   (banner 'saved' tha, fresh readback mein rules ghayab), is liye ye
   pakka theme-file route istemal ho raha hai. */
#menu-header-nav-fashion-2.wd-style-underline > li:is(:hover, .current-menu-item, .current_page_item, .wd-active, .active) > a .nav-link-text::after {
    background-color: #C9A227 !important;
}

/* v1.0.91 (31 Oct ~15:00): search bar placeholder ka weight thoda behtar —
   header search Style panel mein weight control nahi hai, is liye CSS se
   placeholder 500 (normal 400 se ek step up) kiya hai. Sirf placeholder par
   asar hai, typed text par nahi. */
.wd-search-form input.s::placeholder,
form.searchform input.s::placeholder {
    font-weight: 500;
}

/* v1.0.92 (31 Oct ~15:40): mobile drawer (mobile-nav) ke search box ko wazeh
   border — user ka hukm, width 1. Drawer ka search alag form hai
   (.mobile-nav .wd-search-form form.searchform, served HTML se confirm),
   is liye rule sirf drawer tak scoped hai — header search pill (jo
   .mobile-nav ke bahar hai) is se bilkul mutasir nahi hoga. Colour brand
   gold #C9A227 taake ivory/white drawer par saaf nazar aaye. */
.mobile-nav .wd-search-form form.searchform input.s,
.mobile-nav .wd-search-form form.searchform input[type="text"] {
    border: 1px solid #C9A227;
}

/* v1.0.93 (31 Oct ~15:45): mobile checkout (billing + shipping) — user ki
   phone screenshot ke mutabiq. Desktop BILKUL untouched (wahan First/Last
   side-by-side theek hai). Sirf 767px se neeche: (1) First name full width,
   us ke neeche Last name full width (side-by-side khatam — float aur flex
   donon mechanism cover, taake 30 Oct wala side-by-side rule mobile par
   override ho jaye); (2) Country select ka kata hua text — Select2
   rendered line ko saans lene ki jagah (height auto + min-height +
   line-height), taake 'Pakistan' neeche se na kate; (3) har form-row ke
   neeche EQUAL gap (16px) — label aur us ki apni field ke darmiyan kuch
   nahi badla, sirf har field-group aur agli group ke darmiyan ek jaisa
   faasla. */
@media (max-width: 767px) {
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
        display: block !important;
    }
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-first,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-last {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
        margin-bottom: 16px !important;
    }
    .woocommerce-checkout .form-row .select2-container .select2-selection--single {
        height: auto !important;
        min-height: 44px;
    }
    .woocommerce-checkout .form-row .select2-container .select2-selection__rendered {
        line-height: 44px !important;
    }
    .woocommerce-checkout .form-row select.country_to_state,
    .woocommerce-checkout .form-row select#billing_country,
    .woocommerce-checkout .form-row select#shipping_country {
        height: 48px;
        line-height: normal;
    }
}

/* ---- v1.0.98: Search dropdown keyword rows (JS se lagti hain, modelena-site.js).
   WoodMart ke rows (CATEGORIES / PRODUCTS) se alag dikhni chahiye lekin
   dropdown ki zubaan se milni chahiye: chhota uppercase label + saaf rows,
   hover par ivory background. */
.mdln-search-keywords-43081b20 {
    border-bottom: 1px solid #E5E0D5;
    padding: 6px 0;
}
.mdln-search-keywords-title-43081b20 {
    padding: 6px 15px 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #767676;
}
a.mdln-search-keyword-43081b20 {
    display: block;
    padding: 8px 15px;
    color: #242424;
    text-decoration: none;
}
a.mdln-search-keyword-43081b20:hover {
    background: #FAF6EF;
    color: #470108;
}

/* 1.0.100 (31 Oct 2026) — Videos popup buttons THEME BYPASS.
   Snippet-2834 ki wahi rules theme CSS mein dobara (theme CSS snippet
   styles ke BAAD load hoti hai, is liye equal specificity par ye jeetengi).
   Phone check ka intezar kiye baghair lagaya gaya (announce imminent):
   ye values snippet ki apni values hain, is liye agar phone par pehle se
   theek tha to ye kuch nahi badlega, agar kharab tha to theek ho jayega. */
/* Shared popup button rules */
.mdlv-popup-close-9f2k7v,
.mdlv-popup-prev-9f2k7v,
.mdlv-popup-next-9f2k7v {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #c9a227;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.30);
    cursor: pointer;
    z-index: 3;
}
.mdlv-popup-close-9f2k7v {
    top: -14px;
    right: -14px;
}
.mdlv-popup-prev-9f2k7v {
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
}
.mdlv-popup-next-9f2k7v {
    right: -22px;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 640px) {
    .mdlv-popup-close-9f2k7v { top: 8px; right: 8px; }
    .mdlv-popup-prev-9f2k7v { left: 8px; }
    .mdlv-popup-next-9f2k7v { right: 8px; }
}