/*
Theme Name:  GStock
Theme URI:   https://gstock.com
Author:      GStock Team
Description: Enterprise IT Distribution WordPress Theme. Bootstrap 5, WooCommerce ready, fully responsive.
Version:     1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License:     GNU General Public License v2 or later
Text Domain: gstock
Tags:        e-commerce, woocommerce, bootstrap, business, technology
*/

:root {
  --gs-bg:        #04070d;
  --gs-bg2:       #080f1a;
  --gs-bg3:       #0d1829;
  --gs-panel:     #101e30;
  --gs-card:      #0e1b2b;
  --gs-cyan:      #00c8e8;
  --gs-cyan-dim:  #0099b8;
  --gs-blue:      #1a5cff;
  --gs-white:     #f0f5ff;
  --gs-dim:       #8899bb;
  --gs-muted:     #3d5070;
  --gs-border:    rgba(0,200,232,0.12);
  --gs-border2:   rgba(0,200,232,0.22);
  --gs-glow:      rgba(0,200,232,0.15);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--gs-bg);color:var(--gs-white);font-family:'Barlow',sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}
a{color:var(--gs-cyan);text-decoration:none;transition:color 0.2s}
a:hover{color:var(--gs-white)}
img{max-width:100%;height:auto}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--gs-bg)}
::-webkit-scrollbar-thumb{background:var(--gs-cyan-dim);border-radius:2px}

h1,h2,h3,h4,h5,h6{font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:1.1;color:var(--gs-white);letter-spacing:-0.01em}

.btn-gs-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(90deg,var(--gs-blue),var(--gs-cyan-dim));color:#fff;font-size:13px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:opacity 0.2s,box-shadow 0.2s;box-shadow:0 0 24px rgba(0,150,220,0.25)}
.btn-gs-primary:hover{opacity:0.88;color:#fff;box-shadow:0 0 40px rgba(0,200,232,0.35)}

.btn-gs-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:var(--gs-cyan);font-size:13px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--gs-border2);border-radius:4px;cursor:pointer;transition:all 0.2s}
.btn-gs-secondary:hover{background:var(--gs-glow);border-color:var(--gs-cyan);color:var(--gs-white)}

.gs-card{background:var(--gs-card);border:1px solid var(--gs-border);border-radius:10px;transition:border-color 0.3s,transform 0.3s,box-shadow 0.3s;overflow:hidden}
.gs-card:hover{border-color:rgba(0,200,232,0.35);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 30px rgba(0,200,232,0.06)}

.gs-eyebrow{display:flex;align-items:center;gap:12px;font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--gs-cyan);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:16px}
.gs-eyebrow::before{content:'';display:block;width:24px;height:1px;background:var(--gs-cyan)}

.gs-badge{display:inline-block;padding:3px 9px;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:0.1em;border-radius:3px;text-transform:uppercase}
.gs-badge-new{background:rgba(0,200,232,0.12);color:var(--gs-cyan);border:1px solid rgba(0,200,232,0.25)}
.gs-badge-hot{background:rgba(255,70,50,0.1);color:#ff4632;border:1px solid rgba(255,70,50,0.22)}
.gs-badge-stock{background:rgba(30,200,80,0.1);color:#1ec850;border:1px solid rgba(30,200,80,0.22)}

.gs-input{width:100%;padding:12px 16px;background:var(--gs-card);border:1px solid var(--gs-border);border-radius:6px;color:var(--gs-white);font-family:'Barlow',sans-serif;font-size:14px;outline:none;transition:border-color 0.2s}
.gs-input:focus{border-color:var(--gs-cyan-dim)}
.gs-input::placeholder{color:var(--gs-muted)}

.gs-label{display:block;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gs-muted);margin-bottom:7px}

.gs-section{padding:100px 0}
.gs-section-sm{padding:60px 0}
.container-gs{max-width:1280px;margin:0 auto;padding:0 40px}

@media(max-width:768px){.container-gs{padding:0 20px}.gs-section{padding:60px 0}}

/* WooCommerce */
.woocommerce .price{color:var(--gs-white);font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700}
.woocommerce .price del{color:var(--gs-muted);font-size:14px}
.woocommerce a.button,.woocommerce button.button{background:linear-gradient(90deg,var(--gs-blue),var(--gs-cyan-dim));color:#fff;border:none;border-radius:4px;padding:10px 20px;font-weight:600;letter-spacing:0.04em}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:linear-gradient(90deg,var(--gs-cyan-dim),var(--gs-blue));color:#fff}
.woocommerce .star-rating span::before{color:var(--gs-cyan)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:var(--gs-card);border-color:var(--gs-border);color:var(--gs-dim)}
.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--gs-cyan);border-color:var(--gs-cyan);color:var(--gs-bg)}