/*
Theme Name: GetModNest
Theme URI: https://getmodnest.com
Author: GetModNest Team
Author URI: https://getmodnest.com
Description: A high-performance WordPress theme for English technical notes, troubleshooting guides, database administration, AI environment setup, and web deployment documentation. Dark tech design with blue accents.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
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: getmodnest
Tags: technical-notes, documentation, database, ai, devops, dark, seo-optimized, responsive
*/

:root {
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-card: #1c2128;
    --border: #30363d;
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --accent-blue: #58a6ff;
    --accent-green: #2ea043;
    --accent-green-hover: #3fb950;
    --font-sans: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;
    --radius: 8px;
    --max-w: 1200px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent-blue);text-decoration:none;transition:color .2s}
a:hover{color:#79c0ff}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.3;font-weight:600}
h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}
p{margin-bottom:1rem;color:var(--text-secondary)}
ul,ol{padding-left:1.5rem;margin-bottom:1rem}
li{margin-bottom:.25rem;color:var(--text-secondary)}
code{font-family:Consolas,monospace;background:var(--bg-secondary);padding:.2em .4em;border-radius:4px;font-size:.875em}
pre{padding:1rem;overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius)}
pre code{padding:0;background:none}

.site-container{min-height:100vh;display:flex;flex-direction:column}
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}
.site-main{flex:1;padding:2rem 0}

/* Header */
.site-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;height:64px}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.site-branding{display:flex;align-items:center;gap:.5rem}
.site-title{font-size:1.35rem;font-weight:700}.site-title a{color:inherit}
.site-title .accent{color:var(--accent-blue)}
.main-navigation ul{display:flex;list-style:none;gap:.25rem;padding:0;margin:0}
.main-navigation li{margin:0}
.main-navigation a{display:block;padding:.5rem 1rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:6px;transition:color .2s,background .2s}
.main-navigation a:hover,.main-navigation .current-menu-item a{color:var(--text-primary);background:rgba(255,255,255,.05)}
.menu-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text-primary);padding:.5rem;border-radius:6px;cursor:pointer;line-height:1}
.menu-toggle svg{width:24px;height:24px;fill:currentColor}

/* Hero */
.hero-section{background:linear-gradient(135deg,var(--bg-secondary),#0d1921);border-bottom:1px solid var(--border);padding:3.5rem 0;text-align:center}
.hero-section h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.03em}
.hero-section h1 .accent{color:var(--accent-blue)}
.hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}
.hero-search{max-width:500px;margin:0 auto;position:relative}
.hero-search input[type="search"]{width:100%;padding:.875rem 3rem .875rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}
.hero-search input[type="search"]:focus{border-color:var(--accent-blue)}
.hero-search button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}
.hero-search button svg{width:20px;height:20px;fill:currentColor}

/* Categories */
.categories-section{padding:3rem 0}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.section-title{font-size:1.5rem;font-weight:600}
.section-link{font-size:.875rem;font-weight:500;color:var(--accent-blue)}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.75rem;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:.75rem}
.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4);border-color:var(--accent-blue)}
.category-icon{font-size:2.5rem;line-height:1}
.category-card h3{font-size:1.1rem;margin:0}
.category-card h3 a{color:var(--text-primary)}
.category-card .count{font-size:.8rem;color:var(--text-muted)}

/* Note Cards */
.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}
.note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}
.note-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4);border-color:var(--accent-blue)}
.note-card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-secondary)}
.note-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}
.note-card-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-blue);margin-bottom:.5rem}
.note-card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}
.note-card-title a{color:var(--text-primary)}.note-card-title a:hover{color:var(--accent-blue)}
.note-card-excerpt{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.note-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.note-card-meta{font-size:.8rem;color:var(--text-muted)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:background .2s,transform .1s;text-decoration:none;line-height:1.4}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--accent-green);color:#fff}
.btn-primary:hover{background:var(--accent-green-hover);color:#fff}
.btn-primary-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:12px}
.btn-outline{background:transparent;color:var(--accent-blue);border:1px solid var(--accent-blue)}
.btn-outline:hover{background:rgba(88,166,255,.1);color:var(--accent-blue)}
.btn-sm{padding:.4rem .875rem;font-size:.8rem}

/* Single Note */
.single-note{max-width:800px;margin:0 auto}
.single-note-header{margin-bottom:2rem}
.single-note-category{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-blue);background:rgba(88,166,255,.1);padding:.3rem .75rem;border-radius:6px;margin-bottom:1rem}
.single-note-title{font-size:2rem;font-weight:700;margin-bottom:.75rem}
.single-note-meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.875rem;color:var(--text-muted)}
.single-note-meta span{display:inline-flex;align-items:center;gap:.35rem}
.note-featured-image{width:100%;border-radius:12px;margin-bottom:2rem;border:1px solid var(--border)}

