/* rdesk.bd information site — inner pages in the home page's light style (2026-09-30).
   Loaded after public.css + landing.css on every page. */

/* logo: text on the icon's centre line, close to the icon */
.brand { gap: 3px; align-items: center; }
.brand .brand-text { display: inline-block; line-height: 1; transform: translateY(2px); }

/* ---- page banner (was navy): same light gradient as the home hero ---- */
:root:not([data-theme="dark"]) .info-page .page-hero {
  background: linear-gradient(120deg, #fff 12%, #eff7ff 60%, #deeeff);
  color: #10213b;
  border-bottom: 1px solid #dce7f5;
}
:root:not([data-theme="dark"]) .info-page .page-hero::before {
  background: radial-gradient(ellipse at 88% 20%, #8cbcff40, transparent 60%);
}
:root:not([data-theme="dark"]) .info-page .page-hero::after { opacity: .5; }
:root:not([data-theme="dark"]) .info-page .page-hero h1 { color: #10213b; }
:root:not([data-theme="dark"]) .info-page .page-hero p { color: #3d5675; }
:root:not([data-theme="dark"]) .info-page .back-link { color: #426185; }
:root:not([data-theme="dark"]) .info-page .back-link:hover { color: #0069df; }
.info-page .page-hero { padding: 64px 0 60px; }
.info-page .page-hero h1 { font-weight: 750; letter-spacing: -.045em; margin: 18px 0 14px; }

/* ---- body bands, cards and text blocks: the home page's surfaces ---- */
:root:not([data-theme="dark"]) .info-page main { background: #f8fbfe; }
:root:not([data-theme="dark"]) .info-page .band-white { background: #fff; }
.info-page .card { border-radius: 14px; }
:root:not([data-theme="dark"]) .info-page .card,
:root:not([data-theme="dark"]) .info-page .form-card,
:root:not([data-theme="dark"]) .info-page .prose {
  border-color: #dceaff;
  box-shadow: 0 4px 18px #408fe90d;
}
.info-page .prose { border-radius: 16px; }
:root:not([data-theme="dark"]) .info-page .prose h1,
:root:not([data-theme="dark"]) .info-page .prose h2,
:root:not([data-theme="dark"]) .info-page .prose h3 { color: #10213b; }
:root:not([data-theme="dark"]) .info-page .prose a { color: #0a64d8; }

/* legal pages (privacy / terms / aup) have no banner: give the text column some air */
.info-page main > .band:first-child,
.info-page main > section:first-child:not(.page-hero) { padding-top: 56px; }

/* closing call-to-action on inner pages: readable dark text on the light band (was washed out) */
:root:not([data-theme="dark"]) .info-page .cta h2 { color: #10213b; }
:root:not([data-theme="dark"]) .info-page .cta .eyebrow { color: #006ace; }
:root:not([data-theme="dark"]) .info-page .cta p { color: #486482; }
.info-page .cta .rise, .info-page .cta h2, .info-page .cta p, .info-page .cta .eyebrow { opacity: 1; }

/* red "Free signup" button (user, 2026-10-31) — nav (every page) + home hero; links to app.rdesk.bd/signup.
   Stays visible in the mobile nav, where the other nav buttons are hidden. */
.landing-page .btn-register {
  background: linear-gradient(110deg, #ef4444, #dc2626);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 5px 20px #dc262630;
}
.landing-page .btn-register:hover { color: #fff; filter: brightness(1.06); box-shadow: 0 8px 28px #dc262655; }
@media (max-width: 1050px) {
  .landing-page .nav-right .btn-register { display: inline-flex; padding: 8px 12px; font-size: .8rem; white-space: nowrap; }
}

/* 2026-11-01: footer column titles are h3 now (were h4 — audit "heading levels skip"); same look as public.css .foot h4 */
.foot h3{font-family:var(--display);font-size:.93rem;font-weight:600;color:#fff;margin:0 0 15px}
/* 2026-11-01 fix: the light theme (landing.css) darkens ".foot h4" — the h3 copy above was white on the white footer */
:root:not([data-theme="dark"]) .landing-page .foot h3{color:#10213b}

/* 2026-11-01 user: footer = 3 even columns (the grid had 4 tracks for 3 items -> empty gap on the right), text a little bigger */
@media (min-width:981px){.landing-page .foot-grid{grid-template-columns:1.3fr 1fr 1fr;gap:56px}}
.landing-page .foot-about{font-size:.95rem}
.landing-page .foot h3{font-size:1.08rem}
.landing-page .foot ul a{font-size:1rem}

/* 2026-11-01 user: Microsoft Store button under the home hero picture (EN + BN), "Download agent" text on its left */
.store-row{display:flex;align-items:center;justify-content:flex-end;gap:14px;max-width:600px;margin:22px auto 0;flex-wrap:wrap}
.store-lbl{font-weight:600;font-size:1rem;color:var(--ink,#10213b)}
.store-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 14px;border-radius:10px;background:#000;color:#fff;
  border:1px solid #333;text-decoration:none;line-height:1.1;box-shadow:0 6px 18px #02102a33;transition:transform .15s,background .15s}
.store-btn:hover{background:#1b1b1b;color:#fff;transform:translateY(-1px)}
.store-btn small{display:block;font-size:.7rem;font-weight:500;opacity:.85;font-family:'Segoe UI',Inter,sans-serif}
.store-btn b{display:block;font-size:1.05rem;font-weight:600;font-family:'Segoe UI',Inter,sans-serif}
:root[data-theme="dark"] .store-lbl{color:#e8eefc}
:root[data-theme="dark"] .store-btn{border-color:#5a6478}
@media (max-width:760px){.store-row{justify-content:center;margin-top:16px}}
/* 2026-11-01 user: Store button flush with the picture's right edge — the row takes the picture's exact width */
@media (min-width:981px){.landing-page .store-row{width:min(600px, calc((100% + (100vw - 1200px) / 2 + 48px) * 0.7));max-width:none}}
@media (min-width:761px) and (max-width:980px){.landing-page .store-row{max-width:520px}}

/* 2026-11-01 user: on phones the dark-mode button leaves the header and becomes a ☰ menu item */
.nav-theme{display:none}
@media (max-width:680px){
  .landing-page .nav-right .theme-btn{display:none}
  .nav-links.open .nav-theme{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;margin:0;border:0;background:transparent;
    font:inherit;font-size:.9rem;color:inherit;cursor:pointer;text-align:left;border-top:1px solid #d8e5f5}
  .nav-links.open .nav-theme svg{width:18px;height:18px}
  :root:not([data-theme="dark"]) .landing-page .nav-links.open .nav-theme{color:#334967}
  :root[data-theme="dark"] .landing-page .nav-links.open .nav-theme{color:#e6edf7;border-color:#1d2c45}
  html[lang="bn"] .landing-page .nav-links.open .nav-theme{font-size:.95rem}
}