

/* ========================= Scroll Top.css========================= */


#scrollTopBtn{position:fixed;bottom:85px;right:18px;width:46px;height:46px;border:none;border-radius:50%;background:#e3973b;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.18)}#scrollTopBtn.show{opacity:1;visibility:visible;transform:translateY(0)}#scrollTopBtn:hover{transform:scale(1.08)}#scrollTopBtn svg{width:22px;height:22px;fill:currentColor}@media(max-width:768px){#scrollTopBtn{bottom:95px}}

/* ========================= ChapterPanel.css========================= 
@font-face{font-family:"Poppins";src:url("/wp-content/themes/twentytwentyfive/assets/fonts/poppins-v24-devanagari-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:optional}#ebookOpenBtn{position:fixed!important;top:68px!important;left:14px!important;z-index:999999999!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:11px 15px!important;color:#fef3c7!important;background:linear-gradient(135deg,#172033,#334155 52%,#5b4636)!important;border:1px solid rgba(250,204,21,.28)!important;border-radius:999px!important;outline:none!important;box-shadow:0 14px 30px rgba(15,23,42,.24)!important;font-family:"Poppins",system-ui,sans-serif!important;font-size:13.5px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease!important}#ebookOpenBtn:hover{transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(15,23,42,.3)!important}#ebookOpenBtn.panel-open{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-18px)!important}#ebookOpenBtn.hide{opacity:0!important;pointer-events:none!important;transform:translateY(80px)!important} .chapter-panel{position:fixed!important;top:0!important;left:-360px!important;z-index:999999998!important;width:336px!important;height:100vh!important;padding:16px!important;overflow-x:hidden!important;overflow-y:auto!important;color:#172033!important;background:linear-gradient(180deg,rgba(255,253,247,.98),rgba(241,245,249,.96))!important;border-right:1px solid rgba(226,232,240,.92)!important;box-shadow:16px 0 50px rgba(15,23,42,.24)!important;font-family:"Poppins",system-ui,sans-serif!important;font-size:14px!important;box-sizing:border-box!important;transition:left .3s ease!important}.chapter-panel.open{left:0!important}.chapter-panel::before{content:"";position:sticky;top:-16px;display:block;height:5px;margin:-16px -16px 14px;background:linear-gradient(90deg,#f59e0b,#0f766e,#3b82f6);z-index:1}.panel-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;padding:12px!important;background:linear-gradient(135deg,#172033,#334155)!important;border:1px solid rgba(250,204,21,.2)!important;border-radius:16px!important;color:#fff7ed!important}#panelTitle{margin:0!important;color:#fff7ed!important;font-size:17px!important;font-weight:900!important;line-height:1.3!important}#chapterList,.chapter-panel ul,.subchapter-list{list-style:none!important;font-family:"Poppins",sans-serif}#chapterList,.chapter-panel ul{margin:0!important;padding:0!important}.subchapter-list{margin:7px 0 0 14px!important;padding-left:12px!important;border-left:2px solid rgba(203,213,225,.82)!important} .chapter-item{margin-bottom:9px!important}.chapter-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;cursor:pointer!important}.chapter-heading,.chapter-panel a{font-family:"Poppins",system-ui,sans-serif!important;text-decoration:none!important;font-size:14.5px!important;font-weight:400!important;line-height:1.5!important}.chapter-title>.chapter-heading{display:block!important;flex:1 1 auto!important;padding:10px 12px!important;border-radius:12px!important;color:#172033!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(226,232,240,.74)!important}.chapter-item.open>.chapter-title .chapter-heading{background:linear-gradient(135deg,#fff7ed,#ecfeff)!important;border-color:rgba(245,158,11,.38)!important;color:#92400e!important}.chapter-panel a{display:block!important;padding:9px 11px!important;color:#334155!important;background:transparent!important;border-radius:11px!important;text-decoration:none!important;transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease!important}.chapter-panel a:hover{color:#0f766e!important;background:linear-gradient(135deg,#fff7ed,#ecfeff)!important;transform:translateX(3px)!important}.chapter-panel a.active{color:#1f1300!important;background:linear-gradient(135deg,#f59e0b,#fde68a)!important;border-left:4px solid #0f766e!important;padding-left:9px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(245,158,11,.18)!important}.dropdown-btn{display:grid!important;flex:0 0 30px!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:999px!important;box-shadow:0 6px 14px rgba(15,23,42,.08)!important;cursor:pointer!important;outline:none!important}.dropdown-btn::before{content:"+"!important;color:#0f766e!important;font-size:20px!important;font-weight:800!important;line-height:1!important}.chapter-item.open .dropdown-btn{background:#0f766e!important;border-color:#0f766e!important}.chapter-item.open .dropdown-btn::before{content:"-"!important;color:#fff!important} .subchapter-list{max-height:0!important;overflow:hidden!important;transition:max-height .3s ease!important}.chapter-item.open .subchapter-list{max-height:720px!important}.subchapter-list li a{margin-bottom:5px!important;padding:8px 10px!important;color:#475569!important;font-size:13px!important;font-weight:500!important;line-height:1.45!important}.chapter-panel::-webkit-scrollbar{width:7px}.chapter-panel::-webkit-scrollbar-track{background:rgba(226,232,240,.7)}.chapter-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#0f766e);border-radius:10px}#chapterOverlay{position:fixed!important;inset:0!important;z-index:999999997!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:all .3s ease!important}#chapterOverlay.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}@media(max-width:768px){.chapter-panel{width:82vw!important;max-width:304px!important;left:-88vw!important;padding:14px!important}.chapter-panel.open{left:0!important}.chapter-panel::before{top:-14px;margin:-14px -14px 12px}.panel-header{padding:11px!important;border-radius:14px!important}#panelTitle{font-size:15.5px!important}.chapter-heading,.chapter-panel a{font-size:16px!important}.subchapter-list li a{font-size:14px!important}.chapter-title{font-size:20px}#ebookOpenBtn{transform:scale(1.2)!important}} body.dark-mode #ebookOpenBtn,body.dark #ebookOpenBtn{color:#fef3c7!important;background:linear-gradient(135deg,#020617,#1e293b)!important;border-color:rgba(250,204,21,.24)!important}body.dark-mode .chapter-panel,body.dark .chapter-panel{color:#e5e7eb!important;background:linear-gradient(180deg,rgba(30,41,59,.98),rgba(15,23,42,.96))!important;border-right-color:rgba(71,85,105,.88)!important;box-shadow:16px 0 50px rgba(0,0,0,.5)!important}body.dark-mode .panel-header,body.dark .panel-header{background:linear-gradient(135deg,#020617,#172033)!important}body.dark-mode .chapter-title>.chapter-heading,body.dark .chapter-title>.chapter-heading{color:#f8fafc!important;background:rgba(15,23,42,.76)!important;border-color:rgba(71,85,105,.78)!important}body.dark-mode .chapter-item.open>.chapter-title .chapter-heading,body.dark .chapter-item.open>.chapter-title .chapter-heading{color:#fde68a!important;background:rgba(245,158,11,.12)!important}body.dark-mode .chapter-panel a,body.dark .chapter-panel a{color:#e5e7eb!important}body.dark-mode .subchapter-list,body.dark .subchapter-list{border-left-color:rgba(71,85,105,.86)!important}body.dark-mode .chapter-panel a:hover,body.dark .chapter-panel a:hover{color:#fde68a!important;background:rgba(255,255,255,.08)!important}body.dark-mode .chapter-panel a.active,body.dark .chapter-panel a.active{color:#1f1300!important;background:linear-gradient(135deg,#f59e0b,#fde68a)!important;border-left-color:#0f766e!important}body.dark-mode .dropdown-btn,body.dark .dropdown-btn{background:#0f172a!important;border-color:#334155!important}body.dark-mode .chapter-panel::-webkit-scrollbar-track,body.dark .chapter-panel::-webkit-scrollbar-track{background:#0f172a!important}body.dark-mode #chapterOverlay.show,body.dark #chapterOverlay.show{background:rgba(0,0,0,.58)!important}  */

