/* Modelena checkout + My Account — v0.5 (site design, WoodMart default look
   overridden: maroon buttons, Lato/Lora, radius 0, ivory boxes). */

/* ---- Buttons: maroon (never black) on checkout + account pages ---- */
.woocommerce-checkout .button, .woocommerce-checkout .btn,
.woocommerce-account .button, .woocommerce-account .btn,
.woocommerce-Button, #place_order {
    background: #470108 !important;
    color: #fff !important;
    border: 0;
    border-radius: 0 !important;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.woocommerce-checkout .button:hover, .woocommerce-checkout .btn:hover,
.woocommerce-account .button:hover, .woocommerce-account .btn:hover,
.woocommerce-Button:hover, #place_order:hover {
    background: #5E0108 !important;
    color: #fff !important;
}

/* ---- Coupon beside "Your order" ---- */
.mdln-coupon-side { background: #FAF6EF; padding: 16px; margin-bottom: 20px; }
.mdln-coupon-side .woocommerce-info { background: transparent; border: 0; padding: 0; margin: 0 0 10px; color: #242424; }
.mdln-coupon-side .woocommerce-info a { color: #470108; }
.mdln-coupon-side form.checkout_coupon { margin: 0; }
.mdln-coupon-side form.checkout_coupon .form-row-first { width: 100%; margin-bottom: 10px; }
.mdln-coupon-side input#coupon_code { width: 100%; padding: 12px; border: 1px solid #ddd; box-sizing: border-box; }
.mdln-coupon-side button[name="apply_coupon"] { width: 100%; padding: 13px; }

/* ---- Order total crystal clear ---- */
.woocommerce-checkout-review-order-table tfoot tr.order-total td,
.woocommerce-checkout-review-order-table tfoot tr.order-total th {
    font-size: 20px;
    color: #470108;
    background: #FAF6EF;
}
/* v1.0.23 (user ka hukm 27 Oct ~01:27): Total row thodi chhoti + PKR/Rs/price ke darmiyan saaf space — pehle ye bilkul saath jude lagte the. */
.woocommerce-checkout-review-order-table tfoot tr.order-total td,
.woocommerce-checkout-review-order-table tfoot tr.order-total th { font-size: 17px; }
.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-currencySymbol { margin-right: 5px; }
/* v1.0: PKR chhota + Rs se space + total ek hi line mein (wrap nahi). */
.mdln-pkr { font-size: 0.72em; margin-right: 8px; }
.mdln-total-nowrap { white-space: nowrap; display: inline-block; }
.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount { white-space: nowrap; }
/* v1.0.2: PKR abhi bhi stack ho raha tha — wajah: theme total amount ko
   block-level dikhata hai, aur nowrap block ko nahi rokta (v1.0.1 verify
   se sabit: .mdln-pkr ka chhota size lag gaya tha, yani file load ho rahi
   thi, phir bhi do lines bani). Is liye wrapper ke andar sab kuch
   inline + nowrap, taake layout kuch bhi ho, ek hi line bane. */
.mdln-total-nowrap,
.mdln-total-nowrap * { display: inline !important; white-space: nowrap !important; }
/* v1.0.1: Additional information block ka CSS fallback — PHP se field
   khatam hai, phir bhi agar theme heading render kare to nazar na aaye. */
.woocommerce-additional-fields { display: none !important; }
/* v1.0: "Your order" heading — maroon serif, thoda bara (lafz wahi). */
.woocommerce-checkout #order_review_heading { font-family: 'Lora', serif; color: #470108; font-size: 22px; }

/* ---- Account dashboard stats ---- */
.mdln-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 20px 0 30px; }
.mdln-stat { background: #FAF6EF; border: 1px solid #e5e0d5; padding: 20px 16px; text-align: center; }
.mdln-stat-num { display: block; font-family: 'Lora', serif; font-size: 32px; color: #470108; line-height: 1.2; }
.mdln-stat-label { display: block; font-family: 'Lato', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #767676; margin-top: 6px; }
.mdln-recent-title { font-family: 'Lora', serif; font-size: 22px; font-weight: 400; margin: 30px 0 14px; }
.mdln-recent-orders { margin: 0; padding: 0; }
.mdln-recent-orders li { list-style: none; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 0; border-bottom: 1px solid #eee; font-family: 'Lato', sans-serif; font-size: 14px; }
.mdln-status { padding: 3px 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; background: #FAF6EF; color: #470108; }
@media (max-width: 768px) {
    .mdln-stats-grid { grid-template-columns: 1fr 1fr; }
}

/* ---- Side coupon input (v0.5.5: div, koi form nahi) ---- */
.mdln-coupon-side-ui { background: #FAF6EF; padding: 16px; margin-bottom: 20px; }
.mdln-coupon-side-title { font-family: 'Lato', sans-serif; font-size: 14px; color: #242424; margin: 0 0 10px; }
.mdln-coupon-side-row { display: flex; gap: 10px; }
.mdln-coupon-side-row input#mdln-coupon-side-code { flex: 1; min-width: 0; padding: 12px; border: 1px solid #ddd; box-sizing: border-box; font-size: 14px; }
/* v1.0.2: discount box Total ke barabar — side UI ki horizontal padding
   khatam (input row column ke dono edges tak, APPLY ka right edge total
   ke right edge se milega); input aur best style. */
.mdln-coupon-side-ui { padding: 16px 0; }
.mdln-coupon-side-row input#mdln-coupon-side-code { background: #fff; border: 1px solid #e5e0d5; padding: 14px; }
.mdln-coupon-side-row input#mdln-coupon-side-code::placeholder { color: #767676; }
.mdln-coupon-side-row button#mdln-coupon-side-apply { background: #470108; color: #fff; border: 0; padding: 12px 20px; font-family: 'Lato', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: .5px; cursor: pointer; flex: none; }
.mdln-coupon-side-row button#mdln-coupon-side-apply:hover { background: #5E0108; }
/* Upar wala box sirf tab chhupe jab JS side UI chala raha ho — JS fail ho to
   upar wala box waisa hi nazar aayega (coupon kabhi ghaib nahi hoga). */
body.mdln-side-coupon-active .woocommerce-form-coupon-toggle,
body.mdln-side-coupon-active form.checkout_coupon { display: none !important; }

.mdln-coupon-side-msg { color: #b81c23; font-size: 13px; margin: 10px 0 0; }

/* ---- Password strength meter (v0.6): site scheme, WooCommerce ka green nahi.
   Ye file account + checkout pages par load hoti hai (register form bhi
   My Account page par hai) — is liye meter ki CSS yahin honi chahiye, single
   product CSS mein nahi. Progression ivory -> gold -> dark gold -> maroon
   (Strong = maroon, REGISTER button jaisa). WC ki CSS ke baad load hoti hai
   + body prefix specificity jeetne ke liye. ---- */
body .woocommerce-password-strength { font-family: 'Lato', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: .5px; padding: 10px; text-align: center; }
body .woocommerce-password-strength.short { background-color: #E8DFD2; border-color: #D8CFC0; color: #767676; }
body .woocommerce-password-strength.bad { background-color: #C9A227; border-color: #C9A227; color: #0D0D0D; }
body .woocommerce-password-strength.good { background-color: #8A6D1F; border-color: #8A6D1F; color: #fff; }
body .woocommerce-password-strength.strong { background-color: #470108; border-color: #470108; color: #fff; }

/* ---- Checkout badges (v0.8): single product wali lines ki style, checkout
   par bhi — kyunki single product CSS checkout par load nahi hoti. ---- */
.mdln-badges { display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0; }
.mdln-badge { display: inline-flex; align-items: center; gap: 8px; font-family: 'Lato', sans-serif; font-size: 14px; color: #242424; }
.mdln-badge svg { width: 20px; height: 20px; stroke: #470108; fill: none; stroke-width: 1.8; flex: none; }
/* v1.0.23 (user ka hukm 27 Oct ~01:29): checkout badges ke neeche utni hi space jitni upar (header se) — pehle neeche kam thi, BILLING DETAILS box se chipki lagti thi. */
/* v1.0.29 — REVERT (v1.0.28 ka 60px ghalat nikla: gap 100 se 125 ho gaya
   tha, +24 bilkul margin delta ke barabar — matlab 60px browser mein lag
   raha tha). Wapas 36px par, gap ~100 par aayega (pehle jaisa, barabar
   abhi bhi nahi). Baqi ~65px ka source files se nahi mila (form/billing
   margin-top maujood hi nahi) — sirf DevTools computed box model hi use
   prove kar sakta hai; verify mein badges aur billing ke beech koi row
   (coupon toggle waghera) hai ya nahi, ye bhi report hoga. */
.mdln-badges-checkout { margin-bottom: 36px; }
.woocommerce-checkout #customer_details, .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout form.woocommerce-checkout { margin-top: 0 !important; }

/* ---- Proper dashboard (v0.8, brand research: Amazon/Nike/ASOS pattern).
   Ye file account pages par load hoti hai, is liye ye rules sirf
   account par asar karte hain. ---- */
.mdln-dashboard { max-width: 100%; }
/* ---- v1.0.24: Software-type account layout (user ka hukm 27 Oct ~01:31).
   LEFT side options (nav), SAAMNE kaam (content); content full width —
   right edge tak (pehle dashboard ka content right side se inset lagta tha).
   v0.8 wala nav-hide rule HATA diya (dashboard par nav chhupa hua tha, is
   liye sidebar kabhi nazar nahi aata tha). Mobile par nav upar horizontal
   scroll row ban jata hai, content us ke neeche. ---- */
.mdln-account-app { display: flex; align-items: flex-start; gap: 24px; width: 100%; }
.mdln-account-nav { flex: 0 0 260px; width: 260px; background: #fff; border: 1px solid #e5e0d5; padding: 8px 0; }
.mdln-account-nav .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.mdln-account-nav .woocommerce-MyAccount-navigation li { margin: 0; }
.mdln-account-nav .woocommerce-MyAccount-navigation li a { display: flex; align-items: center; gap: 12px; padding: 13px 20px; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #242424; text-decoration: none !important; border-left: 3px solid transparent; }
.mdln-account-nav .woocommerce-MyAccount-navigation li a::before { content: none !important; }
.mdln-account-nav .woocommerce-MyAccount-navigation li a svg { width: 18px; height: 18px; stroke: #470108; fill: none; stroke-width: 1.8; flex: none; }
.mdln-account-nav .woocommerce-MyAccount-navigation li.is-active a { color: #470108; background: #FAF6EF; border-left-color: #C9A227; }
.mdln-account-nav .woocommerce-MyAccount-navigation li a:hover { background: #FAF6EF; color: #470108; }
.mdln-account-main { flex: 1 1 auto; min-width: 0; }
@media (max-width: 767px) {
    .mdln-account-app { flex-direction: column; }
    .mdln-account-nav { width: 100%; flex: none; }
    .mdln-account-nav .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; }
    .mdln-account-nav .woocommerce-MyAccount-navigation li { flex: none; }
    .mdln-account-nav .woocommerce-MyAccount-navigation li a { border-left: 0; border-bottom: 3px solid transparent; white-space: nowrap; }
    .mdln-account-nav .woocommerce-MyAccount-navigation li.is-active a { border-left-color: transparent; border-bottom-color: #C9A227; }
}
.mdln-dash-greeting { font-family: 'Lora', serif; font-size: 28px; color: #470108; margin: 0 0 4px; font-weight: 400; }
.mdln-dash-logout { font-family: 'Lato', sans-serif; font-size: 14px; color: #767676; margin: 0 0 12px; }
.mdln-dash-logout a { color: #470108; }
.mdln-dash-intro { font-family: 'Lato', sans-serif; font-size: 15px; color: #767676; margin: 0 0 24px; }
.mdln-dash-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0 8px; }
.mdln-dash-card { background: #fff; border: 1px solid #e5e0d5; border-top: 3px solid #C9A227; padding: 24px 20px; text-align: center; text-decoration: none !important; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.mdln-dash-card:hover { border-color: #C9A227; }
.mdln-dash-icon svg { width: 28px; height: 28px; stroke: #470108; fill: none; stroke-width: 1.8; display: block; }
.mdln-dash-card-title { font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 700; color: #242424; }
.mdln-dash-card-desc { font-family: 'Lato', sans-serif; font-size: 13px; color: #767676; line-height: 1.5; }
.mdln-status-completed { background: #470108; color: #fff; }
.mdln-status-processing { background: #C9A227; color: #0D0D0D; }
@media (max-width: 1024px) { .mdln-dash-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .mdln-dash-grid { grid-template-columns: 1fr; } }

/* ---- Checkout panels + v0.9 bits: billing (left) aur order summary (right)
   bordered boxes (saaf, aasan look); terms note; save-info; COD box. ---- */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .checkout-order-review { background: #fff; border: 1px solid #e5e0d5; padding: 24px; box-sizing: border-box; }
@media (max-width: 767px) {
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout .checkout-order-review { padding: 16px; }
}
.mdln-terms-note { font-family: 'Lato', sans-serif; font-size: 13px; color: #767676; margin: 12px 0 0; text-align: center; }
.mdln-terms-note a { color: #470108; }
.mdln-save-info { font-family: 'Lato', sans-serif; font-size: 14px; color: #242424; margin: 12px 0 0; }
.mdln-save-info label { cursor: pointer; }
/* v1.0: tick lagne par NEELA nahi — maroon tick, site scheme. */
.mdln-save-info input[type="checkbox"] { accent-color: #470108; width: 18px; height: 18px; vertical-align: middle; margin-right: 8px; }
.woocommerce-checkout #payment .payment_method_cod div.payment_box { background: #FAF6EF; }
/* v1.0: COD ki pure-Urdu line — Segoe font style, Nastaliq fallback, saaf line-height. */
.mdln-cod-urdu { font-family: 'Segoe UI', 'Noto Nastaliq Urdu', Tahoma, sans-serif; font-size: 15px; line-height: 2; }
/* v1.0.19: Checkout #payment container ka mauve/pink background hataya
   (user ka hukm, photo ke saath) — WooCommerce ka default
   rgba(129,110,153,.14) photo mein "pink pink" lagta tha. SIRF isi
   container ka background transparent kiya hai; COD payment_box (ivory
   #FAF6EF, us ke andar Urdu explanation "cash on delivery ka matlab
   hai" hai) ko haath NAHI lagaya, aur totals/discount-code areas bhi
   waisi hi hain. */
.woocommerce-checkout #payment { background: transparent !important; }

/* ---- v1.0.31 additions (user 27 Oct) ---- */
/* Total Orders stat ab orders page ka link hai. */
a.mdln-stat, a.mdln-stat:hover { text-decoration: none; }
a.mdln-stat:hover { border-color: #C9A227; }
/* Orders list Rating column + view-order review links. */
.woocommerce-orders-table__cell-rating { white-space: nowrap; }
.mdln-rating-done { color: #470108; font-weight: 700; }
.mdln-rating-pending { color: #767676; }
.mdln-rate-link { color: #470108; text-decoration: underline; margin-left: 6px; }
.mdln-order-rate { margin-top: 6px; font-size: 13px; }
.mdln-order-rate a { color: #470108; }
/* Addresses table display. */
.mdln-address-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #e5e0d5; margin-bottom: 8px; }
.mdln-address-table th { text-align: left; padding: 10px 14px; width: 34%; color: #470108; font-weight: 700; border-bottom: 1px solid #eee; font-family: 'Lato', sans-serif; font-size: 14px; }
.mdln-address-table td { padding: 10px 14px; border-bottom: 1px solid #eee; font-family: 'Lato', sans-serif; font-size: 14px; }
.mdln-address-table tr:last-child th, .mdln-address-table tr:last-child td { border-bottom: 0; }
/* Live-location button (account edit-address + checkout). */
.mdln-location-wrap { margin: 0 0 16px; }
.mdln-location-btn { background: #FAF6EF; border: 1px solid #C9A227; color: #470108; padding: 10px 18px; cursor: pointer; font-family: 'Lato', sans-serif; font-size: 14px; }
.mdln-location-btn:hover { background: #C9A227; color: #fff; }
.mdln-location-btn:disabled { opacity: .6; cursor: default; }
.mdln-location-note { font-size: 13px; color: #767676; margin: 6px 0 0; }
.mdln-location-msg { font-size: 13px; color: #470108; margin: 6px 0 0; }
/* Header account dropdown profile header — v1.0.34 se modelena-site.css
   mein (sitewide); yahan se hata diya gaya hai taake do jagah na rahe. */
/* Profile photo field preview (edit-account form).
   v1.0.37: photo thodi bari (96px), hover par "Change photo" overlay,
   "Choose file" ka native input nahi dikhta. */
.mdln-photo-change { position: relative; display: inline-block; cursor: pointer; border-radius: 50%; }
.mdln-profile-current img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; border: 2px solid #C9A227; display: block; margin-bottom: 8px; }
.mdln-photo-overlay { position: absolute; left: 0; top: 0; width: 96px; height: 96px; border-radius: 50%; background: rgba(71, 1, 8, .65); color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; font-weight: 700; opacity: 0; transition: opacity .2s; padding: 8px; box-sizing: border-box; }
.mdln-photo-change:hover .mdln-photo-overlay, .mdln-photo-change:focus-within .mdln-photo-overlay { opacity: 1; }
.mdln-photo-remove-btn { display: block; margin-top: 6px; font-size: 13px; color: #470108; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; }

/* v1.0.35: My Account sidebar sticky (desktop) — content scroll ho to
   nav apni jagah rahe. .mdln-account-app pehle se align-items:flex-start
   hai, is liye sticky chalega. Mobile (column layout) par sticky nahi.
   v1.0.37: sticky SIRF Profile page par nahi — ye wrapper My Account ke
   HAR endpoint par lagta hai (Account, Orders, Addresses, Profile,
   Wishlist, Settings), is liye left card har bare page par scroll ke
   dauran apni jagah ruka rahega aur right content neeche chalta rahega.
   v1.0.38 (diagnosis 27 Oct 16:49, blind guess NAHI): staging par My
   Account page ki ID 20 hai, 954 NAHI — is liye body.page-id-954 wala
   rule kabhi match hi nahi karta tha, wo dead tha. Uski jagah
   .woocommerce-account body class (har endpoint par wahi page hai) use
   ho rahi hai; wrapper + inner nav dono par sticky + height:fit-content
   (taake wrapper ki height card jitni hi rahe, travel distance mile),
   aur account layout parent par overflow:visible (sticky-killer hatane
   ke liye). Sticky sirf poore card (.mdln-account-nav) par hai, sirf
   inner nav par nahi — warna wrapper ki height hi travel khatam kar
   deti. */
/* v1.0.64 (user 29 Oct ~01:15, REVERSAL): ye purana v1.0.37/38 sticky block
   bhi HATA DIYA gaya hai (nav par position:sticky !important top:100px +
   overflow:visible support). Teen sticky mechanisms (ye + v1.0.49/50 column
   sticky + v1.0.52/53 JS fixed fallback) aapas mein takra kar nav ko
   content ke upar tairta hua box bana rahe the. Ab account nav kahin
   sticky nahi — normal scroll. */
/* v1.0.35: Settings endpoint (password change) headings. */
.mdln-settings-title { font-family: 'Lora', serif; font-size: 24px; color: #242424; margin: 0 0 6px; }
.mdln-settings-intro { font-family: 'Lato', sans-serif; font-size: 14px; color: #767676; margin: 0 0 20px; }
/* v1.0.35: Profile photo block (form-edit-account override) — photo upar,
   gol preview + change hint. */
.mdln-photo-hint { display: block; font-size: 13px; color: #767676; margin: 6px 0 0; }

/* ---- v1.0.41: Mobile ACCOUNT MENU button hide (user ka hukm 27 Oct ~17:27).
   Button WoodMart Layout 2056 ke "Off canvas column button" widget se aata hai
   (class .wd-off-canvas-btn) — hamari theme ka nahi. Sirf mobile par hide:
   desktop par theme khud hi use chhupata hai. body.woocommerce-account tak
   scoped hai taake shop filters wale off-canvas buttons (wahi class) na chhupen.
   !important is liye ke theme ka display rule jeeta hua hai; ye sitewide font
   rule nahi — sirf account pages + mobile tak mehdood hai. Dashboard cards
   (Profile/Orders/Addresses/...) navigation ke liye barkarar hain. ---- */
@media only screen and (max-width: 767px) {
    body.woocommerce-account .wd-off-canvas-btn { display: none !important; }
}

/* ---- v1.0.43: dashboard profile block (user 27 Oct ~18:17) — greeting se
   pehle, sab se upar: gol photo + naam + username/email/phone + text link. */
.mdln-dash-profile { display: flex; gap: 20px; align-items: center; background: #fff; border: 1px solid #e5e0d5; border-top: 3px solid #C9A227; padding: 24px; margin-bottom: 24px; }
.mdln-dash-profile-photo img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; display: block; flex: none; }
.mdln-dash-profile-name { font-family: 'Lora', serif; font-size: 24px; color: #470108; line-height: 1.2; }
.mdln-dash-profile-meta { display: flex; flex-wrap: wrap; gap: 4px 20px; font-family: 'Lato', sans-serif; font-size: 14px; color: #767676; margin-top: 6px; }
.mdln-dash-profile-edit { display: inline-block; margin-top: 10px; font-family: 'Lato', sans-serif; font-size: 14px; color: #470108; text-decoration: underline; text-underline-offset: 3px; }
.mdln-dash-profile-edit:hover { color: #C9A227; }
@media (max-width: 767px) {
    .mdln-dash-profile { flex-direction: column; text-align: center; }
    .mdln-dash-profile-meta { justify-content: center; }
}

/* ---- v1.0.43: profile photo crop popup (user 27 Oct ~17:56) — square frame,
   drag + zoom; Crop & Use par 800x800 square JPEG banta hai. ---- */
.mdln-crop-overlay { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.65); display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.mdln-crop-overlay[hidden] { display: none; }
.mdln-crop-box { background: #fff; border-radius: 12px; padding: 24px; max-width: 380px; width: 100%; text-align: center; box-sizing: border-box; }
.mdln-crop-stage { position: relative; width: min(300px, 100%); aspect-ratio: 1; margin: 0 auto; overflow: hidden; background: #f4f0e8; touch-action: none; cursor: grab; }
.mdln-crop-stage:active { cursor: grabbing; }
.mdln-crop-img { position: absolute; left: 0; top: 0; max-width: none; user-select: none; -webkit-user-drag: none; touch-action: none; }
.mdln-crop-frame { position: absolute; inset: 0; border: 2px solid #C9A227; pointer-events: none; box-sizing: border-box; }
.mdln-crop-zoom { width: 100%; margin: 16px 0 8px; accent-color: #470108; }
.mdln-crop-actions { display: flex; gap: 12px; justify-content: center; margin-top: 8px; }
.mdln-crop-use { background: #470108; color: #fff; border: 1px solid #470108; padding: 10px 22px; font-weight: 700; cursor: pointer; }
.mdln-crop-use:hover { background: #C9A227; border-color: #C9A227; color: #470108; }
.mdln-crop-cancel { background: #fff; color: #242424; border: 1px solid #e5e0d5; padding: 10px 22px; cursor: pointer; }
.mdln-crop-note { font-size: 13px; color: #767676; margin: 12px 0 0; }

/* v1.0.47: crop error — Crop & Use ki ghalti modal mein nazar aaye,
   khamoshi se purani photo par wapas nahi jaye ga. */
.mdln-crop-error { color: #470108; font-size: 14px; margin: 10px 0 0; }
.mdln-crop-error[hidden] { display: none; }

/* v1.0.64 (user 29 Oct ~01:15, REVERSAL): account sidebar sticky HATA DIYA
   gaya hai — CSS sticky rule + JS fixed fallback dono off. Sidebar ab
   normal tareeqe se page ke saath scroll hogi, koi floating box nahi.
   Wajah: sticky fallback (v1.0.52/53) asli haalat mein nav ko fixed
   white panel bana kar content ke upar tairata tha — user ke screenshots
   + client meeting mein yehi nazar aaya. Dobara sticky lagana ho to
   pehle user se poochna, ye block wapas mat jorna. */

/* ---- v1.0.55: Shopping Level (user 28 Oct ~02:55; display correction ~02:57).
   Sirf: label "Shopping Level" + patti (progress bar) + percentage + level
   number. Koi tagline/wazahat nahi. Bar: gold fill on ivory track; label
   maroon (profile block jaisa), meta grey. Koi fixed width nahi — card
   ki poori chaudai par, mobile par bhi. */
.mdln-shopping-level { margin-top: 14px; }
.mdln-shopping-level-label { font-family: 'Lora', serif; font-size: 17px; color: #470108; }
.mdln-shopping-level-bar { height: 8px; background: #EFE9DC; border-radius: 4px; overflow: hidden; margin-top: 8px; }
.mdln-shopping-level-bar span { display: block; height: 100%; background: linear-gradient(90deg, #C9A227, #F1C36B); border-radius: 4px; }
.mdln-shopping-level-meta { margin-top: 6px; font-family: 'Lato', sans-serif; font-size: 13px; color: #767676; }

/* ---- v1.0.97: Checkout address_2 label style match.
   Theme Settings > Global Custom CSS mein save hua rule fresh-tab
   readback par persist NAHI hua (31 Oct, wahi purana save-persistence
   masla) — is liye durable file route: ye rule theme CSS mein.
   address_2 labels ko Street address label jaisa maroon + bold karo. */
body.woocommerce-checkout #billing_address_2_field label,
body.woocommerce-checkout #shipping_address_2_field label {
    color: #470108 !important;
    font-weight: 700 !important;
}

/* ---- v1.0.101: address_2 label — stronger selectors.
   1.0.97 rule file mein maujood hai lekin Task B + true-guest check
   (31 Oct) mein label phir bhi grey regular dikha — served markup par
   selector match nahi kar raha ya koi aur rule jeet raha hai. Is liye
   for/attribute selectors bhi cover karo (wohi maroon + bold). */
body.woocommerce-checkout label[for="billing_address_2"],
body.woocommerce-checkout label[for="shipping_address_2"],
.woocommerce-checkout #billing_address_2_field label,
.woocommerce-checkout #shipping_address_2_field label {
    color: #470108 !important;
    font-weight: 700 !important;
}
body.woocommerce-checkout #billing_address_2_field label .optional,
body.woocommerce-checkout #shipping_address_2_field label .optional,
body.woocommerce-checkout label[for="billing_address_2"] .optional,
body.woocommerce-checkout label[for="shipping_address_2"] .optional {
    color: #470108 !important;
}