/*
Theme Name: MH IT Solution - Tech & IT Knowledge Theme
Theme URI: https://mhitsolution.com
Author: MH IT Solution Development Team
Author URI: https://mhitsolution.com
Description: Ultra-fast, SEO-optimized, Core Web Vitals compliant WordPress theme specifically engineered for IT troubleshooting blogs, networking guides, and technical tutorials. Features native AdSense slots, YouTube VideoObject Schema, Gutenberg custom blocks, and zero heavy dependencies.
Version: 1.0.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mhitsolution
Tags: technology-blog, it-solutions, adsense-ready, seo-optimized, accessibility-ready, custom-menu, featured-images, microformats, post-formats, rtl-language-support
*/

:root {
  --mh-primary: #1e3a8a;
  --mh-primary-hover: #172554;
  --mh-accent: #2563eb;
  --mh-slate-900: #0f172a;
  --mh-slate-800: #1e293b;
  --mh-slate-700: #334155;
  --mh-slate-600: #475569;
  --mh-slate-100: #f1f5f9;
  --mh-slate-50: #f8fafc;
  --mh-border: #e2e8f0;
  --mh-font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --mh-font-mono: 'JetBrains Mono', Consolas, monospace;
}

/* Base Editorial Typography */
body {
  font-family: var(--mh-font-body);
  color: var(--mh-slate-900);
  background-color: var(--mh-slate-50);
  line-height: 1.7;
  font-size: 1.0625rem;
  margin: 0;
  padding: 0;
}

/* Constrained reading container */
.article-reading-container {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Callout Boxes */
.mh-callout {
  padding: 1.25rem 1.5rem;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
  border-left: 4px solid;
}
.mh-callout-info { background: #eff6ff; border-color: #3b82f6; color: #1e3a8a; }
.mh-callout-warning { background: #fffbeb; border-color: #f59e0b; color: #78350f; }
.mh-callout-tip { background: #ecfdf5; border-color: #10b981; color: #064e3b; }
.mh-callout-important { background: #fef2f2; border-color: #ef4444; color: #7f1d1d; }

/* Responsive Code & Terminal Boxes */
.mh-command-box {
  background: #0f172a;
  color: #f8fafc;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  position: relative;
  font-family: var(--mh-font-mono);
  overflow-x: auto;
  margin: 1.5rem 0;
}

/* AdSense Slot Reservation - Prevent CLS */
.ad-slot-reserved {
  min-height: 250px;
  background-color: #f1f5f9;
  border: 1px dashed #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.75rem;
  color: #64748b;
  margin: 1.5rem 0;
}

/* Print Styles */
@media print {
  .no-print, header, footer, .ad-slot, .sidebar { display: none !important; }
  body { background: #fff; color: #000; font-size: 12pt; }
  pre, code { border: 1px solid #ccc; page-break-inside: avoid; }
}