/*
Theme Name: eelDev Code
Theme URI: https://eeldev.com/
Author: eelDev
Description: Minimal developer-focused theme with a plugin directory, documentation hub and live WordPress changelog. Configure via Appearance > Customize > eelDev Code.
Version: 1.0.0
Requires at least: 6.2
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: eeldev-code
Tags: blog, portfolio, custom-logo, custom-menu, featured-images, wide-blocks
*/
:root{--bg:#121513;--panel:#181c19;--text:#e9ece5;--muted:#a0aaa2;--line:#303831;--accent:#b8d99b;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}figure{max-width:100%;margin:2em 0}iframe{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(44px,5.7vw,76px)}h2{font-size:clamp(30px,3.25vw,42px)}h3{font-size:23px;letter-spacing:-.025em}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.meta,.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.025em}.eyebrow{color:var(--accent);margin-bottom:24px}.meta{color:var(--muted)}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:30px}.wordmark{font-family:var(--mono);font-size:27px;font-weight:700;white-space:nowrap;letter-spacing:-1.5px}.wordmark span{color:var(--accent)}.custom-logo{max-width:180px;max-height:64px;object-fit:contain}.custom-logo-link{display:flex}.menu{list-style:none;display:flex;gap:30px;margin:0;padding:0}.menu a{font-size:13px;color:var(--muted)}.menu a:hover,.menu .current-menu-item>a{color:var(--text)}.menu li{position:relative}.sub-menu{display:none;position:absolute;z-index:20;min-width:230px;max-width:300px;list-style:none;margin:0;padding:16px;background:var(--panel);border:1px solid var(--line);right:0}.sub-menu li{padding:5px 0}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.sub-menu .sub-menu{position:static;border:0;border-left:1px solid var(--line);padding:6px 12px;min-width:0}.menu-toggle{display:none}.skip-link{position:absolute;left:20px;top:-90px;z-index:100;padding:12px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:70px;padding-block:104px 86px}.hero h1{margin-bottom:26px}.hero h1>span{color:var(--accent)}.intro{max-width:470px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:13px 21px;font-weight:600;font-size:14px}.button:hover{background:#d0e8bb;color:var(--bg)}.text-link{font-size:13px;white-space:nowrap}.text-link span{margin-left:10px}.hero-foot{margin:44px 0 0;font-size:11px}.hero-foot span{margin-inline:13px;color:#59665a}.code-art{border:1px solid var(--line);background:var(--panel);font-family:var(--mono);transform:translateY(9px)}.code-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 20px;color:var(--muted);font-size:11px}.code-top span:first-child{color:var(--text)}.code-body{padding:27px 19px 29px;font-size:13px;line-height:2}.code-body>div{white-space:pre}.code-body i{display:inline-block;width:34px;margin-right:10px;font-style:normal;color:#69746b;text-align:right}.comment{color:#9ba69d}.green,.string{color:var(--accent)}.code-status{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 18px;font-size:10px;color:var(--muted)}.code-status b{color:var(--accent);margin-right:8px;font-size:8px}.updates-section{padding-block:51px 56px;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:13px}.section-heading h2{margin:0}.section-heading>.text-link{padding-bottom:5px}.update-row{position:relative;display:grid;grid-template-columns:160px 1fr auto;gap:20px;align-items:center;padding:23px 0;border-top:1px solid var(--line)}.update-row h3{font-size:18px;letter-spacing:-.02em;margin:0}.update-row h3 a::after{content:'';position:absolute;inset:0}.update-link{font-size:12px;color:var(--muted)}.update-row:hover h3,.update-row:hover .update-link{color:var(--accent)}.products-section{padding-block:80px}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.product{position:relative;padding:30px 28px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .15s}.product:hover{background:var(--panel)}.product h3{margin:30px 0 13px;font-size:22px}.product h3 a::after{content:'';position:absolute;inset:0}.product p{font-size:14px;color:var(--muted);max-width:300px;min-height:47px;margin-bottom:30px}.product-top,.product-bottom{display:flex;justify-content:space-between;align-items:center}.symbol{font:24px var(--mono);color:var(--accent)}.product-top .meta{font-size:10px}.product-bottom .meta{font-size:10px;color:#9ba69d}.product-bottom>span:last-child{font-size:22px;color:var(--accent)}.support-section{padding-block:16px 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.support-section h2{margin-bottom:21px}.support-section p:not(.eyebrow){color:var(--muted);font-size:15px}.support-links a{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);font-size:23px}.support-links a:first-child{border-top:1px solid var(--line)}.support-links small{display:block;font-size:11px;margin-bottom:4px}.site-footer{border-top:1px solid var(--line);padding:38px 0 22px}.footer-top{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer-top .wordmark{font-size:21px}.footer-top p{color:var(--muted);font-size:12px;margin:0}.footer-top nav{margin-left:auto}.footer-top .menu{gap:22px}.footer-top .menu a{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;margin-top:33px;padding-top:22px;border-top:1px solid var(--line);font-size:10px}.page-shell{padding-block:72px 90px;min-height:65vh}.page-header{margin-bottom:42px}.page-header h1{margin-bottom:24px;font-size:clamp(38px,5vw,64px)}.page-header>p:last-child{color:var(--muted)}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.filter-bar input{flex:1;min-width:200px}.filter-bar select{min-width:180px}.filter-count{display:block;width:100%;font-size:11px;margin-top:4px}.docs-list{border-top:1px solid var(--line)}.doc-row{display:flex;gap:28px;align-items:center;padding:25px 8px;border-bottom:1px solid var(--line)}.doc-row strong{font-size:22px;font-weight:500}.doc-row>span:last-child{margin-left:auto;color:var(--accent)}.doc-row small{display:block;color:var(--muted);font-size:13px}.doc-row:hover{background:var(--panel)}input:not([type=checkbox]):not([type=radio]),textarea,select{max-width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:12px 15px;border-radius:0}input[type=submit],button.search-submit{background:var(--accent);color:var(--bg);padding:12px 20px;border:1px solid var(--accent);cursor:pointer}.search-form{display:flex;gap:12px;margin-bottom:32px}.search-form label{flex:1}.search-field{width:100%}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.entry-wrap{max-width:800px;margin:auto}.entry-content{overflow-wrap:anywhere}.entry-content p,.entry-content li{color:#c5cdc6}.entry-content a,.comment-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.entry-content h2{font-size:32px;margin-top:1.6em}.entry-content h3{margin-top:1.6em}.entry-content pre{overflow:auto;padding:24px;border:1px solid var(--line);background:var(--panel);font:13px/1.8 var(--mono)}.entry-content code{font-family:var(--mono);font-size:.9em}.entry-content blockquote{border-left:2px solid var(--accent);padding-left:24px;margin-left:0}.entry-content table{border-collapse:collapse;width:100%}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line)}.entry-content .alignwide{max-width:100%}.entry-content .alignleft{float:left;margin:0 24px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 24px}.entry-content::after{content:'';display:table;clear:both}.wp-caption-text,.gallery-caption{color:var(--muted);font-size:13px}.post-thumbnail{margin-bottom:36px}.post-thumbnail img{display:block;width:100%}.post-navigation,.pagination{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.nav-links{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.page-numbers{padding:6px 12px;border:1px solid var(--line)}.page-numbers.current{background:var(--accent);color:var(--bg)}.archive-item{padding:28px 0;border-top:1px solid var(--line)}.archive-item h2{font-size:28px;margin:8px 0 16px}.archive-item p{color:var(--muted)}.comments-area{margin-top:50px;border-top:1px solid var(--line);padding-top:32px}.comment-list{padding-left:24px}.comment-body{margin-bottom:28px}.comment-meta{font-size:13px;color:var(--muted)}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.comment-form textarea{width:100%}.bypostauthor>.comment-body{border-left:2px solid var(--accent);padding-left:16px}.sticky{border-left:2px solid var(--accent);padding-left:20px}.home-content{padding-bottom:60px}.empty-state{padding:25px 0;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1600px){.hero{padding-block:125px 105px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero{gap:35px}.code-body{font-size:11px;padding-inline:10px}.menu{gap:20px}.product{padding:24px 20px}.product h3{font-size:20px}.footer-top nav{margin-left:0;width:100%}}
@media(max-width:760px){.header-inner{min-height:78px;flex-wrap:wrap;gap:0;padding-block:18px}.wordmark{font-size:24px}.js .menu-toggle{display:block;background:none;color:var(--text);border:1px solid var(--line);padding:7px 12px;font:12px var(--mono)}#primary-nav{width:100%;padding-top:18px}.js #primary-nav{display:none}.js #primary-nav.is-open{display:block}#primary-nav .menu{display:block}#primary-nav .menu>li{padding:8px 0}#primary-nav .sub-menu{display:block;position:static;max-width:none;border:0;border-left:1px solid var(--line);margin-top:8px;background:none;padding:0 15px}.hero{grid-template-columns:1fr;padding-block:58px 55px;gap:45px}.hero h1{font-size:clamp(44px,9vw,66px)}.intro{font-size:16px}.hero-foot{margin-top:30px}.code-art{transform:none;max-width:500px;width:100%}.code-body{font-size:13px;padding:20px 12px}.section-heading{align-items:flex-start;gap:20px}.section-heading h2{font-size:29px}.section-heading>.text-link{font-size:11px;padding-top:6px}.section-heading .eyebrow{font-size:10px}.updates-section{padding-block:36px}.update-row{grid-template-columns:95px 1fr;gap:15px;padding:20px 0}.update-row .meta{font-size:10px}.update-row h3{font-size:16px;line-height:1.35}.update-link{display:none}.products-section{padding-block:48px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-section{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.support-section h2{font-size:34px}.footer-top{gap:15px}.footer-top p{width:100%}.footer-top .menu{gap:18px;flex-wrap:wrap}.page-shell{padding-block:45px 65px}.entry-content h2{font-size:28px}.doc-row strong{font-size:19px}.doc-row{gap:15px}.doc-row small{font-size:12px}}
@media(max-width:460px){.container{width:calc(100% - 36px)}.products-grid{grid-template-columns:1fr}.product{padding:24px}.product p{min-height:0}.product h3{font-size:24px}.section-heading{flex-wrap:wrap}.section-heading h2{font-size:30px}.hero h1{font-size:44px}.actions{gap:20px}.button{gap:20px;padding:12px 16px}.code-body{font-size:11px}.code-body i{width:22px}.code-status{font-size:9px}.hero-foot{font-size:10px}.hero-foot span{margin-inline:8px}.desktop-break{display:none}.search-form{flex-wrap:wrap}.search-form label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}