/*
Theme Name: MAPS Education Pro - Muhammad Ali Photostate
Theme URI: https://muhammadaliphotostate.com
Author: Muhammad Ali Photostate Zafarwal
Author URI: https://facebook.com/muhammadaliphotostatega
Description: 2026-27 Ultra Modern Educational Theme for Class 9th, 10th, 1st Year, 2nd Year - Notes, Guess Papers, Past Papers, Pairing Schemes, Test Papers. Mobile-first, AdSense optimized, PDF Preview built-in. Designed for Muhammad Ali Photostate Zafarwal.
Version: 3.0
License: GPL v2 or later
Text Domain: maps-education
Tags: education, notes, past-papers, guess-papers, responsive, adsense, pdf, urdu, punjab-board
*/

:root{
  --navy:#0A1931;
  --blue:#185ADB;
  --cyan:#00C6FF;
  --amber:#FFC300;
  --bg:#F6F8FF;
  --card:#FFFFFF;
  --text:#14213d;
  --muted:#6b7280;
  --border:#E5E7EB;
  --radius:18px;
  --shadow:0 10px 30px rgba(10,25,49,0.08);
  --shadow2:0 20px 50px rgba(10,25,49,0.12);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1280px,92vw);margin-inline:auto}
.topbar{background:var(--navy);color:#cbd5e1;font-size:13px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.topbar a:hover{color:white}
.header{background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-0.5px}
.logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-weight:900}
.logo span b{color:var(--blue)}
.nav{display:flex;gap:6px;align-items:center}
.nav a{padding:10px 14px;border-radius:12px;font-weight:600;font-size:14px;transition:.2s}
.nav a:hover{background:var(--bg)}
.nav a.active{background:var(--navy);color:white}
.mobile-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:white;align-items:center;justify-content:center}
.search-btn{width:42px;height:42px;border-radius:12px;background:var(--bg);border:1px solid var(--border);display:grid;place-items:center}
.hero{padding:28px 0 20px;background:radial-gradient(1200px 600px at 20% -10%, #dbeafe 0%, transparent 60%), radial-gradient(1000px 500px at 90% 0%, #fef3c7 0%, transparent 60%), var(--bg)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.hero-card{background:linear-gradient(135deg, var(--navy) 0%, #122a5a 100%);color:white;border-radius:28px;padding:28px;position:relative;overflow:hidden;box-shadow:var(--shadow2)}
.hero-card h1{font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-1px}
.hero-card h1 span{color:var(--amber)}
.hero-card p{opacity:.8;margin:12px 0 18px;max-width:48ch}
.hero-search{display:flex;background:white;border-radius:16px;padding:6px;gap:6px;box-shadow:var(--shadow)}
.hero-search input{flex:1;border:0;outline:0;padding:12px 14px;font-size:15px;border-radius:12px}
.hero-search button{background:var(--blue);color:white;border:0;border-radius:12px;padding:12px 20px;font-weight:700;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chip{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);color:white;padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}
.chip:hover{background:white;color:var(--navy)}
.hero-side{display:grid;gap:16px}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.stat b{font-size:22px;display:block}
.ads-box{background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#e5e7eb 10px,#e5e7eb 20px);border:1px dashed #9ca3af;border-radius:16px;min-height:90px;display:grid;place-items:center;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px}
.class-tabs{display:flex;gap:10px;overflow:auto;padding:10px 2px;scrollbar-width:none}
.class-tabs::-webkit-scrollbar{display:none}
.tab{white-space:nowrap;padding:12px 18px;border-radius:100px;border:1px solid var(--border);background:white;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}
.tab.active{background:var(--navy);color:white;border-color:var(--navy);box-shadow:var(--shadow)}
.subject-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sub-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;gap:12px;align-items:center;transition:.2s;box-shadow:var(--shadow)}
.sub-card:hover{transform:translateY(-3px);box-shadow:var(--shadow2);border-color:var(--blue)}
.sub-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800}
.sub-card h4{font-size:14px;line-height:1.2}
.sub-card small{color:var(--muted);font-size:12px}
.section{padding:22px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.section-head h2{font-size:22px;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}
.badge-new{background:var(--amber);color:var(--navy);font-size:11px;padding:4px 8px;border-radius:100px;font-weight:800;letter-spacing:.5px}
.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.m-card{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.25s;display:flex;flex-direction:column}
.m-card:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}
.m-top{padding:14px 14px 0;display:flex;justify-content:space-between;align-items:center}
.m-type{font-size:11px;font-weight:800;letter-spacing:.6px;padding:5px 10px;border-radius:100px;text-transform:uppercase}
.type-notes{background:#dbeafe;color:#1e40af}
.type-guess{background:#fef3c7;color:#92400e}
.type-past{background:#dcfce7;color:#166534}
.type-pairing{background:#fce7f3;color:#9d174d}
.type-test{background:#e0e7ff;color:#3730a3}
.m-body{padding:12px 14px}
.m-body h3{font-size:15px;line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.m-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.m-meta span{background:var(--bg);padding:3px 8px;border-radius:100px;border:1px solid var(--border)}
.m-foot{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.btn-sm{background:var(--navy);color:white;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700;border:0;cursor:pointer}
.btn-sm.outline{background:white;color:var(--navy);border:1px solid var(--border)}
.single-wrap{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}
.breadcrumb{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:10px 0}
.breadcrumb a:hover{color:var(--blue)}
.pdf-box{background:var(--card);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow2)}
.pdf-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}
.pdf-frame{width:100%;height:720px;border:0;background:#f8fafc}
.content-area{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
.content-area p{margin:10px 0}
.content-area h2,.content-area h3{margin:16px 0 8px}
.side-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:16px;box-shadow:var(--shadow);margin-bottom:14px}
.side-card h4{font-size:14px;margin-bottom:10px;display:flex;justify-content:space-between}
.list{display:grid;gap:8px}
.list a{padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--border);font-size:13px;font-weight:600;display:flex;justify-content:space-between}
.list a:hover{border-color:var(--blue)}
.footer{background:var(--navy);color:#cbd5e1;margin-top:28px;border-top:4px solid var(--blue)}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .7fr;gap:20px;padding:28px 0}
.footer h4{color:white;margin-bottom:10px}
.footer a{color:#94a3b8;font-size:14px}
.footer a:hover{color:white}
.copy{border-top:1px solid rgba(255,255,255,0.1);padding:14px 0;font-size:13px;color:#94a3b8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.adsense-note{font-size:12px;color:var(--muted);text-align:center;padding:6px}
.drawer{position:fixed;inset:0;z-index:200;background:rgba(10,25,49,0.6);backdrop-filter:blur(4px);display:none}
.drawer.open{display:block}
.drawer-panel{width:min(86vw,360px);background:white;height:100%;padding:18px;overflow:auto}
.drawer-panel a{display:block;padding:12px;border-radius:12px;font-weight:600}
.drawer-panel a:hover{background:var(--bg)}
.mt{margin-top:14px}
@media(max-width:1100px){.subject-grid{grid-template-columns:repeat(4,1fr)}.hero-grid{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.material-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.subject-grid{grid-template-columns:repeat(2,1fr)}.nav{display:none}.mobile-toggle{display:flex}.single-wrap{grid-template-columns:1fr}.pdf-frame{height:560px}}
@media(max-width:520px){.material-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}