/* ========================= Skeleton.css========================= */
#skeleton{display:none;width:100%;min-height:75vh;padding:24px 0 60px}#app-content.loading #skeleton{display:block}#app-content.loading #real-content{display:none}#skeleton .skel-title,#skeleton .skel-line,#skeleton .skel-box{background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 37%,#e8e8e8 63%);background-size:400% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:6px}#skeleton .skel-title{width:55%;height:34px;margin-bottom:24px}#skeleton .skel-line{height:16px;margin-bottom:14px}#skeleton .skel-box{width:100%;height:160px;margin:28px 0}#skeleton .skel-gap{height:22px}#skeleton .skel-w-98{width:98%}#skeleton .skel-w-97{width:97%}#skeleton .skel-w-96{width:96%}#skeleton .skel-w-95{width:95%}#skeleton .skel-w-94{width:94%}#skeleton .skel-w-93{width:93%}#skeleton .skel-w-92{width:92%}#skeleton .skel-w-90{width:90%}#skeleton .skel-w-89{width:89%}#skeleton .skel-w-88{width:88%}#skeleton .skel-w-85{width:85%}@keyframes skeleton-loading{0%{background-position:100% 0}100%{background-position:0 0}}






/* =================================
   DARK MODE — upsc.css
   Existing upsc.css ke baad link karein
================================= */

