/* Evil Labs UI polish. Tokens mirror the brand: black, acid green. */
:root{--el-accent:#bdf809;--el-bg:#0d0f08;--el-panel:#141809;--el-line:#2c3320;--el-fg:#eef2e6;--el-muted:#98a388;--el-r:12px}
html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
::selection{background:var(--el-accent);color:#000}
:where(input,select,textarea,button,a):focus-visible{outline:2px solid var(--el-accent);outline-offset:2px;border-radius:6px}
input[type=checkbox],input[type=radio]{accent-color:var(--el-accent)}
*{scrollbar-width:thin;scrollbar-color:#3a4220 transparent}

/* ---- form fields ---- */
input[type=text],input[type=email],input[type=search],input[type=tel],input[type=number],input[type=password],textarea,select{background:var(--el-bg);color:var(--el-fg);border:1px solid var(--el-line);border-radius:10px;padding:.65em .85em;font:inherit;transition:border-color .15s,box-shadow .15s}
input:hover,textarea:hover,select:hover{border-color:#4a5530}
input:focus,textarea:focus,select:focus{border-color:var(--el-accent);box-shadow:0 0 0 3px #bdf80926;outline:none}
select option{background:#141809;color:var(--el-fg)}

/* ---- buttons ---- */
.wp-element-button,.wp-block-button__link,.wc-block-components-button,.single_add_to_cart_button,button.button{border-radius:999px!important;font-weight:700;letter-spacing:.01em;transition:transform .15s,box-shadow .15s,filter .15s}
.wp-element-button:hover,.wp-block-button__link:hover,.single_add_to_cart_button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #bdf8092e;filter:brightness(1.05)}
.wp-element-button:active,.single_add_to_cart_button:active{transform:translateY(0)}

/* ---- custom dropdown (replaces the browser's native list) ---- */
.el-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden}
.el-select{position:relative;display:inline-block;min-width:240px;font-size:15px}
.el-select__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;background:var(--el-bg);color:var(--el-fg);border:1px solid var(--el-line);border-radius:999px;padding:.6em 1em .6em 1.1em;font:inherit;transition:border-color .15s,box-shadow .15s}
.el-select__btn:hover{border-color:#4a5530}
.el-select.open .el-select__btn,.el-select__btn:focus-visible{border-color:var(--el-accent);box-shadow:0 0 0 3px #bdf80926;outline:none}
.el-select__btn::after{content:"";width:9px;height:9px;border-right:2px solid var(--el-accent);border-bottom:2px solid var(--el-accent);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.el-select.open .el-select__btn::after{transform:translateY(2px) rotate(-135deg)}
.el-select__list{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;background:var(--el-panel);border:1px solid var(--el-line);border-radius:var(--el-r);box-shadow:0 18px 50px #000c,0 0 0 1px #000;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top;pointer-events:none;transition:opacity .15s,transform .15s}
.el-select.open .el-select__list{opacity:1;transform:none;pointer-events:auto}
.el-select__opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.6em .8em;border-radius:8px;cursor:pointer;color:var(--el-fg)}
.el-select__opt:hover,.el-select__opt.active{background:#bdf8091a;color:#fff}
.el-select__opt[aria-selected=true]{color:var(--el-accent);font-weight:700}
.el-select__opt[aria-selected=true]::after{content:"";width:6px;height:11px;border-right:2px solid var(--el-accent);border-bottom:2px solid var(--el-accent);transform:rotate(45deg) translate(-2px,-1px)}
.woocommerce-ordering{margin:0}

/* ---- quantity stepper ---- */
.quantity input[type=number]{-moz-appearance:textfield;appearance:textfield;text-align:center;width:3.4em;border:0;background:transparent;padding:.6em 0;box-shadow:none!important}
.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.el-qty{display:inline-flex;align-items:center;border:1px solid var(--el-line);border-radius:999px;background:var(--el-bg);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.el-qty:focus-within{border-color:var(--el-accent);box-shadow:0 0 0 3px #bdf80926}
.el-qty__btn{width:42px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--el-accent);font-size:22px;line-height:1;cursor:pointer;transition:background .15s}
.el-qty__btn:hover{background:#bdf80922}.el-qty__btn:active{background:#bdf80940}.el-qty__btn:disabled{opacity:.3;cursor:not-allowed}

/* ---- pagination ---- */
.wp-block-query-pagination{gap:8px!important;margin:36px 0 8px;flex-wrap:wrap;align-items:center}
.wp-block-query-pagination-numbers{display:flex;gap:8px;flex-wrap:wrap}
.wp-block-query-pagination .page-numbers,.wp-block-query-pagination-next,.wp-block-query-pagination-previous{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border:1px solid var(--el-line);border-radius:999px;background:var(--el-bg);color:var(--el-fg);text-decoration:none;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .15s}
.wp-block-query-pagination a:hover{border-color:var(--el-accent);color:var(--el-accent);transform:translateY(-1px)}
.wp-block-query-pagination .page-numbers.current{background:var(--el-accent);border-color:var(--el-accent);color:#000}
.wp-block-query-pagination .page-numbers.dots{border-color:transparent;background:transparent;min-width:0;padding:0 4px}
.wp-block-query-pagination-next,.wp-block-query-pagination-previous{gap:8px}

/* ---- product cards ---- */
.wc-block-product{border-radius:14px;transition:transform .2s,box-shadow .2s}
.wc-block-product:hover{transform:translateY(-3px)}
.wc-block-components-product-image img,.wc-block-product img{border-radius:12px}
.wc-block-components-product-price,.woocommerce-Price-amount{font-variant-numeric:tabular-nums}
.woocommerce-result-count{color:var(--el-muted)}

/* ---- category bar ---- */
.el-cats{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 22px;padding:0}
.el-cat{display:inline-flex;align-items:center;gap:8px;padding:.55em 1.05em;border:1px solid var(--el-line);border-radius:999px;background:var(--el-bg);color:var(--el-fg)!important;text-decoration:none!important;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .15s}
.el-cat span{font-size:12px;font-weight:700;color:var(--el-muted);background:#ffffff12;border-radius:999px;padding:1px 8px}
.el-cat:hover{border-color:var(--el-accent);transform:translateY(-1px)}
.el-cat.is-active{background:var(--el-accent);border-color:var(--el-accent);color:#000!important}.el-cat.is-active span{background:#00000026;color:#000}

/* ---- category row: one horizontal row of buttons; scrolls sideways when the screen is narrow ---- */
.el-cats{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;margin-inline:0!important;max-width:none!important;width:100%;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 94%,transparent);mask-image:linear-gradient(to right,#000 94%,transparent)}
.el-cats::-webkit-scrollbar{display:none}
.el-cat{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
@media (min-width:1000px){.el-cats{-webkit-mask-image:none;mask-image:none;flex-wrap:wrap!important;overflow:visible}}
@media (max-width:600px){.el-cat{padding:.5em .9em;font-size:14px}}

/* ---- header menu: button-style links ---- */
.wp-block-navigation .wp-block-navigation-item__content{padding:.5em 1em;border-radius:999px;border:1px solid transparent;transition:border-color .15s,background .15s,color .15s}
.wp-block-navigation .wp-block-navigation-item__content:hover{border-color:var(--el-accent);color:var(--el-accent)}
.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content{background:#bdf80922;border-color:var(--el-accent)}
.wp-block-navigation__responsive-container-open{border:1px solid var(--el-line);border-radius:999px;padding:6px 10px}