/*
Theme Name: Communications MCQ
Theme URI: https://communications.website/
Author: Communications.website
Description: Lightweight custom WordPress theme for Electronics & Telecommunication Engineering MCQs.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: communications-mcq
*/
:root{--ink:#132238;--muted:#627083;--brand:#075f5b;--brand2:#0b7f78;--bg:#f4f7f9;--card:#fff;--line:#dce4e9;--good:#087a45;--warn:#a34b00;--radius:14px;--shadow:0 8px 30px rgba(16,35,55,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.62}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}
.header-inner{max-width:1500px;margin:auto;padding:12px 22px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#16a39a);display:grid;place-items:center;color:white;font-weight:900}
.site-nav{margin-left:auto}.site-nav ul{display:flex;list-style:none;gap:7px;margin:0;padding:0;align-items:center}.site-nav a{display:block;padding:9px 11px;color:var(--ink);font-weight:650;border-radius:8px}.site-nav a:hover{background:#eef7f6;text-decoration:none}
.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;font-size:20px}
.page-shell{max-width:1500px;margin:22px auto;padding:0 18px;display:grid;grid-template-columns:minmax(160px,250px) minmax(0,900px) minmax(160px,250px);gap:20px;align-items:start}
.content{min-width:0}.ad-rail{position:sticky;top:86px}.ad-slot{min-height:600px;border:1px dashed #aebbc5;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;color:#8995a0;border-radius:12px;padding:12px;font-size:13px}.ad-inline{min-height:110px;margin:22px 0}
.hero,.card,.mcq-card,.notice,.archive-head{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{padding:42px}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.1;margin:0 0 16px}.hero p{font-size:18px;color:var(--muted);max-width:760px}.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:11px 17px;border-radius:9px;font-weight:750}.btn:hover{background:var(--brand2);text-decoration:none}
.section-title{margin:34px 0 15px;font-size:26px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{padding:20px}.card h3{margin:0 0 7px}.card p{margin:0;color:var(--muted)}
.archive-head{padding:24px;margin-bottom:15px}.archive-head h1{margin:0 0 6px}.archive-head p{margin:0;color:var(--muted)}
.mcq-card{padding:22px;margin:0 0 16px}.qnum{font-size:13px;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.04em}.mcq-card h2{font-size:19px;margin:7px 0 15px}.options{list-style:none;margin:0;padding:0;display:grid;gap:8px}.options li{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fbfcfd}.answer-toggle{margin-top:14px;border:0;background:#e7f5f3;color:#075f5b;font-weight:800;border-radius:8px;padding:9px 13px;cursor:pointer}.answer-box{display:none;margin-top:12px;padding:13px 15px;border-left:4px solid var(--good);background:#effaf4;border-radius:7px}.answer-box.open{display:block}.answer-box strong{color:var(--good)}.explanation{margin-top:6px;color:#344456}
.notice{padding:15px 18px;margin:18px 0;color:#445466}.notice strong{color:var(--ink)}
.pagination{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.pagination .page-numbers{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:7px}.pagination .current{background:var(--brand);color:#fff}
.breadcrumbs{font-size:13px;color:var(--muted);margin:0 0 12px}
.site-footer{background:#10202c;color:#cbd6dd;margin-top:45px}.footer-inner{max-width:1180px;margin:auto;padding:40px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:#d9ece9}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:7px 0}.copyright{border-top:1px solid #263a48;text-align:center;padding:16px 20px;font-size:13px}
.prose{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.prose h1{line-height:1.2}
@media(max-width:1100px){.page-shell{grid-template-columns:minmax(0,1fr)}.ad-rail{display:none}.content{max-width:900px;margin:auto;width:100%}}
@media(max-width:800px){.header-inner{padding:10px 14px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:63px;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px}.site-nav.open{display:block}.site-nav ul{display:block}.site-nav a{padding:12px}.page-shell{margin-top:14px;padding:0 11px}.hero{padding:26px 20px}.grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.mcq-card{padding:17px}}

.eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--brand)}
.site-nav .has-subjects{position:relative}.subject-dropdown{display:none!important;position:absolute!important;top:100%;left:0;width:330px;background:#fff!important;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:8px!important;max-height:70vh;overflow:auto}.has-subjects:hover .subject-dropdown{display:block!important}.subject-dropdown li{display:block;width:100%}.subject-dropdown a{font-size:14px;padding:9px 10px!important}
.subject-card{transition:transform .15s ease,box-shadow .15s ease}.subject-card:hover{transform:translateY(-2px);text-decoration:none}.card-icon{font-size:20px}.card-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:800}
.exam-chips{display:flex;flex-wrap:wrap;gap:9px}.exam-chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:750}.exam-chips a:hover{background:#e9f6f4;text-decoration:none}
.custom-logo{max-height:44px;width:auto}
@media(max-width:800px){.site-nav .subject-dropdown{position:static!important;width:auto;display:block!important;border:0;box-shadow:none;padding-left:14px!important;max-height:none}.subject-dropdown a{font-size:13px!important}.site-nav{max-height:80vh;overflow:auto}}

/* Phase 1.2 header refinement */
.header-inner{max-width:1580px;padding-left:14px;padding-right:14px;gap:10px}
.site-nav{margin-left:8px;flex:1}
.site-nav>ul{justify-content:flex-start;gap:2px}
.site-nav>ul>li>a{padding:9px 9px;font-size:14px}
.brand{margin-right:2px}
.exam-dropdown{width:350px}
@media(min-width:801px) and (max-width:1250px){
 .brand span:last-child{font-size:14px}
 .site-nav>ul>li>a{font-size:13px;padding:9px 6px}
}

/* Phase 1.3 — polished right-aligned desktop navigation */
@media(min-width:801px){
 .header-inner{
   max-width:1500px;
   min-height:68px;
   padding:10px 22px;
   gap:24px;
 }
 .brand{margin-right:0;flex:0 0 auto}
 .site-nav{
   margin-left:auto;
   flex:0 1 auto;
 }
 .site-nav>ul{
   justify-content:flex-end;
   gap:5px;
 }
 .site-nav>ul>li>a{
   padding:10px 11px;
   font-size:14px;
   white-space:nowrap;
 }
 .site-nav>ul>li>a:hover{
   background:#eef7f6;
 }
 .subject-dropdown{left:auto;right:0}
 .site-nav>ul>li:nth-child(2) .subject-dropdown{right:auto;left:0}
}
@media(min-width:801px) and (max-width:1180px){
 .header-inner{padding-left:14px;padding-right:14px;gap:14px}
 .brand span:last-child{font-size:14px}
 .site-nav>ul{gap:1px}
 .site-nav>ul>li>a{font-size:12.5px;padding:9px 6px}
}

/* Phase 2 MCQ presentation */
.options li{display:flex;align-items:flex-start;gap:10px}
.option-letter{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eef5f5;color:var(--brand);font-weight:850}
.mcq-actions{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:14px}
.report-link{font-size:12px;color:#687684;text-decoration:underline}
.source-note{margin-top:8px;font-size:13px;color:#5f6e79}
.answer-box .explanation strong{color:var(--ink)}
@media(max-width:520px){.mcq-actions{align-items:flex-start;flex-direction:column;gap:8px}}

/* v2.1 native answer reveal — works even if JavaScript/cache is blocked */
.answer-details{flex:1}
.answer-details summary{display:inline-block;background:#e7f5f3;color:#075f5b;font-weight:800;border-radius:8px;padding:9px 13px;cursor:pointer;list-style:none;user-select:none}
.answer-details summary::-webkit-details-marker{display:none}
.answer-details[open] summary{background:#d8efec}
.answer-details[open] summary::after{content:" — Hide";font-weight:650}
.answer-box-native{margin-top:12px;padding:13px 15px;border-left:4px solid var(--good);background:#effaf4;border-radius:7px}
.answer-box-native>strong{color:var(--good)}
.answer-box-native .explanation{margin-top:6px;color:#344456}

/* v2.2 bulletproof CSS-only answer toggle */
.mcq-answer-wrap{margin-top:14px}
.answer-checkbox{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.mcq-actions{margin-top:0}
.answer-label{display:inline-block;background:#e7f5f3;color:#075f5b;font-weight:800;border-radius:8px;padding:9px 13px;cursor:pointer;user-select:none}
.answer-label:hover{background:#d8efec}
.hide-text{display:none}
.answer-panel{display:none!important;margin-top:12px;padding:13px 15px;border-left:4px solid var(--good);background:#effaf4;border-radius:7px}
.answer-panel>strong{color:var(--good)}
.answer-checkbox:checked ~ .mcq-actions .show-text{display:none}
.answer-checkbox:checked ~ .mcq-actions .hide-text{display:inline}
.answer-checkbox:checked ~ .answer-panel{display:block!important}

/* v2.3 force all visibility properties when answer is opened */
.answer-checkbox:checked ~ .answer-panel{
 display:block!important;
 visibility:visible!important;
 opacity:1!important;
 max-height:none!important;
 height:auto!important;
 overflow:visible!important;
 transform:none!important;
 position:static!important;
 clip:auto!important;
 clip-path:none!important;
 pointer-events:auto!important;
 color:#263746!important;
}
.answer-checkbox:checked ~ .answer-panel *{
 visibility:visible!important;
 opacity:1!important;
 max-height:none!important;
}

/* v2.4 production MCQ listing */
.mcq-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.mcq-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.mcq-badge{font-size:11px;font-weight:750;line-height:1.2;padding:5px 8px;border-radius:999px;background:#eef7f6;color:#176d68;border:1px solid #d7ebe8}
.mcq-badge.topic{background:#f4f6f8;color:#596875;border-color:#e5e9ed}
.archive-summary{color:#60707c;margin:8px 0 0}
.cmcq-pagination{margin:28px 0 8px}
.cmcq-pagination .page-numbers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.cmcq-pagination .page-numbers li{margin:0}
.cmcq-pagination a,.cmcq-pagination span{display:inline-flex;min-width:38px;height:38px;padding:0 11px;align-items:center;justify-content:center;border:1px solid #dce4e7;border-radius:8px;background:#fff;text-decoration:none;font-weight:750;color:#23414a}
.cmcq-pagination .current{background:var(--brand);border-color:var(--brand);color:#fff}
.cmcq-pagination a:hover{background:#eef7f6;border-color:#bddbd7}
@media(max-width:640px){
 .mcq-topline{align-items:flex-start;flex-direction:column}
 .mcq-badges{justify-content:flex-start}
 .mcq-card{padding:17px 15px}
 .mcq-card h2{font-size:18px;line-height:1.42}
 .options{gap:8px}
 .cmcq-pagination .page-numbers{gap:5px}
 .cmcq-pagination a,.cmcq-pagination span{min-width:34px;height:36px;padding:0 9px;font-size:13px}
}