/*
Theme Name: eelDev Catalog
Theme URI: https://eeldev.com/
Author: eelDev
Description: Product-first dark catalog with editable spotlight, product filters and documentation directory.
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-catalog
*/

#eel-catalog{background:#121513;color:#e9ece5;font:14px/1.6 'Segoe UI',sans-serif;padding:0 36px}#eel-catalog *{box-sizing:border-box}#eel-catalog a{color:inherit;text-decoration:none}#eel-catalog a:hover{text-decoration:underline;text-underline-offset:5px}#eel-catalog header{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #303831;padding:24px 0}#eel-catalog .logo{font:600 25px monospace;letter-spacing:-1px}#eel-catalog .logo span{color:#b8d99b}#eel-catalog nav{display:flex;gap:22px;padding-right:0;font-size:12px;color:#aab4ac;flex-wrap:wrap}#eel-catalog .intro{padding:38px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:25px}#eel-catalog .label{font:10px/1.6 monospace;text-transform:uppercase;letter-spacing:1.2px;color:#b8d99b}#eel-catalog h1{font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-1.5px;margin:10px 0}#eel-catalog .intro p{font-size:13px;color:#aab4ac;max-width:280px;margin:0 0 8px}#eel-catalog .showcase{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}#eel-catalog .feature{background:#1c251e;color:#e9ece5;padding:28px;display:flex;flex-direction:column;min-width:0}#eel-catalog .feature .label{color:#b8d99b}#eel-catalog .tagrow{display:flex;justify-content:space-between;gap:15px}#eel-catalog .tag{font:10px monospace;border:1px solid #526549;color:#b8d99b;padding:4px 7px}#eel-catalog .feature h2{font-size:40px;letter-spacing:-1.7px;margin:22px 0 0;font-weight:500;line-height:1.2}#eel-catalog .feature p{font-size:14px;margin:8px 0 19px;color:#aab9a8;max-width:350px}#eel-catalog .asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:8px 0 24px}#eel-catalog .asset{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#242f26;color:#a8c593;border:1px solid #384a38}#eel-catalog .asset i,#eel-catalog .asset svg{width:35px;height:35px;stroke-width:1.3}#eel-catalog .asset:nth-child(2n){background:#28342a}#eel-catalog .feature-bottom{border-top:1px solid #3b4d3b;padding-top:17px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;font-size:12px}#eel-catalog .cta{background:#b8d99b;color:#172017;padding:10px 15px;display:inline-block;font-size:12px}#eel-catalog .side{display:grid;grid-template-rows:1fr 1fr;gap:16px}#eel-catalog .side article{border:1px solid #364137;padding:24px;background:#1b211c}#eel-catalog h3{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:13px 0 10px}#eel-catalog .side p{color:#abb6ad;font-size:12px;margin:0 0 18px;max-width:290px}#eel-catalog .side a{font-size:12px;color:#b8d99b}#eel-catalog .catalog-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:36px 0 20px}#eel-catalog h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0}#eel-catalog .filters{display:flex;flex-wrap:wrap;gap:5px}#eel-catalog button{font:11px 'Segoe UI',sans-serif;border:1px solid transparent;color:#aab4ac;background:transparent;padding:7px 10px}#eel-catalog button[aria-pressed=true]{border-color:#596e4e;color:#c9e4b2;background:#222b20}#eel-catalog .products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#eel-catalog .product{border-top:1px solid #39443a;padding:20px 0 15px;display:flex;flex-direction:column}#eel-catalog .product h3{font-size:18px;margin:8px 0 10px}#eel-catalog .product p{font-size:12px;color:#aab4ac;margin:0 0 20px}#eel-catalog .product a{font:11px monospace;color:#b8d99b;margin-top:auto}#eel-catalog [hidden]{display:none!important}#eel-catalog .bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #303831;margin-top:24px;padding:28px 0}#eel-catalog .bottom h3{font-size:20px}#eel-catalog .bottom p{font-size:12px;color:#aab4ac}#eel-catalog .bottom a{font-size:12px;color:#b8d99b}#eel-catalog footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #303831;padding:21px 0;color:#929f95;font:10px monospace}@media(max-width:700px){#eel-catalog{padding:0 20px}#eel-catalog header,#eel-catalog .intro,#eel-catalog .catalog-head{align-items:start;flex-direction:column}#eel-catalog nav{padding-right:0;gap:15px}#eel-catalog .intro p{max-width:none}#eel-catalog .showcase{grid-template-columns:1fr}#eel-catalog .side{grid-template-columns:1fr 1fr;grid-template-rows:auto}#eel-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr))}#eel-catalog h1{font-size:34px}}@media(max-width:440px){#eel-catalog .side,#eel-catalog .products,#eel-catalog .bottom{grid-template-columns:1fr}#eel-catalog .feature{padding:20px}#eel-catalog .feature-bottom, #eel-catalog footer{align-items:start;flex-direction:column}#eel-catalog .asset svg{width:26px;height:26px}}

