/* hq-colours.css — HQUIK colour polish (31 Oct 2026). Loaded LAST in <head> by apply_colours.py.
   Colour-only overrides: no sizes, margins, paddings or display changes, so layout cannot move.
   Brand palette (from styles.css / tools.css / home.css variables):
     Navy #13203f (ink #0e1d3a, deep #101c34)   Royal blue #1d46a8   Steel #46628d / #5574a2   Sky #dde6f2 / #eef3f9
     Gold #f2b632 (text-on-light gold #8a5a00)  WhatsApp green #15803d (hover #116b33)   Success #137a4b   Error #b42318 */

/* 1. WhatsApp green: was #1a9e4b (white text 3.5:1, fails AA) -> #15803d (5.0:1). One shade everywhere. */
:root{--wa:#15803d!important;--wa-d:#116b33!important}
.app-note{background:rgba(21,128,61,.10)!important}

/* 2. Off-brand bright greens (#16a34a / #25d366) on buttons and badges -> brand navy / success green */
.hqf-rv .hqf-cta,a.hqf-btn.hqf-cta{background:#13203f!important;border-color:#13203f!important;color:#fff!important}
.hqs-per button em{background:#137a4b!important}
.hqs-per button.on{border-color:#1d46a8!important}

/* 3. Listing Maker: page was re-themed hot pink/magenta (Meesho) and orange/red per marketplace.
      Page accent is now HQUIK navy/blue + gold; marketplaces keep their colour only in the small dot,
      the card top strip and the tab underline (identity, not the whole page). */
body,body[data-plat],body[data-plat=meesho],body[data-plat=flipkart],body[data-plat=amazon],body[data-plat=snapdeal],body[data-plat=myntra]{
  --pa:#1d46a8!important;--pa2:#13203f!important;--pa-ink:#fff!important;--pa-soft:rgba(29,70,168,.09)!important}
body[data-plat=amazon] .lm-grad,.lm-grad{background:linear-gradient(90deg,#1d46a8,#13203f)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme=dark] .lm-grad,html[data-theme=dark] body[data-plat=amazon] .lm-grad{background:linear-gradient(90deg,#8fb0ff,#f2b632)!important;-webkit-background-clip:text!important;background-clip:text!important}
body[data-plat=amazon] .lm-go,.lm-go{background:linear-gradient(90deg,#1d46a8,#13203f)!important;color:#fff!important}
.lm-tabs button[aria-selected=true],.lm-tabs button[data-p=amazon][aria-selected=true]{background:#13203f!important;color:#fff!important;border-color:#13203f!important;box-shadow:inset 0 -3px 0 var(--c1),0 6px 16px rgba(19,32,63,.18)!important}
html[data-theme=dark] .lm-tabs button[aria-selected=true]{background:#1d46a8!important;border-color:#1d46a8!important}
.lm-offer-pill{background:#f2b632!important;color:#13203f!important}
.lm-plan .buy,.lm-plan button.buy{background:#13203f!important;color:#fff!important}
.lm-plan a.buy.t-btn-wa,.lm-plan .buy.t-btn-wa{background:var(--wa)!important}
.lm-plan.on{border-color:#1d46a8!important;box-shadow:0 10px 28px rgba(29,70,168,.18)!important}
.lm-plan .off{background:#137a4b!important}
.lm-eyebrow{background:rgba(29,70,168,.09)!important;color:#1d46a8!important}
html[data-theme=dark] .lm-eyebrow{background:rgba(143,176,255,.14)!important;color:#c9d8ff!important}
html[data-theme=dark] .lm-pname,html[data-theme=dark] .lm-f-h b{color:#a9c1ff!important}
.lm-hero-num{background:linear-gradient(135deg,#13203f,#1d46a8)!important;color:#fff!important}
.lm-step{background:#13203f!important;color:#fff!important}
html[data-theme=dark] .lm-step{background:#f2b632!important;color:#13203f!important}

/* 4. Disabled buttons looked washed-out (gold/blue at 50% opacity, white text ~1.5:1), e.g. "Labels crop karo",
      "Search karo", Download bars before a file is chosen. Now a clear, readable neutral "not yet" state. */
.t-btn[disabled],.t-btn[aria-disabled=true],.btn:disabled,.lm-go[disabled],.sk-ft .t-btn:disabled,.of-btn[disabled],.sh-btn:disabled,.sh-btn[aria-disabled=true],.os-chips button:disabled,
body[data-plat] .lm-go[disabled]{
  opacity:1!important;background:#e9edf4!important;background-image:none!important;color:#56627a!important;border-color:#d5deeb!important;box-shadow:none!important;text-shadow:none!important}
.t-btn[disabled] svg,.t-btn[aria-disabled=true] svg,.btn:disabled svg{stroke:currentColor}
html[data-theme=dark] .t-btn[disabled],html[data-theme=dark] .t-btn[aria-disabled=true],html[data-theme=dark] .btn:disabled,html[data-theme=dark] .lm-go[disabled],html[data-theme=dark] .sk-ft .t-btn:disabled,html[data-theme=dark] .sh-btn:disabled{
  background:#24304a!important;color:#a7b3cb!important;border-color:#33415c!important}

/* 5. Home hero rotating word ("Meesho / Flipkart / Snapdeal…"): light mode used a pale cyan shine (#7fd3ff) on white (~1.5:1). */
html[data-theme=light] .rot{background-image:linear-gradient(90deg,#1d46a8,#4a6fa5,#1d46a8)!important}

/* 6. Gold: consent/legal "Accept" used #F5B700 (a different, more lemon gold) -> brand gold #f2b632 */
.hqc-row button.hqc-yes{background:#f2b632!important;border-color:#f2b632!important}
.hqp-lang button[aria-pressed=true]{background:#f2b632!important}
.hqc-opt input,.hq-consent-box input,.hqdr-r input{accent-color:#f2b632}
html:not([data-theme=dark]) .hq-consent-msg{color:#b42318!important}

/* chat panel WhatsApp link was neon #25D366 (2:1 on white) */
.hqc-wa{color:#15803d!important}
html[data-theme=dark] .hqc-wa{color:#5fd38d!important}

/* 7. Low-contrast small text (grey-on-grey / grey-on-navy) */
.sk-grp>summary small{color:#5b6680!important}                     /* "Bharo" 3.7:1 -> 5.0:1 (8 maker tools) */
.t-lede .x-hint{color:#c3cfe6!important}                            /* Smart Label hero hint: grey on navy 2.2:1 -> 8.5:1 */
.wrap>p.pw{color:#667089!important}                                        /* Employee "Powered by" 2.9:1 -> 4.9:1 */
html[data-theme=light] .sec-light .kicker,html[data-theme=light] .app-for{color:#46628d!important}
html[data-theme=light] .pkg .save{color:#11643a!important}
html[data-theme=dark] .hqf-rv .sub{color:#aebbd4!important}          /* home reviews, dark mode: 2.5:1 -> 8:1 */
html[data-theme=dark] .hqf-r .who small,html[data-theme=dark] figcaption.who small{color:#9aa7c0!important}
html[data-theme=dark] .t-crumbs [aria-current]{color:#e8edf7!important} /* Business Game breadcrumb was navy-on-navy (invisible) */

/* small grey text on tinted cards (4.3:1 -> 5.3:1+) */
.hq-audit-cta .txt p{color:#56627a!important}
.lm-drop small{color:#56627a!important}

/* 8. Packages "Choose plan" (steel) looked faded next to the navy featured plan -> deeper steel, same hue */
html[data-theme=light] .btn-steel{background:#46628d!important}
html[data-theme=light] .btn-steel:hover{background:#3a537a!important}