body.dark-mode {
  --saffron: #FF7A3D;
  --deep-blue: #93B4E0;
  --gold: #E8B84B;
  --cream: #1E1A14;
  --soft-green: #4DB887;
  --light-bg: #111318;
  --card-bg: #1A1D26;
  --shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
  --border: 1.5px solid #2E3245;

  background: #111318 !important;
  background-image:
    radial-gradient(ellipse at 10% 20%, rgba(255, 107, 43, 0.05) 0%, transparent 60%),
    radial-gradient(ellipse at 90% 80%, rgba(60, 90, 160, 0.07) 0%, transparent 60%) !important;
  color: #CBD5E1;
}

/* ── MCQ Card ── */
body.dark-mode .mcq-card {
  background: var(--card-bg);
  border: var(--border);
  border-left: 5px solid var(--saffron);
  box-shadow: var(--shadow);
}

body.dark-mode .mcq-card::before {
  background: radial-gradient(circle at top right, rgba(212, 160, 23, 0.07), transparent 70%);
}

body.dark-mode .mcq-card:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

/* ── Question ── */
body.dark-mode .mcq-question {
  color: #E2E8F0;
}

/* ── Options ── */
body.dark-mode .mcq-options div {
  background: #1E2130! important;
  border: 1px solid #2E3450;
  color: #B8C5DC;
}

/* ── Source Badge ── */
body.dark-mode .mcq-source {
  background: #2A3A5C! important;
  color: #FFD580;
}

/* ── Answer Box ── */
body.dark-mode .mcq-answer {
  background: linear-gradient(90deg, #12271E 0%, #152B22 100%)! important;
  border: 1px solid #1F4A35;
  color: #4DB887;
}

body.dark-mode .mcq-answer::before {
  color: #4DB887;
}

/* ── Explanation Box ── */
body.dark-mode .mcq-explanation {
  background: linear-gradient(135deg, #1E1B10 0%, #1C1812 100%)! important;
  border-left: 4px solid #C49A20;
  color: #C8C0A8;
}

/* ── Extra Facts Divider ── */
body.dark-mode .mcq-explanation .extra-facts {
  border-top: 1.5px dashed #8A6A10;
}

/* ── Extra Facts Label ── */
body.dark-mode .extra-facts-label {
  color: #FF7A3D;
}

/* ── Scrollbar (Chromium only) ── */
body.dark-mode ::-webkit-scrollbar {
  width: 6px;
}

body.dark-mode ::-webkit-scrollbar-track {
  background: #111318;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #2E3450;
  border-radius: 99px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #3D4870! important;
}


/* =========================
   💬 COMMENT BOX FIX
========================= */

body.dark-mode .wp-block-post-comments-form {
  background: #141414 !important;
  padding: 15px;
  border-radius: 10px;
}

body.dark-mode .wp-block-post-comments-form input,
body.dark-mode .wp-block-post-comments-form textarea {
  background: #1a1a1a !important;
  color: #fff !important;
}


/* =========================
   📚 SIDEBAR / CHAPTER PANEL
========================= */
/*
body.dark-mode aside,
body.dark-mode .chapter-sidebar,
body.dark-mode .sidebar {
  background: #121212 !important;
  color: #e5e5e5 !important;
}*/
