/*
Theme Name: UP Exam Hub Typing
Theme URI: https://insideeurolife.com/
Author: Kapil Dev Tiwari
Author URI: https://t.me/upexamhub26
Description: A colourful magazine-style typing-practice theme for Indian government exams — English & Hindi (Mangal InScript & KrutiDev 010) typing tests and tutors for SSC, UPSSSC, DSSSB, High Courts and 30+ exams. Includes exam-realistic Top / Split / Paper interfaces, a login system, and XML import for adding your own exams and passages.
Version: 1.0
Requires at least: 5.5
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: upexamhub-typing
Tags: education, custom-colors, custom-menu, full-width-template, translation-ready
*/

/* ============================================================
   This stylesheet's WordPress chrome (header/footer/menu).
   The typing app's own CSS is injected by the app template.
   ============================================================ */
:root{
  --ue-paper:#F7F7F3; --ue-ink:#15171C; --ue-blue:#2438E8; --ue-violet:#7C3AED;
  --ue-saffron:#FF7A1A; --ue-line:#E2E2DA; --ue-panel:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,Arial,sans-serif;background:var(--ue-paper);color:var(--ue-ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

/* WP admin bar spacing safety */
.admin-bar .ue-site-header{top:32px}
@media(max-width:782px){.admin-bar .ue-site-header{top:46px}}

/* site header (WordPress-driven nav) */
.ue-site-header{position:sticky;top:0;z-index:60;background:rgba(247,247,243,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--ue-line)}
.ue-hwrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:22px;height:64px}
.ue-logo{display:flex;align-items:center;gap:10px;font-family:'Archivo','Inter',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.02em}
.ue-logo .k{width:34px;height:34px;border-radius:9px;background:var(--ue-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:inset 0 -3px 0 rgba(0,0,0,.28)}
.ue-logo small{display:block;font:600 10px/1 'IBM Plex Mono',monospace;color:#6B6E76;letter-spacing:.14em;text-transform:uppercase;margin-top:2px}
.ue-nav{margin-left:auto}
.ue-nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.ue-nav a{padding:8px 14px;border-radius:9px;font-weight:600;font-size:14px;color:#3A3D45;display:block}
.ue-nav a:hover,.ue-nav .current-menu-item>a{background:#EDEFFE;color:#1B2BB8}

/* generic content pages (blog/about etc.) */
.ue-main{max-width:820px;margin:0 auto;padding:40px 24px 70px}
.ue-main h1,.ue-main h2{font-family:'Archivo','Inter',sans-serif;letter-spacing:-.02em}
.ue-post{background:var(--ue-panel);border:1px solid var(--ue-line);border-radius:16px;padding:30px 34px;margin-bottom:24px}
.ue-post h2 a:hover{color:var(--ue-blue)}
.ue-meta{font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#6B6E76;margin-bottom:10px}
.ue-btn{display:inline-block;background:var(--ue-blue);color:#fff;padding:11px 20px;border-radius:11px;font-weight:700;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3)}

/* footer */
.ue-site-footer{border-top:1px solid var(--ue-line);padding:40px 0;margin-top:40px;background:var(--ue-panel)}
.ue-fwrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ue-fbrand{font-family:'Archivo',sans-serif;font-weight:900;font-size:30px;text-transform:uppercase;letter-spacing:-.03em;background:linear-gradient(120deg,#2438E8,#7C3AED,#E5348C);-webkit-background-clip:text;background-clip:text;color:transparent}
.ue-site-footer p{color:#6B6E76;font-size:13px;margin:8px 0 0}

/* the typing app fills the width on its template */
.ue-app-page .ue-main{max-width:100%;padding:0}

/* On the typing app page, hide the WordPress chrome so the app's own
   self-contained header/footer (with Settings, Login, theme toggle) is used. */
.ue-app-page .ue-site-header,
.ue-app-page .ue-site-footer{display:none}
.ue-app-page .ue-main{padding:0;max-width:100%}