body{margin:0;background:#121513;color:#e9ece5}#eel-catalog{max-width:1252px;margin:auto;min-height:100vh}html{scroll-behavior:smooth}a,button,input{touch-action:manipulation}button{cursor:pointer}:focus-visible{outline:2px solid #b8d99b;outline-offset:4px}img{max-width:100%;height:auto}#eel-catalog .feature-image{width:100%;aspect-ratio:16/9;object-fit:contain;margin:20px 0;background:#172019}#eel-catalog .product-image{width:100%;aspect-ratio:16/9;object-fit:contain;margin-bottom:12px}#eel-catalog .entry{max-width:850px;margin:50px auto;overflow-wrap:anywhere}#eel-catalog .entry h1{font-size:38px}#eel-catalog .entry h2{margin:30px 0 16px}#eel-catalog .entry a{color:#b8d99b;text-decoration:underline}#eel-catalog .entry pre{overflow:auto;background:#1c251e;padding:20px}#eel-catalog .entry table{width:100%;border-collapse:collapse}#eel-catalog .entry td,#eel-catalog .entry th{border:1px solid #39443a;padding:10px}#eel-catalog input,#eel-catalog textarea,#eel-catalog select{background:#1c251e;color:#e9ece5;border:1px solid #526549;padding:10px;max-width:100%;font:inherit}#eel-catalog textarea{width:100%}#eel-catalog .post-row{padding:24px 0;border-bottom:1px solid #303831}#eel-catalog .post-row h2{margin:5px 0 10px}#eel-catalog .post-row time{color:#aab4ac;font:11px monospace}.screen-reader-text,.skip-link{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto;z-index:9999;background:#b8d99b;color:#172017;padding:12px;top:10px;left:10px}#eel-catalog .menu{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap}#eel-catalog .menu li{position:relative}#eel-catalog .sub-menu{list-style:none;padding:12px 16px;margin:0;background:#1c251e;min-width:220px;position:absolute;z-index:10;display:none;border:1px solid #39443a}#eel-catalog li:hover>.sub-menu,#eel-catalog li:focus-within>.sub-menu{display:block}#eel-catalog .sub-menu .sub-menu{position:static;padding:5px 10px;border:0}#eel-catalog .sub-menu li{padding:5px 0}#eel-catalog .custom-logo{max-width:180px;max-height:65px;width:auto}#eel-catalog .filter-count{color:#aab4ac;font-size:12px}#eel-catalog .alignleft{float:left;margin:0 24px 20px 0}#eel-catalog .alignright{float:right;margin:0 0 20px 24px}#eel-catalog .aligncenter{display:block;margin:auto}#eel-catalog .entry:after{content:'';display:block;clear:both}#eel-catalog .bypostauthor{border-left:2px solid #b8d99b;padding-left:16px}#eel-catalog .comment-list{padding-left:20px}#eel-catalog .wp-caption-text{color:#aab4ac}.filters{display:none!important}.js .filters{display:flex!important}@media(max-width:700px){#eel-catalog .sub-menu{position:static;display:block;border:0;min-width:0}#eel-catalog .menu{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#eel-catalog .intro h1{max-width:510px}#eel-catalog .asset img{width:35px;height:35px}#eel-catalog .intro>div{flex:1}#eel-catalog .intro>p{flex:0 1 280px}@media(max-width:700px){#eel-catalog .intro>p{flex:auto}}