/*
Theme Name: MCQ Study
Author: Custom Themes
Description: A responsive educational magazine theme inspired by classic MCQ learning websites. Includes orange accents, category navigation, latest posts strip, and widget areas.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mcq-study
*/
:root{--accent:#f49200;--ink:#333;--muted:#777;--line:#e9e9e9}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.7 Arial,Helvetica,sans-serif;background-color:#f5f5f5;background-image:linear-gradient(90deg,#ffffff80 1px,transparent 1px),linear-gradient(#ffffff80 1px,transparent 1px);background-size:8px 8px}a{color:inherit;text-decoration:none}a:hover{color:#b96800}button,input,textarea{font:inherit}button,.button,input[type=submit]{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #116ba0;outline-offset:3px}.site-wrap{width:min(1100px,calc(100% - 32px));margin:22px auto}.site-header{background:#fff;border-top:3px solid var(--accent);box-shadow:0 1px 5px #00000012}.utility{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 16px;border-bottom:1px solid var(--line);font-size:12px}.menu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:0}.utility .menu{gap:18px}.branding{min-height:180px;padding:35px 26px;display:flex;align-items:center;gap:30px}.brand-name{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand-name span{color:var(--accent)}.tagline{margin:6px 0 0;color:var(--muted);font-size:13px;letter-spacing:1px}.custom-logo{max-width:350px;height:auto;max-height:140px;width:auto}.header-ad{margin-left:auto;max-width:60%}.primary-nav{background:#2e2e2e;border-bottom:5px solid var(--accent);color:#fff}.primary-nav .menu>li>a{display:block;padding:14px 16px;font-size:13px;border-right:1px solid #ffffff0c}.primary-nav a:hover,.primary-nav .current-menu-item>a{background:var(--accent);color:#fff}.menu li{position:relative}.sub-menu{list-style:none;background:#333;color:white;padding:0;min-width:210px;position:absolute;top:100%;left:0;z-index:5;display:none}.sub-menu a{display:block;padding:10px 15px}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.sub-menu .sub-menu{top:0;left:100%}.menu-toggle{display:none;background:none;border:0;color:white;padding:13px 20px}.news-strip{display:flex;align-items:center;background:white;border:1px solid var(--line);margin:20px 0;min-height:37px;font-size:13px}.news-label{background:#f34b35;color:#fff;font-weight:bold;text-transform:uppercase;align-self:stretch;display:flex;align-items:center;padding:6px 12px;white-space:nowrap}.news-strip>a{padding:6px 14px}.layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(240px,1fr);gap:26px;align-items:start;background:#fff;padding:24px;box-shadow:0 1px 5px #0000000d}.post-card{padding:0 0 25px;margin:0 0 28px;border-bottom:1px solid var(--line)}h1,h2,h3{line-height:1.35;font-weight:500;margin:0 0 10px}.post-card h2{font-size:23px}.meta{color:var(--muted);font-size:12px;margin-bottom:14px;display:flex;gap:12px;flex-wrap:wrap}.excerpt p{margin:0 0 12px}.post-image{width:45%;float:left;margin:0 18px 12px 0}.post-image img{width:100%;height:auto;display:block}.excerpt:after{content:'';display:table;clear:both}.button,input[type=submit]{display:inline-block;background:var(--accent);color:#fff;border:0;padding:5px 13px;font-size:13px}.button:hover{background:#cb7800;color:#fff}.share{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.share a{color:#fff;background:#3b5998;padding:2px 9px;font-size:12px;border-radius:2px}.share a:nth-child(2){background:#222}.share a:nth-child(3){background:#237ba3}.widget{padding:15px;margin-bottom:25px;background:#fff;border:1px solid var(--line);border-bottom:4px solid var(--accent);box-shadow:0 0 4px #00000006}.widget h2,.widget h3{font-size:21px}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:5px 0;border-bottom:1px solid #f3f3f3}.search-form{display:flex;gap:6px}.search-form label{flex:1;min-width:0}.search-field{width:100%;min-width:0;padding:7px 9px;border:1px solid #ddd;background:#fafafa}.search-submit{border:0;background:var(--accent);color:#fff;padding:7px 11px}.site-footer{margin-top:30px;background:#2e2e2e;color:#ddd;border-top:4px solid var(--accent)}.footer-grid{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.site-footer .widget{border:0;background:none;padding:0;box-shadow:none}.site-footer .widget li{border-color:#444}.copyright{padding:14px 26px;background:#262626;font-size:12px;display:flex;justify-content:space-between;gap:20px}.entry-content{overflow-wrap:anywhere}.entry-content a{color:#a85f00;text-decoration:underline}.entry-content img{max-width:100%;height:auto}.entry-content iframe{max-width:100%}.entry-content table{border-collapse:collapse;width:100%}.entry-content td,.entry-content th{padding:8px;border:1px solid #ddd}.entry-content blockquote{margin:20px 0;padding:12px 20px;border-left:4px solid var(--accent);background:#fafafa}.entry-content details{padding:14px;border:1px solid #ddd;margin:12px 0}.entry-content summary{cursor:pointer;font-weight:bold}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px;color:#777}.alignleft{float:left;margin:0 20px 15px 0}.alignright{float:right;margin:0 0 15px 20px}.aligncenter{display:block;margin:auto}.sticky{border-top:3px solid var(--accent);padding-top:18px}.bypostauthor{border-left:3px solid var(--accent)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;left:10px;top:10px;padding:10px;background:white;z-index:100}.page-numbers{padding:6px 11px;border:1px solid #ddd;display:inline-block}.page-numbers.current{background:var(--accent);color:white}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.comment-form textarea,.comment-form input:not([type=checkbox]):not([type=submit]){width:100%;border:1px solid #ddd;padding:10px}.comment-list{padding-left:20px}.post-navigation{margin:25px 0}.post-navigation .nav-links{justify-content:space-between}.archive-title{font-size:25px;margin-bottom:22px}.featured-image{width:100%;height:auto;margin-bottom:20px}
@media(max-width:760px){.site-wrap{width:calc(100% - 20px);margin:10px auto}.utility{align-items:flex-start;flex-direction:column}.branding{min-height:140px;padding:26px 18px}.brand-name{font-size:28px}.custom-logo{max-width:100%}.header-ad{display:none}.menu-toggle{display:block}.primary-nav .menu{display:none;flex-direction:column}.primary-nav.is-open .menu{display:flex}.primary-nav .sub-menu{position:static;display:block;margin-left:15px}.layout{grid-template-columns:1fr;padding:18px;gap:12px}.post-card h2{font-size:21px}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:5px}.news-strip{align-items:stretch}.news-label{font-size:11px}.news-strip>a{font-size:12px}.post-image{width:40%}}@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,color .15s}}

.post-image img{aspect-ratio:8/5;object-fit:cover;border-radius:2px}
@media(max-width:480px){.post-image{float:none;width:100%;margin:0 0 15px}}

.ad-slot{margin:24px 0;padding:12px;background:#fff;text-align:center;min-width:0;clear:both}.ad-label{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#777;margin-bottom:8px}.ad-widget{width:100%;min-width:0}.ad-widget img{max-width:100%;height:auto}.ad-sidebar{margin-top:0}.ad-preview{padding:24px 12px;border:1px dashed #ddd;background:#fafafa;color:#888;font-size:12px}
