/* ================================================================
   ir-home.css — IndiaRealTime Homepage Stylesheet v1.1
   Upload to: /wp-content/themes/YOUR-THEME/ir-home.css
   ================================================================ */

/* ── Tokens ──────────────────────────────────────────────────── */
/* Re-tinted to match the "My locations" homepage design (ir-home-v2.css):
   --bl (originally a distinct blue accent) now carries the same saffron
   used site-wide, so every existing link/button/chip that references it
   picks up the new palette automatically without touching each rule. */
/* Color + font tokens (--sf, --bg, --tx, --aqi-*, --f, etc.) now live in
   ir-tokens.css, loaded before this file — see the legacy-alias block there.
   Only layout tokens with no color/type equivalent stay here. */
:root {
  --r-north:     #1565C0; --r-south:     #15803D;
  --r-east:      #0E7490; --r-west:      #C2410C;
  --r-central:   #7C3AED; --r-northeast: #166534;

  --sh: 0 1px 4px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.05);
  --sh-h: 0 12px 36px rgba(0,0,0,.16);
  --r: 12px; --r-s: 8px; --r-l: 20px;
  --max: 1200px;
}

/* ── Reset ───────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.ir-hp{
  font-family:var(--f);font-size:15px;color:var(--tx);
  background:var(--bg);line-height:1.6;
  -webkit-font-smoothing:antialiased;
  padding-bottom:68px;
}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
.ir-wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
@media(min-width:640px){.ir-wrap{padding:0 24px}}
@media(min-width:1024px){.ir-wrap{padding:0 32px}}
.ir-sec{padding:60px 0}
.ir-d{display:none}
@media(min-width:768px){.ir-d{display:block}}

/* ── Dots/Pulse ──────────────────────────────────────────────── */
.ir-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}
.ir-dot-green{background:var(--price-up);animation:pulg 2s infinite} /* "live" status, not an AQI reading — kept off the reserved AQI scale */
.ir-dot-red{background:#EF4444;animation:pulr 2s infinite}
.ir-dot-sm{width:7px;height:7px}
@keyframes pulg{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes pulr{0%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ── Ticker ──────────────────────────────────────────────────── */
.ir-ticker{display:flex;align-items:center;height:32px;overflow:hidden;background:var(--bl);color:#fff;font-size:12.5px}
.ir-ticker-tag{flex-shrink:0;background:rgba(255,255,255,.16);height:100%;display:flex;align-items:center;padding:0 14px;font-weight:700;font-size:11px;letter-spacing:.5px}
.ir-ticker-vp{flex:1;overflow:hidden}
.ir-ticker-run{display:inline-block;white-space:nowrap;animation:tick 38s linear infinite;padding-left:100%}
.ir-ticker-run:hover{animation-play-state:paused}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* ── Header (Yr.no-inspired: clean white, minimal chrome) ──────── */
.ir-hdr{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--bd);color:var(--tx);transition:box-shadow .2s}
.ir-hdr .ir-wrap{display:flex;align-items:center;gap:12px;height:64px}
.ir-logo{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:700;color:var(--tx);flex-shrink:0}
.ir-logo-flag{flex-shrink:0;border:1px solid var(--bd);border-radius:2px}
.ir-logo-text strong{color:var(--bl)}
.ir-logo-beta{font-size:9px;font-weight:700;color:var(--bl);border:1px solid var(--bl);padding:2px 6px;border-radius:4px;letter-spacing:.5px}
.ir-nav{display:none;gap:2px;margin-left:20px}
@media(min-width:768px){
  .ir-nav{display:flex}
  .ir-nav a{color:var(--mt);font-size:13.5px;font-weight:500;padding:8px 10px;border-bottom:2px solid transparent;transition:.15s}
  .ir-nav a:hover{color:var(--tx);border-bottom-color:var(--bl)}
}
.ir-hdr-btns{margin-left:auto;display:flex;gap:8px;align-items:center}
.ir-hbtn{padding:7px 14px;border-radius:50px;font-size:13px;font-weight:600;transition:.2s}
.ir-hbtn{background:#fff;color:var(--tx);border:1px solid var(--bd)}
.ir-hbtn:hover{border-color:var(--bl);color:var(--bl)}
.ir-hbtn-primary{background:var(--bl);color:#fff;border-color:var(--bl)}
.ir-hbtn-primary:hover{background:var(--sf-d)}
.ir-burger{display:flex;flex-direction:column;gap:5px;padding:8px}
@media(min-width:768px){.ir-burger{display:none}}
.ir-burger span{display:block;width:22px;height:2px;background:var(--tx);border-radius:2px;transition:.3s}
.ir-drawer{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--bd);padding:6px 0 10px}
.ir-drawer.open{display:flex}
.ir-drawer a{padding:12px 24px;color:var(--mt);font-size:14px;font-weight:500}
.ir-drawer a:hover{color:var(--tx);background:var(--bg)}

/* ── Hero ────────────────────────────────────────────────────── */
.ir-hero{position:relative;overflow:hidden;background:linear-gradient(140deg,#D94E00 0%,#1A237E 55%,#0A3D0A 100%);color:#fff;padding:56px 0 0}
.ir-hero-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.07),transparent 50%),radial-gradient(circle at 85% 75%,rgba(255,255,255,.04),transparent 40%),radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,28px 28px;pointer-events:none}
.ir-hero-deco{position:absolute;right:-3%;top:50%;transform:translateY(-50%);font-size:clamp(180px,28vw,380px);opacity:.05;pointer-events:none;user-select:none;line-height:1}
.ir-hero-inner{position:relative;z-index:1;max-width:740px;padding-bottom:44px}
.ir-hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:500;margin-bottom:20px}
.ir-hero-h1{font-family:var(--font-mono);font-size:clamp(30px,5.5vw,62px);font-weight:700;line-height:1.15;margin-bottom:14px}
.ir-hero-em{font-style:normal;background:linear-gradient(90deg,#FF6200,#FFB300);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ir-hero-sub{font-size:clamp(14px,2vw,17px);color:rgba(255,255,255,.8);margin-bottom:28px;line-height:1.75}

/* Search */
.ir-srch-wrap{position:relative;margin-bottom:22px}
.ir-srch-box{display:flex;align-items:center;background:#fff;border-radius:50px;padding:5px 5px 5px 18px;box-shadow:0 8px 32px rgba(0,0,0,.25);gap:8px;max-width:620px}
.ir-srch-ico{color:#9CA3AF;flex-shrink:0}
.ir-srch-in{flex:1;border:none;outline:none;font-size:15px;color:var(--tx);background:transparent;min-width:0}
.ir-srch-in::placeholder{color:#9CA3AF}
.ir-detect{display:flex;align-items:center;gap:6px;background:var(--bl);color:#fff;border-radius:50px;padding:8px 16px;font-size:13px;font-weight:600;flex-shrink:0;transition:.2s}
.ir-detect:hover{background:var(--sf-d)}
.ir-detect-txt{display:none}
@media(min-width:400px){.ir-detect-txt{display:inline}}
.ir-sugg{display:none;position:absolute;top:calc(100% + 8px);left:0;width:100%;max-width:620px;background:#fff;border-radius:var(--r);box-shadow:var(--sh-h);overflow:hidden;z-index:50;max-height:256px;overflow-y:auto}
.ir-sugg.open{display:block}
.ir-si{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;font-size:13.5px;color:var(--tx);border-bottom:1px solid var(--bd)}
.ir-si:last-child{border-bottom:none}
.ir-si:hover{background:#F9FAFB}

/* Popular */
.ir-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ir-pop-lbl{font-size:12.5px;color:rgba(255,255,255,.6);font-weight:500}
.ir-pop-chip{display:inline-block;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12.5px;padding:5px 14px;border-radius:50px;transition:.2s}
.ir-pop-chip:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}

/* Hero stats */
.ir-hero-stats{background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.1)}
.ir-stats-row{display:flex;overflow-x:auto;scrollbar-width:none}
.ir-stats-row::-webkit-scrollbar{display:none}
.ir-stat{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:center;padding:14px 12px;border-right:1px solid rgba(255,255,255,.1)}
.ir-stat:last-child{border-right:none}
.ir-stat b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:clamp(22px,3.5vw,30px);font-weight:700;color:var(--gd)}
.ir-stat span{font-size:11px;color:rgba(255,255,255,.6);text-align:center}

/* ── Section header ──────────────────────────────────────────── */
.ir-sec-hd{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.ir-sec-ttl{font-family:var(--font-mono);font-size:clamp(20px,3.5vw,30px);font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:4px}
.ir-sec-sub{font-size:13.5px;color:var(--mt)}
.ir-more-lnk{font-size:13px;font-weight:600;color:var(--bl);white-space:nowrap;align-self:center}
.ir-more-lnk:hover{text-decoration:underline}

/* ── Live cards ──────────────────────────────────────────────── */
.ir-live-sec{background:var(--wh)}
.ir-cards{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:640px){.ir-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ir-cards{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}}

.ir-card{background:var(--wh);border-radius:var(--r);box-shadow:var(--sh);padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s;border-top:3px solid transparent}
.ir-card:hover{box-shadow:var(--sh-h);transform:translateY(-2px)}
.ir-card-c{border-top-color:var(--gn)}
.ir-card-a{border-top-color:var(--bl)}
.ir-card-w{border-top-color:var(--gd)}
.ir-card-p{border-top-color:var(--sf)}
.ir-card-m{border-top-color:var(--gd)}
.ir-card-soon{border-top-color:var(--bg2);opacity:.9}

.ir-card-hd{display:flex;align-items:center;gap:12px}
.ir-card-ico{font-size:30px;line-height:1}
.ir-card-hd h3{font-size:15.5px;font-weight:700;margin-bottom:3px}

.ir-bdg{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:50px;letter-spacing:.3px}
.ir-bdg-live{background:#DCFCE7;color:#166534}
.ir-bdg-soon{background:#FEF3C7;color:#92400E}

.ir-dlist{display:flex;flex-direction:column;gap:6px;flex:1}
.ir-dlist li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bd);font-size:13.5px}
.ir-dlist li:last-child{border-bottom:none}
.ir-dlist span:first-child{font-weight:500}
.ir-price{font-weight:700;color:var(--gn);font-size:14px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.ir-price small{font-size:11px;color:var(--mt);font-weight:400}

.ir-aqi{font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:50px;color:#fff}
.ir-aqi-good{background:var(--aqi-good)}
.ir-aqi-satisfactory{background:var(--aqi-sat);color:#111}
.ir-aqi-moderate{background:var(--aqi-mod);color:#111}
.ir-aqi-poor{background:var(--aqi-poor)}
.ir-aqi-very-poor{background:var(--aqi-vp)}
.ir-aqi-severe{background:var(--aqi-sev)}

.ir-aqi-leg{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.ir-al{font-size:10px;font-weight:600;padding:2px 8px;border-radius:50px;color:#fff}
.ir-al.g{background:var(--aqi-good)} .ir-al.m{background:var(--aqi-mod);color:#111}
.ir-al.p{background:var(--aqi-poor)} .ir-al.s{background:var(--aqi-sev)}

.ir-tip{font-size:11.5px;color:var(--mt);background:var(--bg);padding:8px 10px;border-radius:var(--r-s);line-height:1.4}

.ir-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;flex:1;color:var(--mt);gap:6px}
.ir-empty div{font-size:32px}.ir-empty p{font-size:13px}.ir-empty small{font-size:11px}
.ir-card-lnk{display:block;text-align:right;font-size:12.5px;font-weight:600;color:var(--bl);margin-top:auto}
.ir-card-lnk:hover{text-decoration:underline}
.ir-ribbon{position:absolute;top:14px;right:-18px;background:var(--gd);color:#111;font-size:9.5px;font-weight:700;padding:3px 26px;transform:rotate(35deg);letter-spacing:.4px}
.ir-feat{display:flex;flex-direction:column;gap:5px;flex:1}
.ir-feat li{font-size:13px;color:var(--mt)}
.ir-notify{width:100%;padding:10px;border:1.5px solid var(--bd);border-radius:50px;font-size:12.5px;font-weight:600;color:var(--tx);transition:.2s;margin-top:auto}
.ir-notify:hover{border-color:var(--sf);color:var(--sf)}

/* ── States section ──────────────────────────────────────────── */
.ir-states-sec{background:var(--bg)}
.ir-path{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--mt);flex-wrap:wrap}
.ir-path-s{padding:4px 10px;border-radius:50px;background:var(--bg2)}
.ir-path-act{background:var(--bl);color:#fff}
.ir-reg-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ir-rb{padding:7px 15px;background:var(--wh);border:1.5px solid var(--bd);border-radius:50px;font-size:12.5px;font-weight:500;transition:.2s}
.ir-rb:hover{border-color:var(--bl);color:var(--bl)}
.ir-rb.ir-rb-act{background:var(--bl);border-color:var(--bl);color:#fff}

.ir-sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:11px}
@media(min-width:768px){.ir-sgrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
.ir-sc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;background:var(--wh);border-radius:var(--r);box-shadow:var(--sh);text-align:center;transition:.2s;position:relative;overflow:hidden;border-top:3px solid transparent}
.ir-sc:hover{transform:translateY(-3px);box-shadow:var(--sh-h)}
.ir-sc.hidden{display:none}
.ir-r-north{border-top-color:var(--r-north)}.ir-r-south{border-top-color:var(--r-south)}
.ir-r-east{border-top-color:var(--r-east)}.ir-r-west{border-top-color:var(--r-west)}
.ir-r-central{border-top-color:var(--r-central)}.ir-r-northeast{border-top-color:var(--r-northeast)}
.ir-sc-ab{font-size:19px;font-weight:800;font-family:var(--font-mono)}
.ir-sc-nm{font-size:11.5px;font-weight:600}
.ir-sc-cp{font-size:10px;color:var(--mt)}
.ir-ut{position:absolute;top:5px;right:5px;background:var(--gd);font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;color:#111}

/* ── Trending ─────────────────────────────────────────────────── */
.ir-trend-sec{background:var(--wh)}
.ir-tgrid{display:grid;grid-template-columns:1fr;gap:11px;margin-top:24px}
@media(min-width:640px){.ir-tgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ir-tgrid{grid-template-columns:repeat(3,1fr)}}
.ir-tc{display:flex;align-items:center;gap:14px;padding:15px;background:var(--wh);border:1px solid var(--bd);border-radius:var(--r);transition:.2s;cursor:pointer}
.ir-tc:hover{border-color:var(--bl);box-shadow:var(--sh);transform:translateY(-1px)}
.ir-tc-e{font-size:26px;flex-shrink:0}
.ir-tc-b{flex:1;min-width:0}
.ir-tc-tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:50px;margin-bottom:3px;letter-spacing:.3px}
.ir-tc-b h4{font-size:13px;font-weight:700;margin-bottom:2px}
.ir-tc-b p{font-size:11.5px;color:var(--mt)}
.ir-tc-arr{font-size:18px;color:var(--mt);transition:.2s}
.ir-tc:hover .ir-tc-arr{transform:translateX(4px);color:var(--bl)}

/* ── Services ─────────────────────────────────────────────────── */
.ir-svc-sec{background:var(--bg)}
.ir-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}
.ir-tab{padding:8px 16px;background:var(--wh);border:1.5px solid var(--bd);border-radius:50px;font-size:12.5px;font-weight:500;transition:.2s}
.ir-tab:hover{border-color:var(--bl);color:var(--bl)}
.ir-tab.ir-tab-on{background:var(--bl);border-color:var(--bl);color:#fff}
.ir-svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:13px}
.ir-sv{display:flex;flex-direction:column;gap:7px;padding:16px;background:var(--wh);border-radius:var(--r);border:1px solid var(--bd);transition:.2s;position:relative}
.ir-sv:hover{border-color:var(--bl);box-shadow:var(--sh)}
.ir-sv.hidden{display:none}
.ir-sv-live{border-color:rgba(34,197,94,.3)}
.ir-sv-soon{opacity:.85}.ir-sv-planned{opacity:.7}
.ir-sv-e{font-size:26px}
.ir-sv h4{font-size:13.5px;font-weight:700;margin-bottom:2px}
.ir-sv p{font-size:12px;color:var(--mt)}
.ir-sv-bdg{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:50px;align-self:flex-start;letter-spacing:.3px;margin-top:auto}
.ir-sv-bdg.live{background:#DCFCE7;color:#166534}
.ir-sv-bdg.soon{background:#FEF3C7;color:#92400E}
.ir-sv-bdg.plan{background:var(--bg2);color:var(--mt)}

/* ── Why ──────────────────────────────────────────────────────── */
.ir-why-sec{background:var(--wh)}
.ir-why{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
@media(min-width:1024px){.ir-why{grid-template-columns:repeat(4,1fr)}}
.ir-wc{padding:26px 18px;background:var(--bg);border-radius:var(--r);text-align:center;transition:.2s}
.ir-wc:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.ir-wc-i{font-size:34px;margin-bottom:10px}
.ir-wc h3{font-size:14.5px;font-weight:700;margin-bottom:6px}
.ir-wc p{font-size:12.5px;color:var(--mt);line-height:1.6}

/* ── Newsletter ───────────────────────────────────────────────── */
.ir-nl-sec{background:linear-gradient(135deg,var(--sf) 0%,var(--sf-d) 100%);padding:44px 0;color:#fff}
.ir-nl-box{display:flex;flex-direction:column;gap:18px;text-align:center}
@media(min-width:768px){.ir-nl-box{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}}
.ir-nl-box h3{font-size:clamp(17px,3vw,22px);font-weight:700;margin-bottom:4px}
.ir-nl-box p{font-size:13.5px;color:rgba(255,255,255,.85)}
.ir-nl-form{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.ir-nl-in{flex:1;min-width:200px;padding:10px 18px;border-radius:50px;border:none;font-size:13.5px;outline:none}
.ir-nl-btn{padding:10px 22px;background:var(--nv);color:#fff;border-radius:50px;font-size:13.5px;font-weight:700;transition:.2s}
.ir-nl-btn:hover{background:#0F1B40}

/* ── Footer (Yr.no-inspired: light, minimal) ─────────────────── */
.ir-ftr{background:var(--bg);color:var(--mt);padding:44px 0 22px;border-top:1px solid var(--bd)}
.ir-ftr-top{display:flex;flex-direction:column;gap:28px;padding-bottom:28px;border-bottom:1px solid var(--bd);margin-bottom:22px}
@media(min-width:768px){.ir-ftr-top{flex-direction:row}}
.ir-ftr-brand{max-width:260px}
.ir-ftr-logo{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:700;color:var(--tx);margin-bottom:10px}
.ir-ftr-logo svg{flex-shrink:0;border:1px solid var(--bd);border-radius:2px}
.ir-ftr-brand p{font-size:12.5px;line-height:1.7;margin-bottom:14px;color:var(--mt)}
.ir-socials{display:flex;gap:7px}
.ir-socials a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--bd);border-radius:8px;font-size:14px;color:var(--tx);transition:.2s}
.ir-socials a:hover{border-color:var(--bl);color:var(--bl)}
.ir-ftr-cols{flex:1;display:flex;flex-wrap:wrap;gap:22px}
.ir-ftr-cols div h4{font-size:11.5px;font-weight:700;color:var(--tx);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.ir-ftr-cols ul li{margin-bottom:7px}
.ir-ftr-cols a{font-size:12.5px;color:var(--mt);transition:.2s}
.ir-ftr-cols a:hover{color:var(--bl)}
.ir-ftr-cols em{font-style:normal;font-size:9px;background:var(--gd);color:#111;padding:1px 5px;border-radius:3px;font-weight:700;vertical-align:middle;margin-left:3px}
.ir-ftr-bot{text-align:center}
.ir-ftr-bot p{font-size:11.5px;color:var(--mt);opacity:.8;margin-bottom:3px}

/* ── Mobile bottom nav ────────────────────────────────────────── */
.ir-bnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fff;border-top:1px solid var(--bd);box-shadow:0 -4px 16px rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom,0)}
@media(min-width:768px){.ir-bnav{display:none}}
.ir-bi{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;color:var(--mt);font-size:10px;font-weight:500;transition:.2s}
.ir-bi:hover,.ir-bi.ir-bi-on{color:var(--bl)}
.ir-bi>span:first-child{font-size:19px;line-height:1}

/* ── Toast ────────────────────────────────────────────────────── */
.ir-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--nv);color:#fff;padding:11px 22px;border-radius:50px;font-size:13px;font-weight:500;z-index:300;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}
@media(min-width:768px){.ir-toast{bottom:28px}}
.ir-toast.on{opacity:1}

/* ── Freshness badge ─────────────────────────────────────────── */
.ir-fresh{display:inline-block;margin-top:2px;font-size:11px;font-weight:600;color:var(--mt)}

/* ── Hero dynamic insight ────────────────────────────────────── */
.ir-hero-insight{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:#fff;font-size:12.5px;padding:6px 14px;border-radius:50px;margin-bottom:14px}
.ir-hero-insight b{color:#FFD54F}

/* ── Combined coming-soon card ───────────────────────────────── */
.ir-feat-combo{display:flex;flex-direction:column;gap:8px;flex:1}
.ir-feat-combo li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--tx)}
.ir-notify-sm{width:auto;padding:6px 12px;font-size:11px;border:1.5px solid var(--bd);border-radius:50px;font-weight:600;color:var(--tx);transition:.2s;flex-shrink:0;margin-top:0}
.ir-notify-sm:hover{border-color:var(--sf);color:var(--sf)}

/* ── Breadcrumbs (state/city/service pages) ──────────────────── */
.ir-bc{background:var(--wh);border-bottom:1px solid var(--bd);padding:10px 0}
.ir-bc-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:12.5px;color:var(--mt)}
.ir-bc-list li{display:flex;align-items:center;gap:5px}
.ir-bc-list a{color:var(--bl)}
.ir-bc-list a:hover{text-decoration:underline}
.ir-bc-sep{color:var(--bd)}

/* ── Location/service page hero ──────────────────────────────── */
.ir-loc-hero{background:linear-gradient(135deg,var(--nv) 0%,#1A237E 100%);color:#fff;padding:36px 0}
.ir-loc-hd{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ir-loc-icon{font-size:40px;line-height:1;flex-shrink:0}
.ir-loc-title{font-family:var(--font-mono);font-size:clamp(20px,4vw,30px);font-weight:700;margin-bottom:4px}
.ir-loc-sub{font-size:13.5px;color:rgba(255,255,255,.75)}
.ir-loc-hero .ir-fresh{color:rgba(255,255,255,.8);margin-top:8px}
.ir-svc-links{display:flex;flex-wrap:wrap;gap:8px}
.ir-sqlink{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:50px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12.5px;font-weight:500;transition:.2s}
.ir-sqlink:hover{background:rgba(255,255,255,.22)}
.ir-sqlink-on{background:var(--sf);border-color:var(--sf)}
.ir-sqlink-soon{opacity:.7}
.ir-sqlink em{font-style:normal;font-size:9px;background:var(--gd);color:#111;padding:1px 5px;border-radius:3px;margin-left:2px;font-weight:700}

/* ── Precious metals price table ─────────────────────────────── */
.ir-mtable-caption{font-family:var(--font-mono);font-weight:700;font-size:17px;color:#707C1C;margin:2px 0 12px}
.ir-mtable-wrap{overflow-x:auto;margin-top:6px;-webkit-overflow-scrolling:touch;border:1px solid var(--bd);border-radius:var(--r)}
.ir-mtable{width:100%;border-collapse:collapse;font-size:13.5px}
.ir-mtable th{text-align:left;padding:12px 16px;background:var(--bg);color:var(--mt);font-weight:600;font-size:12.5px;border-bottom:1px solid var(--bd)}
.ir-mtable td{padding:13px 16px;color:var(--tx)}
.ir-mtable td:first-child{font-weight:600}
.ir-mtable tbody tr:nth-child(even){background:var(--bg)}
.ir-mtable-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:var(--tx)}
.ir-mtable-note{font-size:11.5px;color:var(--mt);margin-top:10px;line-height:1.6}

/* ── Explanatory content blocks (below live-data cards) ──────── */
.ir-explainer{margin-top:24px;padding:18px 20px;background:var(--bg);border:1px solid var(--bd);border-radius:var(--r-l)}
.ir-explainer p{font-size:13.5px;line-height:1.7;color:var(--mt)}
.ir-explainer p+p{margin-top:10px}

/* ── Metal price calculator ──────────────────────────────────── */
.ir-calc-card{padding-top:22px}
.ir-calc{border:1px solid var(--bd);border-radius:var(--r-l);padding:22px}
.ir-calc-grid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:640px){.ir-calc-grid{grid-template-columns:1.3fr 1fr}}
.ir-calc-left{display:flex;flex-direction:column}
.ir-calc-lbl{display:block;font-size:12.5px;font-weight:600;color:var(--mt);margin-bottom:8px}
.ir-calc-select{width:100%;padding:11px 14px;border:1.5px solid var(--bd);border-radius:var(--r-s);font-size:14px;color:var(--tx);background:var(--wh);margin-bottom:16px;cursor:pointer}
.ir-calc-select:focus{outline:none;border-color:var(--bl)}
.ir-calc-gm{font-size:12.5px;color:var(--tx);margin-bottom:10px}
.ir-calc-gm b{font-family:var(--font-mono);font-size:15px;color:var(--sf-d)}
.ir-calc-slider{width:100%;accent-color:var(--sf);margin-bottom:8px}
.ir-calc-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--mt)}
.ir-calc-right{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ir-calc-total-lbl{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#8A6D1D;margin-bottom:8px}
.ir-calc-total-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;color:var(--tx)}
.ir-calc-total-note{font-size:11px;color:var(--mt);margin-top:10px;line-height:1.5}

/* ── Weather full data table ─────────────────────────────────── */
.ir-wtable-wrap{overflow-x:auto;margin-top:6px;-webkit-overflow-scrolling:touch;border:1px solid var(--bd);border-radius:var(--r)}
.ir-wtable{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}
.ir-wtable th{text-align:left;padding:11px 14px;background:var(--bg);color:var(--mt);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--bd);position:sticky;top:0}
.ir-wtable td{padding:10px 14px;border-bottom:1px solid var(--bd);color:var(--tx)}
.ir-wtable tbody tr:last-child td{border-bottom:none}
.ir-wtable tbody tr:hover{background:var(--bg)}
.ir-wtable-city a{font-weight:700;color:var(--tx)}
.ir-wtable-city a:hover{color:var(--bl);text-decoration:underline}
.ir-wtable-state{color:var(--bl);font-size:12.5px}
.ir-wtable-state:hover{text-decoration:underline}
.ir-wtable-temp{font-weight:700;color:var(--sf-d);font-size:14.5px}
.ir-wtable-cond{display:flex;align-items:center;gap:7px}
.ir-wtable-cond img{border-radius:4px;flex-shrink:0;background:var(--bg)}

/* ── Weather single-city detail view ─────────────────────────── */
.ir-wdetail{display:flex;flex-direction:column;gap:16px}
.ir-wdetail-main{display:flex;align-items:center;gap:14px}
.ir-wdetail-main img{flex-shrink:0}
.ir-wdetail-temp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;color:var(--sf-d);line-height:1}
.ir-wdetail-cond{font-size:14px;color:var(--mt);margin-top:5px}
.ir-wdetail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.ir-wdetail-grid div{background:var(--bg);border-radius:var(--r-s);padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.ir-wdetail-grid span{font-size:11px;color:var(--mt)}
.ir-wdetail-grid b{font-size:15px;font-weight:700;color:var(--tx)}

/* ── Panchang detail page ────────────────────────────────────── */
.ir-pg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.ir-pg-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}
.ir-pg-wide{grid-column:span 2}
@media(max-width:640px){.ir-pg-wide{grid-column:span 1}}
.ir-pg-lbl{font-size:12px;color:var(--mt);font-weight:600;margin-bottom:6px}
.ir-pg-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;color:var(--tx)}
.ir-pg-val small{font-family:'IBM Plex Sans',sans-serif;font-size:12px;font-weight:500;color:var(--mt)}

/* ── Static/legal pages (Privacy, Cookies, About, Contact) ─────── */
.ir-legal{max-width:760px}
.ir-legal-updated{font-size:12.5px;color:var(--mt);margin-bottom:20px}
.ir-legal h2{font-size:19px;font-weight:700;color:var(--tx);margin:32px 0 10px}
.ir-legal h2:first-of-type{margin-top:8px}
.ir-legal h3{font-size:15.5px;font-weight:700;color:var(--tx);margin:20px 0 8px}
.ir-legal p{font-size:14px;line-height:1.75;color:var(--tx);margin-bottom:12px}
.ir-legal ul{list-style:disc;padding-left:22px;margin-bottom:14px}
.ir-legal li{font-size:14px;line-height:1.7;color:var(--tx);margin-bottom:6px}
.ir-legal a{color:var(--bl);text-decoration:underline}
.ir-legal a:hover{text-decoration:none}

.ir-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.ir-contact-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r);padding:20px;box-shadow:var(--sh)}
.ir-contact-card-ico{font-size:26px;margin-bottom:8px}
.ir-contact-card h3{font-size:15px;font-weight:700;color:var(--tx);margin-bottom:6px}
.ir-contact-card p{font-size:13px;color:var(--mt);margin-bottom:10px;line-height:1.6}
.ir-contact-card a{font-weight:600;color:var(--sf);text-decoration:none;word-break:break-all}
.ir-contact-card a:hover{text-decoration:underline}
.ir-contact-note{font-size:13px;color:var(--mt);margin-top:8px}
.ir-pg-note{font-size:12.5px;color:var(--mt);line-height:1.6;margin-top:8px}