/* ============================================================
   agentx-shop.css — conditionally loaded page bundle
   Migrated out of inline <style> blocks that used to live directly
   inside each template file (not cached by the browser, duplicated
   parse cost on every page load). Only enqueued on the templates
   that actually need it — see agentx_enqueue() in functions.php.
   ============================================================ */


/* ---- Shop / Category Archive (woocommerce/archive-product.php) ---- */
#agx-shop *,#agx-shop *::before,#agx-shop *::after{box-sizing:border-box;margin:0;padding:0;}
#agx-shop{font-family:'Inter',ui-sans-serif,system-ui,sans-serif;color:#1a1f2e;line-height:1.5;background:#fff;}
#agx-shop .bc{position:relative;border-bottom:1px solid #e8eaed;background:linear-gradient(to right,rgba(92,184,92,.08),transparent);overflow:hidden;}
#agx-shop .bc::before{content:'';position:absolute;inset:0;background:radial-gradient(400px 120px at 10% 50%,rgba(92,184,92,.25),transparent 70%);pointer-events:none;opacity:.6;}
#agx-shop .bc-in{max-width:1280px;margin:0 auto;padding:1.25rem 1rem;position:relative;}
#agx-shop .bc-nav{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;margin-bottom:.25rem;}
#agx-shop .bc-nav a{color:#6b7280;text-decoration:none;}
#agx-shop .bc-nav a:hover{color:#5cb85c;}
#agx-shop .bc-h1{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;color:#1a1f2e;}
#agx-shop .wrap{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 3rem;}
/* Toolbar */
#agx-shop .toolbar{display:flex;align-items:center;justify-content:space-between;background:#f7f8fa;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem;}
#agx-shop .tcount{font-size:.875rem;color:#6b7280;}
#agx-shop .tright{display:flex;align-items:center;gap:.75rem;}
#agx-shop select.ssort{border-radius:.375rem;border:1px solid #e8eaed;background:#fff;font-size:.875rem;padding:.375rem .75rem;outline:none;font-family:inherit;cursor:pointer;color:#1a1f2e;height:34px;}
/* Product Grid — 5 columns on desktop */
#agx-shop .grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);}
@media(min-width:480px){#agx-shop .grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:640px){#agx-shop .grid{grid-template-columns:repeat(4,1fr);}}
@media(min-width:1024px){#agx-shop .grid{grid-template-columns:repeat(5,1fr);}}
/* Product Card */
#agx-shop .card{position:relative;display:flex;flex-direction:column;border-radius:1rem;border:1px solid #e8eaed;background:#fff;padding:.75rem;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .3s;overflow:hidden;}
#agx-shop .card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(92,184,92,.45);border-color:rgba(92,184,92,.5);}
#agx-shop .cbadge{position:absolute;top:.75rem;left:.75rem;z-index:10;border-radius:.375rem;background:#5cb85c;color:#fff;padding:.25rem .5rem;font-size:.625rem;font-weight:700;line-height:1.2;white-space:nowrap;}
#agx-shop .cactions{position:absolute;top:.75rem;right:.75rem;z-index:10;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(8px);transition:opacity .3s,transform .3s;}
#agx-shop .card:hover .cactions{opacity:1;transform:translateX(0);}
#agx-shop .cact{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e8eaed;cursor:pointer;color:#1a1f2e;transition:background .2s,color .2s,transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.08);}
#agx-shop .cact:hover{background:#5cb85c;color:#fff;transform:scale(1.1);}
#agx-shop .cimg{display:block;text-decoration:none;aspect-ratio:1/1;overflow:hidden;border-radius:.75rem;background:#f7f8fa;position:relative;}
#agx-shop .cimg::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%) skewX(-20deg);pointer-events:none;}
#agx-shop .card:hover .cimg::after{animation:cshine 1s ease forwards;}
@keyframes cshine{to{transform:translateX(220%) skewX(-20deg)}}
#agx-shop .cimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s;}
#agx-shop .card:hover .cimg img{transform:scale(1.1);}
#agx-shop .cbody{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem;}
#agx-shop .crating{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:#f59e0b;}
#agx-shop .crating .rcnt{color:#6b7280;}
#agx-shop a.cname{font-size:.875rem;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.45rem;color:#1a1f2e;text-decoration:none;transition:color .2s;}
#agx-shop a.cname:hover{color:#5cb85c;}
#agx-shop .cprices{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem;}
#agx-shop .cprice{font-size:1rem;font-weight:900;color:#dc2626;}
#agx-shop .cold{font-size:.75rem;color:#6b7280;text-decoration:line-through;}
#agx-shop .cship{font-size:.625rem;font-weight:700;color:#449d44;text-transform:uppercase;}
#agx-shop .cadd{margin-top:.5rem;height:36px;border-radius:9999px;background:#1a1f2e;color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:none;cursor:pointer;width:100%;font-family:inherit;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s,background .2s;}
#agx-shop .card:hover .cadd{opacity:1;transform:translateY(0);}
#agx-shop .cadd:hover{background:#5cb85c;}