/*
 Theme Name:   ZQuiz Teacher Exam
 Theme URI:    https://teacher-exam.zquiz.in
 Author:       ZQuiz
 Description:  teacher-exam.zquiz.in के लिए dedicated, standalone theme — पूरी तरह ZQuiz Teacher
               Exams plugin के लिए बना है। किसी parent theme (Blocksy आदि) की ज़रूरत नहीं, कोई
               unrelated feature (Typing Test, पुराना Quiz Records, Ultimate Member, Computer/IT
               branding) शामिल नहीं — सिर्फ़ Teacher Exam content के लिए साफ़, हल्का structure।
 Version:      1.0.0
 Requires PHP: 7.4
 Text Domain:  zqte
*/

:root{
    --zq-ink:#0f1f3d;
    --zq-ink2:#1e3a6e;
    --zq-paper:#f6f4ef;
    --zq-card:#ffffff;
    --zq-gold:#d4a017;
    --zq-gold-s:#f5e6c4;
    --zq-line:#e3ddd0;
    --zq-mut:#6b7280;
}

/* ── बेस ── */
*{box-sizing:border-box}
body{
    background:var(--zq-paper) !important;
    font-family:'Noto Sans Devanagari','Poppins',system-ui,-apple-system,sans-serif;
    margin:0; padding:0; color:var(--zq-ink);
}
a{color:var(--zq-ink2)}
img{max-width:100%;height:auto}

/* ── Accessibility: Skip link ── */
.screen-reader-text{
    border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);
    height:1px; margin:-1px; overflow:hidden; padding:0;
    position:absolute !important; width:1px; word-wrap:normal !important;
}
.skip-link{
    left:-9999px; position:absolute !important; top:0; z-index:100000;
    background:var(--zq-ink); color:#fff !important; padding:12px 20px;
    text-decoration:none; font-weight:bold; border-radius:0 0 8px 0;
}
.skip-link:focus{ left:0; top:0; }

/* ── Header ── */
.main-header{
    background:var(--zq-ink) !important;
    padding:12px 5%;
    position:sticky; top:0; z-index:10005;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.header-content-wrapper{
    display:flex; align-items:center; justify-content:space-between;
    max-width:1100px; margin:0 auto; flex-wrap:wrap; gap:10px;
}
.logo-container{ display:flex !important; align-items:center; text-decoration:none; }
.logo-z{
    background:var(--zq-gold); color:var(--zq-ink); width:38px; height:38px;
    display:flex; align-items:center; justify-content:center;
    font-size:20px; font-weight:900; border-radius:8px; margin-right:10px;
}
.logo-text{ color:#fff !important; font-size:20px; font-weight:800; line-height:1.2; }
.site-description{
    color:#cbd5e1; font-size:11px; opacity:.9; margin-top:1px;
    font-weight:400; display:block;
}

/* ── Nav menu — horizontal, mobile-safe scroll ── */
.nav-container{
    width:100% !important; overflow-x:auto !important; overflow-y:hidden !important;
    display:block !important; -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.nav-container::-webkit-scrollbar{ display:none; height:0; }
.header-menu{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    width:max-content !important; list-style:none !important; margin:0 !important; padding:0 !important;
}
.header-menu li{ flex:0 0 auto !important; }
.header-menu li a{
    color:#fff !important; padding:12px 16px !important; text-decoration:none !important;
    font-weight:700; font-size:13.5px; white-space:nowrap !important; display:block !important;
}
.header-menu li a:hover{ color:var(--zq-gold) !important; }

@media screen and (min-width:769px){
    .header-content-wrapper{ justify-content:space-between; flex-wrap:nowrap; }
    .nav-container{ width:auto !important; }
}
@media screen and (max-width:768px){
    .header-content-wrapper{ flex-direction:column; align-items:flex-start; }
}

/* ── Main content wrapper ── */
.main-wrapper{
    max-width:960px !important; margin:24px auto !important; padding:0 16px !important;
    min-height:400px !important;
}
@media screen and (max-width:1000px){
    .main-wrapper{ width:100% !important; margin:16px auto !important; }
}

/* ── Blog-style content card (regular posts/pages, not the quiz UI itself —
     plugin का अपना zqtr-single/zqt-wrap CSS पहले से card-free/full-width है) ── */
.zqte-content-card{
    background:var(--zq-card); border:1px solid var(--zq-line); border-radius:16px;
    padding:30px; box-shadow:0 4px 10px rgba(0,0,0,.03);
}
.zqte-entry-title{ margin-top:0; margin-bottom:14px; color:var(--zq-ink); font-size:28px; font-weight:800; line-height:1.3; }
.zqte-post-meta{ font-size:13px; color:var(--zq-mut); margin-bottom:22px; border-bottom:1px solid var(--zq-line); padding-bottom:14px; }
.zqte-entry-content{ color:#334155; font-size:15.5px; line-height:1.8; }

/* ── Archive/index listing (fallback for generic WP posts, अगर कभी blog-content जोड़ें) ── */
.archive-item{
    background:var(--zq-card); border:1px solid var(--zq-line); border-radius:14px;
    padding:22px; margin-bottom:20px; box-shadow:0 3px 8px rgba(0,0,0,.03);
}
.archive-item h2{ font-size:20px; margin:0 0 10px; font-weight:700; }
.archive-item h2 a{ text-decoration:none; color:var(--zq-ink2); }
.archive-item .entry-excerpt{ color:#475569; font-size:14.5px; line-height:1.7; margin-bottom:14px; }
.read-more{
    display:inline-block; background:var(--zq-gold-s); color:#8a6d0f; padding:8px 16px;
    border-radius:8px; font-weight:700; font-size:13.5px; text-decoration:none; border:1px solid var(--zq-gold);
}

/* ── Footer ── */
.footer-section{
    background:var(--zq-ink) !important; color:#fff !important; padding:36px 20px !important;
    text-align:center !important; margin-top:50px !important; width:100% !important;
    display:block !important; box-sizing:border-box;
}
.footer-menu-links{
    display:flex !important; flex-direction:row !important; flex-wrap:wrap !important;
    justify-content:center !important; align-items:center !important; list-style:none !important;
    padding:0 !important; margin:0 auto 16px auto !important;
}
.footer-menu-links li{ display:inline-block !important; margin:5px 14px !important; }
.footer-menu-links li a{ color:#fff !important; text-decoration:none !important; font-size:13.5px !important; opacity:.9; }
.footer-menu-links li a:hover{ text-decoration:underline !important; opacity:1; }
.footer-copyright{ margin:0 !important; font-size:13px !important; opacity:.75 !important; }

@media screen and (max-width:600px){
    .footer-menu-links li{ margin:5px 8px !important; }
}

/* ── Share bar ── */
.share-bar{ position:fixed; bottom:25px; right:20px; display:flex; flex-direction:column; gap:12px; z-index:20000; }
.share-btn{
    width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    color:#fff !important; box-shadow:0 4px 12px rgba(0,0,0,.25); font-size:20px; text-decoration:none;
}
.whatsapp{ background:#25D366; } .telegram{ background:#0088cc; } .facebook{ background:#1877F2; }
@media screen and (max-width:768px){
    .share-bar{ bottom:20px !important; right:14px !important; gap:8px !important; }
    .share-btn{ width:40px !important; height:40px !important; font-size:18px !important; }
}