/*Theme Name:CurrentAffairsTheme URI:https://currentaffairs.ngAuthor:awajisAuthor URI:https://currentaffairs.ngDescription:Modern WordPress theme for Nigerian current affairs - PHP 8.2+, Redis-optimized, SEO-readyVersion:1.5.46Requires at least:6.0Requires PHP:8.2Text Domain:currentaffairsDomain Path:/languagesLicense:GPL v2 or laterLicense URI:https://www.gnu.org/licenses/gpl-2.0.htmlTags:education, government, two-columns, custom-colors, custom-menu, featured-images, theme-options, translation-ready*//* ========================================================================== CSS VARIABLES & CONFIGURATION ========================================================================== */:root{/* Brand Colors */ --primary:#198754;--primary-light:rgba(25, 135, 84, 0.1);--primary-medium:rgba(25, 135, 84, 0.3);--primary-dark:#13653f;/* Grayscale */ --text-dark:#333;--text-medium:#666;--text-light:#fff;--bg-light:#f9f9f9;--bg-white:#fff;--border-color:#ddd;/* Shadows */ --shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow:0 4px 8px rgba(0,0,0,0.1);--shadow-lg:0 8px 16px rgba(0,0,0,0.15);--shadow-xl:0 12px 24px rgba(0,0,0,0.2);/* Spacing Scale */ --space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;/* Border Radius */ --radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-full:9999px;/* Enhanced Typography System */ /* Native Font Stacks - Optimized for each platform */ --font-sans:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--font-serif:'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, 'Times New Roman', serif;--font-mono:ui-monospace, 'SF Mono', 'Cascadia Code', 'Source Code Pro', Consolas, 'DejaVu Sans Mono', 'Courier New', monospace;/* Fluid Type Scale - Responsive sizing with clamp() */ --text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);/* 12px → 14px */ --text-sm:clamp(0.875rem, 0.825rem + 0.25vw, 0.9375rem);/* 14px → 15px */ --text-base:clamp(1rem, 0.925rem + 0.375vw, 1.125rem);/* 16px → 18px */ --text-lg:clamp(1.125rem, 1.025rem + 0.5vw, 1.25rem);/* 18px → 20px */ --text-xl:clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);/* 20px → 24px */ --text-2xl:clamp(1.5rem, 1.275rem + 1.125vw, 2rem);/* 24px → 32px */ --text-3xl:clamp(2rem, 1.5rem + 2.5vw, 2.5rem);/* 32px → 40px */ --text-4xl:clamp(2.5rem, 1.75rem + 3.75vw, 3rem);/* 40px → 48px */ --text-5xl:clamp(3rem, 2rem + 5vw, 3.5rem);/* 48px → 56px */ /* Heading Scale - Optimized for impact and readability */ --h1:clamp(2rem, 1.5rem + 2.5vw, 2.5rem);/* 32px → 40px */ --h2:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);/* 24px → 32px */ --h3:clamp(1.25rem, 1.125rem + 0.625vw, 1.5rem);/* 20px → 24px */ --h4:clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);/* 18px → 20px */ --h5:clamp(1rem, 0.975rem + 0.125vw, 1.125rem);/* 16px → 18px */ --h6:clamp(0.9375rem, 0.925rem + 0.0625vw, 1rem);/* 15px → 16px */ /* Dynamic Line Heights - Adjusts with font size */ --line-height-tight:1.15;--line-height-snug:1.3;--line-height-normal:1.5;--line-height-relaxed:1.65;--line-height-loose:1.8;/* Fluid Line Height - For body text */ --line-height-body:clamp(1.5, 1.4 + 0.5vw, 1.65);/* Letter Spacing */ --tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;/* Font Weights */ --weight-thin:100;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;/* Max Width for Optimal Reading */ --max-width-prose:65ch;--max-width-prose-wide:75ch;--max-width-prose-narrow:55ch;/* Transitions */ --transition-fast:0.15s ease;--transition:0.3s ease;--transition-slow:0.5s ease;/* Breakpoints (for JS) */ --breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;/* Z-index Scale */ --z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;}/* ========================================================================== RESET & BASE STYLES ========================================================================== */*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--line-height-body);letter-spacing:var(--tracking-normal);color:var(--text-dark);background-color:var(--bg-white);overflow-x:hidden;min-height:100vh;/* Optimize text rendering */ font-feature-settings:'kern' 1, 'liga' 1;font-variant-ligatures:common-ligatures;-webkit-text-size-adjust:100%;}/* ========================================================================== TYPOGRAPHY ========================================================================== */h1, h2, h3, h4, h5, h6{font-weight:var(--weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-lg);color:var(--text-dark);letter-spacing:var(--tracking-tight);font-feature-settings:'kern' 1, 'liga' 1;}h1{font-size:var(--h1);line-height:var(--line-height-tight);letter-spacing:-0.03em;font-weight:var(--weight-bold);}h2{font-size:var(--h2);line-height:var(--line-height-snug);letter-spacing:-0.025em;}h3{font-size:var(--h3);line-height:var(--line-height-snug);letter-spacing:-0.015em;}h4{font-size:var(--h4);line-height:var(--line-height-normal);letter-spacing:-0.01em;}h5{font-size:var(--h5);line-height:var(--line-height-normal);font-weight:var(--weight-medium);}h6{font-size:var(--h6);line-height:var(--line-height-normal);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);}p{margin-bottom:var(--space-lg);line-height:var(--line-height-body);hanging-punctuation:first allow-end;}/* Prose wrapper for optimal reading */.prose{max-width:var(--max-width-prose);margin-left:auto;margin-right:auto;}.prose-wide{max-width:var(--max-width-prose-wide);}.prose-narrow{max-width:var(--max-width-prose-narrow);}/* Optimize paragraph spacing in article content */.prose p + p{margin-top:var(--space-md);}a{color:inherit;text-decoration:none;transition:var(--transition);}a:hover{color:var(--primary);}a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm);}strong, b{font-weight:var(--weight-bold);letter-spacing:-0.01em;}em, i{font-style:italic;}small{font-size:var(--text-sm);line-height:var(--line-height-normal);}/* Additional text elements */blockquote{margin:var(--space-xl) 0;padding-left:var(--space-lg);border-left:4px solid var(--primary);font-size:var(--text-lg);line-height:var(--line-height-relaxed);font-style:italic;color:var(--text-medium);}cite{display:block;margin-top:var(--space-md);font-size:var(--text-sm);font-style:normal;color:var(--text-dark);}code{font-family:var(--font-mono);font-size:0.875em;background:var(--bg-light);padding:0.125em 0.25em;border-radius:var(--radius-sm);}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--line-height-relaxed);background:var(--bg-light);padding:var(--space-lg);border-radius:var(--radius);overflow-x:auto;margin:var(--space-xl) 0;}pre code{background:none;padding:0;}/* ========================================================================== LAYOUT ========================================================================== */.container{width:100%;max-width:800px;margin:0 auto;padding:0 var(--space-md);}@media (min-width:768px){.container{padding:0 var(--space-lg);}}.site-main{min-height:60vh;}/* Grid System */.grid{display:grid;gap:var(--space-lg);}.grid-2{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));}.grid-3{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));}.grid-4{grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2, 1fr);}}@media (min-width:992px){.grid-3{grid-template-columns:repeat(3, 1fr);}.grid-4{grid-template-columns:repeat(4, 1fr);}}/* Flexbox Utilities */.flex{display:flex;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.items-center{align-items:center;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-sm{gap:var(--space-sm);}.gap-md{gap:var(--space-md);}.gap-lg{gap:var(--space-lg);}/* ========================================================================== HEADER & NAVIGATION ========================================================================== */.site-header{background:var(--primary);color:var(--text-light);padding:var(--space-md) 0;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow);}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-md);}.site-title{font-size:1.5rem;font-weight:var(--weight-bold);color:var(--text-light);}.site-title:hover{color:var(--text-light);}.custom-logo-link img{height:50px;width:auto;}/* Navigation */.nav-menu{display:none;}@media (min-width:992px){.nav-menu{display:block;}.nav-menu ul{display:flex;list-style:none;gap:var(--space-lg);margin:0;padding:0;}.nav-menu a{color:var(--text-light);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:var(--transition);position:relative;}.nav-menu a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--text-light);transition:var(--transition);}.nav-menu a:hover::after{width:80%;}.nav-menu a:hover{background:rgba(255,255,255,0.1);}/* Dropdown submenu */ .nav-menu .has-submenu{position:relative;}.nav-menu .has-submenu > a::before{content:'▼';font-size:8px;margin-left:4px;vertical-align:middle;}.nav-menu .submenu{position:absolute;top:100%;left:0;min-width:150px;background:var(--primary-dark);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;flex-direction:column;gap:0;padding:var(--space-sm) 0;z-index:var(--z-dropdown);}.nav-menu .has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateY(0);}.nav-menu .submenu a{padding:var(--space-sm) var(--space-md);white-space:nowrap;}.nav-menu .submenu a::after{display:none;}}/* Mobile Menu */.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm);z-index:var(--z-fixed);}@media (min-width:992px){.hamburger{display:none;}}.hamburger-line{width:25px;height:3px;background:var(--text-light);transition:var(--transition);border-radius:var(--radius-full);}.hamburger[aria-expanded="true"] .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(8px);}.hamburger[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0;}.hamburger[aria-expanded="true"] .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-8px);}@media (max-width:991px){.nav-menu{position:fixed;top:70px;left:0;right:0;background:var(--primary-dark);padding:var(--space-lg);transform:translateY(-100%);transition:transform var(--transition);box-shadow:var(--shadow-lg);max-height:calc(100vh - 70px);overflow-y:auto;}.nav-menu.active{display:block;transform:translateY(0);}.nav-menu ul{list-style:none;display:flex;flex-direction:column;gap:0;}.nav-menu a{display:block;color:var(--text-light);padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,0.1);transition:var(--transition);}.nav-menu a:hover{background:rgba(255,255,255,0.1);padding-left:var(--space-lg);}/* Mobile submenu */ .nav-menu .has-submenu > a::after{content:'▼';font-size:8px;margin-left:6px;}.nav-menu .submenu{display:block;padding-left:var(--space-lg);}.nav-menu .submenu a{font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.05);}}/* ========================================================================== BUTTONS ========================================================================== */.btn, button[class*="btn"], input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:inherit;font-size:1rem;font-weight:var(--weight-medium);text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;}.btn-primary{background:var(--primary);color:var(--text-light);border-color:var(--primary);}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow);}.btn-secondary{background:var(--bg-white);color:var(--primary);border-color:var(--primary);}.btn-secondary:hover{background:var(--primary);color:var(--text-light);}.btn-link{background:none;color:var(--primary);border:none;padding:0;font-weight:var(--weight-semibold);}.btn-link:hover{color:var(--primary-dark);text-decoration:underline;}button:disabled{opacity:0.6;cursor:not-allowed;pointer-events:none;}/* ========================================================================== CARDS ========================================================================== */.card{background:var(--bg-white);border-radius:var(--radius);padding:var(--space-xl);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden;}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);}.card-title{margin:0;font-size:1.25rem;}.card-body{flex:1;}.card-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-color);}/* Resource Cards with Descriptions */.resource-card{min-height:220px;}.resource-card p{flex:1;display:flex;align-items:center;}/* ========================================================================== FORMS ========================================================================== */input[type="text"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"],textarea,select{width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-white);transition:var(--transition);}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);}textarea{resize:vertical;min-height:120px;}label{display:block;margin-bottom:var(--space-sm);font-weight:var(--weight-medium);}/* ========================================================================== FOOTER ========================================================================== */.site-footer{background:var(--primary-dark);color:var(--text-light);padding:var(--space-2xl) 0 var(--space-lg);margin-top:var(--space-3xl);}.site-footer .container{max-width:1200px;}.footer-grid{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl);}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(2, 1fr);}}.footer-widget h3{color:var(--text-light);margin-bottom:var(--space-md);}.footer-widget ul{list-style:none;}.footer-widget li{margin-bottom:var(--space-sm);}.footer-widget a{color:rgba(255,255,255,0.8);transition:var(--transition);}.footer-widget a:hover{color:var(--text-light);padding-left:var(--space-sm);}.social-links{display:flex;gap:var(--space-md);list-style:none;}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:var(--radius-full);transition:var(--transition);}.social-links a:hover{background:var(--primary);transform:translateY(-3px);}.footer-bottom{text-align:center;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,0.1);}.footer-bottom p{margin:var(--space-sm) 0;opacity:0.8;}/* ========================================================================== UTILITIES ========================================================================== */.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.no-scroll{overflow:hidden;height:100vh;}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary);color:var(--text-light);padding:var(--space-sm) var(--space-md);z-index:var(--z-tooltip);transition:var(--transition);}.skip-to-content:focus{top:0;}/* Breadcrumbs */.breadcrumbs{padding:var(--space-sm) var(--space-md);font-size:0.875rem;color:var(--text-medium);}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-xs);}.breadcrumbs li::after{content:'›';margin-left:var(--space-xs);color:var(--text-medium);}.breadcrumbs li:last-child::after{display:none;}.breadcrumbs a{color:var(--primary);text-decoration:none;}.breadcrumbs a:hover{text-decoration:underline;}/* Loading States */.loading{opacity:0.6;pointer-events:none;cursor:wait;}/* ========================================================================== TYPOGRAPHY UTILITIES ========================================================================== *//* Text Sizes - Fluid responsive */.text-xs{font-size:var(--text-xs);}.text-sm{font-size:var(--text-sm);}.text-base{font-size:var(--text-base);}.text-lg{font-size:var(--text-lg);}.text-xl{font-size:var(--text-xl);}.text-2xl{font-size:var(--text-2xl);}.text-3xl{font-size:var(--text-3xl);}.text-4xl{font-size:var(--text-4xl);}.text-5xl{font-size:var(--text-5xl);}/* Font Weights */.font-thin{font-weight:var(--weight-thin);}.font-light{font-weight:var(--weight-light);}.font-normal{font-weight:var(--weight-normal);}.font-medium{font-weight:var(--weight-medium);}.font-semibold{font-weight:var(--weight-semibold);}.font-bold{font-weight:var(--weight-bold);}.font-extrabold{font-weight:var(--weight-extrabold);}.font-black{font-weight:var(--weight-black);}/* Line Heights */.leading-none{line-height:1;}.leading-tight{line-height:var(--line-height-tight);}.leading-snug{line-height:var(--line-height-snug);}.leading-normal{line-height:var(--line-height-normal);}.leading-relaxed{line-height:var(--line-height-relaxed);}.leading-loose{line-height:var(--line-height-loose);}/* Letter Spacing */.tracking-tighter{letter-spacing:-0.05em;}.tracking-tight{letter-spacing:var(--tracking-tight);}.tracking-normal{letter-spacing:var(--tracking-normal);}.tracking-wide{letter-spacing:var(--tracking-wide);}.tracking-wider{letter-spacing:var(--tracking-wider);}.tracking-widest{letter-spacing:var(--tracking-widest);}/* Text Alignment */.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.text-justify{text-align:justify;}/* Text Transform */.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.capitalize{text-transform:capitalize;}.normal-case{text-transform:none;}/* Text Decoration */.underline{text-decoration:underline;}.line-through{text-decoration:line-through;}.no-underline{text-decoration:none;}/* Text Styles */.italic{font-style:italic;}.not-italic{font-style:normal;}/* Text Wrapping & Overflow */.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.text-ellipsis{text-overflow:ellipsis;}.text-clip{text-overflow:clip;}.break-normal{overflow-wrap:normal;word-break:normal;}.break-words{overflow-wrap:break-word;}.break-all{word-break:break-all;}/* Font Family */.font-sans{font-family:var(--font-sans);}.font-serif{font-family:var(--font-serif);}.font-mono{font-family:var(--font-mono);}/* Text Color - Using existing color variables */.text-primary{color:var(--primary);}.text-dark{color:var(--text-dark);}.text-medium{color:var(--text-medium);}.text-light{color:var(--text-light);}.text-white{color:#fff;}.text-inherit{color:inherit;}/* Whitespace Control */.whitespace-normal{white-space:normal;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre{white-space:pre;}.whitespace-pre-line{white-space:pre-line;}.whitespace-pre-wrap{white-space:pre-wrap;}/* List Styles */.list-none{list-style:none;}.list-disc{list-style-type:disc;}.list-decimal{list-style-type:decimal;}.list-inside{list-style-position:inside;}.list-outside{list-style-position:outside;}/* First Letter & Line Styling */.first-letter\:capitalize::first-letter{text-transform:capitalize;}.first-letter\:float::first-letter{float:left;font-size:3em;line-height:1;font-weight:var(--weight-bold);margin-right:0.1em;}.first-line\:uppercase::first-line{text-transform:uppercase;}.first-line\:tracking-widest::first-line{letter-spacing:var(--tracking-widest);}/* Text Selection */.selection\:bg-primary::selection{background-color:var(--primary-light);color:var(--primary-dark);}/* Placeholder Text */.placeholder\:text-medium::placeholder{color:var(--text-medium);}/* Component-Specific Typography Classes */.hero-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--line-height-tight);letter-spacing:-0.03em;}.section-title{font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--space-xl);}.card-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--line-height-snug);margin-bottom:var(--space-md);}.meta-text{font-size:var(--text-sm);color:var(--text-medium);line-height:var(--line-height-normal);}.last-updated{font-size:var(--text-sm);color:var(--text-medium);margin-top:0.5rem;}.caption{font-size:var(--text-xs);color:var(--text-medium);line-height:var(--line-height-normal);font-style:italic;}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);}.badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);}/* Width Utilities */.w-100{width:100% !important;}.w100{width:100%;max-width:850px;margin:0 auto;}.content-narrow{max-width:800px;margin:0 auto;}/* Spacing Utilities */.mt-0{margin-top:0 !important;}.mb-0{margin-bottom:0 !important;}.mt-lg{margin-top:var(--space-lg);}.mb-lg{margin-bottom:var(--space-lg);}.mt-xl{margin-top:var(--space-xl);}.mb-xl{margin-bottom:var(--space-xl);}/* ========================================================================== RESPONSIVE IMAGES ========================================================================== */img{max-width:100%;height:auto;display:block;}#state_logo{max-width:200px;height:auto;margin:0 auto;}.single-state h1{text-align:center;}figure{margin:0;}figcaption{margin-top:var(--space-sm);font-size:0.875rem;color:var(--text-medium);font-style:italic;}/* ========================================================================== ACCESSIBILITY ========================================================================== */@media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}/* ========================================================================== DARK MODE TYPOGRAPHY ========================================================================== *//* Dark mode color variables */@media (prefers-color-scheme:dark){:root{/* Dark mode colors */ --text-dark:#e8e8e8;--text-medium:#b0b0b0;--text-light:#f5f5f5;--bg-light:#1a1a1a;--bg-white:#0d0d0d;--border-color:#333;/* Adjusted primary colors for dark mode */ --primary:#2ecc71;--primary-light:rgba(46, 204, 113, 0.15);--primary-medium:rgba(46, 204, 113, 0.35);--primary-dark:#27ae60;/* Dark mode specific variables */ --bg-card:#161616;--bg-hover:#222;--text-muted:#999;--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow:0 4px 8px rgba(0,0,0,0.4);--shadow-lg:0 8px 16px rgba(0,0,0,0.5);--shadow-xl:0 12px 24px rgba(0,0,0,0.6);}/* Adjust body background and text */ body{background-color:var(--bg-white);color:var(--text-dark);/* Slightly lighter font weight for better readability in dark mode */ font-weight:300;}/* Optimize font smoothing for dark backgrounds */ html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}/* Adjust heading colors and weights */ h1, h2, h3, h4, h5, h6{color:var(--text-light);/* Reduce font weight for better rendering on dark backgrounds */ font-weight:var(--weight-medium);}/* Special treatment for h1 */ h1{font-weight:var(--weight-semibold);color:#fff;}/* Paragraphs with slightly increased line height for dark mode */ p{line-height:calc(var(--line-height-body) * 1.05);color:var(--text-dark);}/* Links with better contrast */ a{color:var(--primary);}a:hover{color:var(--primary-dark);text-decoration:underline;}/* Code blocks with dark theme */ code{background:#1e1e1e;color:#e06c75;border:1px solid var(--border-color);}pre{background:#1e1e1e;color:#abb2bf;border:1px solid var(--border-color);}/* Blockquotes with adjusted styling */ blockquote{border-left-color:var(--primary);color:var(--text-medium);background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius);}/* Form elements */ input, textarea, select{background:var(--bg-card);color:var(--text-dark);border-color:var(--border-color);}input:focus, textarea:focus, select:focus{border-color:var(--primary);background:var(--bg-hover);}/* Buttons with dark mode styling */ .btn, button{background:var(--primary-dark);color:#fff;border:1px solid var(--primary);}.btn:hover, button:hover{background:var(--primary);}/* Cards and containers */ .card, .qa-widget{background:var(--bg-card);border:1px solid var(--border-color);}/* Specific section backgrounds */ .hero-section{background:var(--bg-card) !important;border-bottom:1px solid var(--border-color);}section{background-color:var(--bg-white);}/* Tables - dark mode specific */ .gov-table, .pres-table, .sen-table, .min-table, .rep-table, .state-table{background:var(--bg-card) !important;}.gov-table tbody tr:hover, .pres-table tbody tr:hover, .sen-table tbody tr:hover, .min-table tbody tr:hover, .rep-table tbody tr:hover, .state-table tbody tr:hover{background:var(--bg-hover) !important;}/* Cards dark mode */ .gov-card, .pres-card, .sen-card, .min-card, .rep-card, .state-card{background:var(--bg-card) !important;border:1px solid var(--border-color);}/* Alert boxes */ .alert{background:var(--bg-card) !important;border-color:var(--border-color) !important;color:var(--text-dark) !important;}/* Info alerts */ .alert-info, div[style*="background:#d1ecf1"], div[style*="background:#fff3cd"]{background:var(--bg-card) !important;border-left:4px solid var(--primary) !important;color:var(--text-dark) !important;}/* Navigation adjustments */ .site-header{background:#0a0a0a;border-bottom:1px solid var(--border-color);}.nav-menu a{color:var(--text-dark);}.nav-menu a:hover{color:var(--primary);}/* Footer adjustments */ .site-footer{background:#0a0a0a;border-top:1px solid var(--border-color);}/* Table styling */ table{border-color:var(--border-color);}th{background:var(--bg-card);color:var(--text-light);}td{border-color:var(--border-color);color:var(--text-dark);}/* Utility class adjustments for dark mode */ .text-dark{color:var(--text-light);}.text-medium{color:var(--text-medium);}.text-muted{color:var(--text-muted);}.bg-light{background:var(--bg-light);}.bg-white{background:var(--bg-white);}/* Meta text with better contrast */ .meta-text{color:var(--text-muted);opacity:0.9;}/* Caption text adjustment */ .caption{color:var(--text-muted);opacity:0.85;}/* Badge styling for dark mode */ .badge{background:var(--primary-dark);color:#fff;}/* Selection colors for dark mode */::selection{background-color:var(--primary-medium);color:#fff;}::-moz-selection{background-color:var(--primary-medium);color:#fff;}/* Scrollbar styling for webkit browsers */::-webkit-scrollbar{background:var(--bg-white);}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius);}::-webkit-scrollbar-thumb:hover{background:#444;}/* Placeholder text color */::placeholder{color:var(--text-muted);opacity:0.6;}/* HR/separator styling */ hr, .wp-block-separator{border-color:var(--border-color);opacity:0.3;}/* Search form adjustments */ .search-form input{background:var(--bg-card);color:var(--text-dark);}/* Pagination */ .pagination a{background:var(--bg-card);color:var(--text-dark);border-color:var(--border-color);}.pagination .current{background:var(--primary-dark);color:#fff;}/* Reduced opacity for better readability */ small, .small{opacity:0.85;}/* Strong text with adjusted weight */ strong, b{font-weight:var(--weight-medium);color:var(--text-light);}/* List item markers */ ul li::marker, ol li::marker{color:var(--primary);}/* Feature cards and additional elements */ .feature-card, .content-card, .info-box, .widget{background:var(--bg-card) !important;border:1px solid var(--border-color);}/* Archive and listing pages */ .archive-item, .post-item, .search-result{background:var(--bg-card);border-bottom:1px solid var(--border-color);}/* Sidebar widgets */ .sidebar .widget{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--space-lg);margin-bottom:var(--space-lg);}/* Forms in dark mode */ .search-form, .comment-form, .contact-form{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius);}/* Content areas */ .entry-content, .page-content, article.post{background:var(--bg-white);color:var(--text-dark);}/* Override any inline white backgrounds */ *[style*="background:#fff"], *[style*="background:#fff"], *[style*="background:white"], *[style*="background:white"]{background:var(--bg-card) !important;}*[style*="background:#f5f5f5"], *[style*="background:#f5f5f5"], *[style*="background:#f9f9f9"], *[style*="background:#f9f9f9"]{background:var(--bg-light) !important;}/* Feature section icons */ div[style*="background:var(--primary-light)"]{background:var(--primary-dark) !important;opacity:0.3;}}/* Manual dark mode class (for toggle functionality) *//* Note:JS adds dark-mode class to html element, so we use .dark-mode not body.dark-mode */.dark-mode{--text-dark:#e8e8e8;--text-medium:#b0b0b0;--text-light:#f5f5f5;--bg-light:#1a1a1a;--bg-white:#0d0d0d;--border-color:#333;--primary:#2ecc71;--primary-light:rgba(46, 204, 113, 0.15);--primary-medium:rgba(46, 204, 113, 0.35);--primary-dark:#27ae60;--bg-card:#161616;--bg-hover:#222;--text-muted:#999;--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow:0 4px 8px rgba(0,0,0,0.4);--shadow-lg:0 8px 16px rgba(0,0,0,0.5);--shadow-xl:0 12px 24px rgba(0,0,0,0.6);}.dark-mode body{background-color:var(--bg-white);color:var(--text-dark);font-weight:300;}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:var(--text-light);font-weight:var(--weight-medium);}.dark-mode h1{font-weight:var(--weight-semibold);color:#fff;}.dark-mode a{color:var(--primary);}.dark-mode a:hover{color:var(--primary-dark);text-decoration:underline;}.dark-mode code{background:#1e1e1e;color:#e06c75;border:1px solid var(--border-color);}.dark-mode pre{background:#1e1e1e;color:#abb2bf;border:1px solid var(--border-color);}.dark-mode .site-header,.dark-mode .site-footer{background:#0a0a0a;border-color:var(--border-color);}/* Cards and containers */.dark-mode .card,.dark-mode .qa-widget{background:var(--bg-card);border:1px solid var(--border-color);}/* Tables */.dark-mode .states-table,.dark-mode .gov-table,.dark-mode .pres-table,.dark-mode .sen-table,.dark-mode .min-table,.dark-mode .rep-table,.dark-mode .timeline-table,.dark-mode .table{background:var(--bg-card) !important;}.dark-mode .states-table tbody tr:hover,.dark-mode .gov-table tbody tr:hover,.dark-mode .pres-table tbody tr:hover,.dark-mode .sen-table tbody tr:hover,.dark-mode .min-table tbody tr:hover,.dark-mode .rep-table tbody tr:hover,.dark-mode .timeline-table tbody tr:hover,.dark-mode .table tbody tr:hover{background:var(--bg-hover) !important;}/* Mobile cards */.dark-mode .state-card,.dark-mode .gov-card,.dark-mode .pres-card,.dark-mode .sen-card,.dark-mode .min-card,.dark-mode .rep-card,.dark-mode .timeline-item,.dark-mode .quiz-card,.dark-mode .parastatal-card{background:var(--bg-card) !important;border:1px solid var(--border-color);color:var(--text-dark);}.dark-mode .state-card h3,.dark-mode .gov-card h3,.dark-mode .pres-card h3,.dark-mode .sen-card h3,.dark-mode .min-card h3,.dark-mode .rep-card h3,.dark-mode .quiz-card h2,.dark-mode .parastatal-card h3{color:var(--text-light);}/* Search inputs */.dark-mode .search-box input,.dark-mode input[type="search"],.dark-mode input[type="text"]{background:var(--bg-card);color:var(--text-dark);border-color:var(--border-color);}.dark-mode .search-box input:focus,.dark-mode input[type="search"]:focus,.dark-mode input[type="text"]:focus{border-color:var(--primary);background:var(--bg-hover);}/* Alert boxes */.dark-mode .alert,.dark-mode .no-results{background:var(--bg-card) !important;border-color:var(--border-color) !important;color:var(--text-dark) !important;}/* Quiz page styles */.dark-mode .welcome-section,.dark-mode .quiz-card{background:var(--bg-card);border:1px solid var(--border-color);}.dark-mode .quiz-card a{color:var(--text-dark);}.dark-mode .quiz-card a:hover{background-color:var(--bg-hover);}.dark-mode .section-divider span{color:var(--primary);}/* Parastatals page */.dark-mode .parastatals-footer{border-top-color:var(--border-color);}/* Form elements */.dark-mode input,.dark-mode textarea,.dark-mode select{background:var(--bg-card);color:var(--text-dark);border-color:var(--border-color);}/* Navigation */.dark-mode .nav-menu a{color:var(--text-dark);}.dark-mode .nav-menu a:hover{color:var(--primary);}/* Strong text */.dark-mode strong,.dark-mode b{font-weight:var(--weight-medium);color:var(--text-light);}/* Placeholder text */.dark-mode::placeholder{color:var(--text-muted);opacity:0.6;}.dark-mode .recruitment-toggle{background:var(--bg-card);border-color:var(--primary);color:var(--primary);}/* ========================================================================== QA SLIDER COMPONENT ========================================================================== */.qa-item{display:none;}.qa-item.active{display:block !important;}.qa-slider{position:relative;}.qa-counter{font-weight:600;color:var(--text-dark);min-width:80px;text-align:center;}/* ========================================================================== PRINT STYLES ========================================================================== */@media print{body{background:white;color:black;}.site-header, .site-footer, .hamburger, .btn, .no-print{display:none !important;}.container{max-width:100%;}a{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}.ca-share{display:none;}}/* Native share buttons */.ca-share{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;margin:1rem 0;padding:0.75rem;background:var(--bg-light);border-radius:var(--radius);}.ca-share-label{font-weight:600;color:var(--text-medium);margin-right:0.25rem;}.ca-share-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.45rem 0.75rem;font-size:0.875rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-white);color:var(--text-dark);text-decoration:none;cursor:pointer;transition:background-color 0.15s, color 0.15s, border-color 0.15s;}.ca-share-btn:hover, .ca-share-btn:focus{background:var(--primary);color:var(--text-light);border-color:var(--primary);}.ca-share-btn i{font-size:0.95rem;}@media (max-width:480px){.ca-share-btn span{display:none;}.ca-share-btn{padding:0.5rem 0.65rem;}}.error-report{max-width:900px;margin:var(--space-sm) auto var(--space-lg);padding:0 1.5rem;font-size:0.9rem;text-align:center;}.error-report summary{cursor:pointer;color:var(--primary);font-weight:600;}.error-report form{margin:var(--space-sm) auto 0;text-align:left;display:flex;flex-direction:column;gap:var(--space-sm);max-width:480px;}.error-report .er-intro{margin:0;color:var(--text-medium);}.error-report textarea,.error-report input[type="email"]{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font:inherit;}.error-report .er-hp{position:absolute;left:-9999px;top:-9999px;}.error-report button{align-self:flex-start;padding:var(--space-sm) var(--space-md);background:var(--primary);color:var(--text-light);border:0;border-radius:var(--radius-sm);cursor:pointer;}.error-report button:disabled{opacity:0.6;cursor:wait;}.error-report .er-response.success{color:var(--primary);}.error-report .er-response.error{color:#b00020;}