.note-summary-box{background:linear-gradient(135deg,#162033,#111c24);border:1px solid var(--accent-blue);border-radius:12px;padding:2rem;text-align:left;margin:2rem 0}
.note-summary-box h3{font-size:1.25rem;margin-bottom:.5rem;text-align:left}
.note-summary-box p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.25rem}



.note-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}
.note-summary-grid div{background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}
.note-summary-grid strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem}
.note-summary-grid span{display:block;color:var(--text-primary);font-size:.9rem}

.article-content{line-height:1.8;margin-bottom:2.5rem}
.article-content h2{margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}
.article-content h3{margin-top:1.5rem;margin-bottom:.75rem}
.article-content p{margin-bottom:1rem}
.article-content ul,.article-content ol{margin-bottom:1.25rem}
.article-content li{margin-bottom:.4rem}
.article-content img{border-radius:var(--radius);margin:1.5rem 0}
.article-content blockquote{border-left:3px solid var(--accent-blue);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--bg-secondary);border-radius:0 var(--radius) var(--radius) 0}
.article-content blockquote p{margin-bottom:0}
.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.article-content th,.article-content td{padding:.75rem 1rem;border:1px solid var(--border);text-align:left}
.article-content th{background:var(--bg-secondary);font-weight:600}

/* Related */
.related-notes{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
.related-notes h2{margin-bottom:1.5rem;border-bottom:none;padding-bottom:0}

/* Archive */
.archive-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.archive-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}
.archive-description{color:var(--text-secondary);font-size:1rem;max-width:600px}

/* Pagination */
.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:1px solid var(--border);transition:all .2s}
.pagination a{color:var(--text-secondary);background:var(--bg-card)}
.pagination a:hover{border-color:var(--accent-blue);color:var(--accent-blue)}
.pagination .current{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}
.pagination .dots{border:none;color:var(--text-muted)}

/* Page */
.page-content{max-width:800px;margin:0 auto}
.page-content .entry-title{font-size:2rem;margin-bottom:1.5rem}
.page-content .entry-content{line-height:1.8}

/* Ad Slot */
.ad-slot{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--text-muted);font-size:.8rem;margin:2rem 0}

/* Footer */
.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 0 1.5rem;margin-top:2rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.footer-brand .site-title{font-size:1.25rem;margin-bottom:.75rem}
.footer-brand p{font-size:.875rem;color:var(--text-muted)}
.footer-col h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col li{margin-bottom:.5rem}
.footer-col a{font-size:.875rem;color:var(--text-muted)}
.footer-col a:hover{color:var(--text-primary)}
.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copyright{font-size:.8rem;color:var(--text-muted)}
.footer-links{display:flex;gap:1.5rem}
.footer-links a{font-size:.8rem;color:var(--text-muted)}
.footer-links a:hover{color:var(--text-primary)}

/* Breadcrumbs */
.breadcrumbs{font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem;padding:.75rem 0}
.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--accent-blue)}
.breadcrumbs .separator{margin:0 .5rem;opacity:.5}

/* No Results */
.no-results{text-align:center;padding:4rem 1rem}
.no-results h2{margin-bottom:1rem}

/* WP Core */
.alignleft{float:left;margin-right:1.5rem;margin-bottom:1rem}
.alignright{float:right;margin-left:1.5rem;margin-bottom:1rem}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%;margin-bottom:1rem}
.wp-caption-text{font-size:.8rem;color:var(--text-muted);padding-top:.5rem}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute;height:1px;width:1px;overflow:hidden}

/* Responsive */
@media(max-width:768px){
.menu-toggle{display:block}
.main-navigation{display:none;position:absolute;top:56px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem}
.main-navigation.is-open{display:block}
.main-navigation ul{flex-direction:column;gap:0}
.main-navigation a{padding:.75rem 1rem}
.hero-section{padding:2.5rem 0}.hero-section h1{font-size:1.75rem}
h1{font-size:1.5rem}h2{font-size:1.25rem}
.notes-grid{grid-template-columns:1fr}
.category-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:1fr 1fr}
.single-note-title{font-size:1.5rem}
.note-summary-box{padding:1.5rem}
.footer-bottom{flex-direction:column;text-align:center}
}
@media(max-width:480px){
.category-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.note-card-footer{flex-direction:column;align-items:flex-start}
}