/*
Theme Name: TechXStore
Theme URI: https://techxstore.co.za/
Author: Tech Xperience
Description: Retail-first Elementor-compatible WordPress theme for TechXStore.
Version: 4.2.1
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: techxstore
*/

/* Retail palette overrides the shared family tokens. */
:root{--tx-blue:#0867e8;--tx-blue-2:#07192e;--tx-orange:#ff6b17;--tx-ink:#101a26;--tx-muted:#596675;--tx-bg:#f1f6fb;--tx-radius:14px}
.techx-retail .card{transition:transform .2s,box-shadow .2s}.techx-retail .card:hover{transform:translateY(-4px);box-shadow:var(--tx-shadow)}

:root{--tx-blue:#123a63;--tx-blue-2:#0b2947;--tx-orange:#e97924;--tx-ink:#162331;--tx-muted:#5e6c79;--tx-bg:#f4f7f9;--tx-white:#fff;--tx-border:#dce4ea;--tx-shadow:0 18px 45px rgba(12,41,70,.10);--tx-radius:10px;--tx-max:1180px;--tx-section:clamp(4rem,8vw,7rem);--tx-font:"Inter","Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--tx-ink);font-family:var(--tx-font);font-size:17px;line-height:1.65;background:#fff}img{max-width:100%;height:auto}a{color:var(--tx-blue)}a:hover{color:var(--tx-orange)}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.025em;margin:0 0 .8em;color:var(--tx-blue-2)}h1{font-size:clamp(2.7rem,6vw,5.4rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}p{margin:0 0 1.25rem}.container{width:min(calc(100% - 40px),var(--tx-max));margin-inline:auto}.narrow{max-width:760px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--tx-border)}.topbar{background:var(--tx-blue-2);color:#dfeaf3;font-size:.82rem}.topbar .container{display:flex;justify-content:flex-end;padding-block:.45rem}.topbar a{color:#fff;text-decoration:none}.header-main{display:flex;align-items:center;min-height:78px;gap:2rem}.brand{font-size:1.35rem;font-weight:800;text-decoration:none;color:var(--tx-blue-2);white-space:nowrap}.brand span{color:var(--tx-orange)}.site-nav{margin-left:auto}.site-nav ul{display:flex;align-items:center;gap:1.35rem;list-style:none;margin:0;padding:0}.site-nav li{position:relative}.site-nav a{text-decoration:none;color:var(--tx-ink);font-weight:650;font-size:.88rem;text-transform:uppercase;letter-spacing:.035em}.site-nav .sub-menu{display:none;position:absolute;top:100%;left:-1rem;width:260px;padding:.8rem;background:#fff;border:1px solid var(--tx-border);box-shadow:var(--tx-shadow)}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:grid;gap:.2rem}.site-nav .sub-menu a{display:block;padding:.55rem .7rem;text-transform:none;letter-spacing:0}.menu-toggle{display:none;border:0;background:var(--tx-blue);color:#fff;padding:.65rem .8rem;border-radius:5px}.hero{padding:clamp(5rem,11vw,9rem) 0;background:linear-gradient(100deg,rgba(11,41,71,.98),rgba(18,58,99,.92)),url('assets/networking.jpg') center/cover;color:#fff;overflow:hidden}.hero h1,.hero h2{color:#fff}.hero p{max-width:720px;font-size:clamp(1.1rem,2vw,1.35rem);color:#e5eef5}.eyebrow{display:block;margin-bottom:1rem;color:var(--tx-orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 1.25rem;border-radius:5px;background:var(--tx-orange);color:#fff!important;text-decoration:none;font-weight:750;border:2px solid var(--tx-orange);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#d96616}.button--ghost{background:transparent;border-color:#fff}.button--whatsapp{background:#238636;border-color:#238636}.section{padding:var(--tx-section) 0}.section--soft{background:var(--tx-bg)}.section--dark{background:var(--tx-blue-2);color:#dfe8f0}.section--dark h2,.section--dark h3{color:#fff}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,6rem);align-items:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid--2{grid-template-columns:repeat(2,1fr)}.card{padding:1.7rem;border:1px solid var(--tx-border);background:#fff;border-radius:var(--tx-radius);box-shadow:0 8px 24px rgba(12,41,70,.05)}.card h3 a{text-decoration:none}.card .number{font-size:2.4rem;font-weight:800;color:var(--tx-orange)}.checklist{columns:2;gap:2rem;padding:0;list-style:none}.checklist li{break-inside:avoid;padding:.45rem 0 .45rem 1.6rem;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--tx-orange);font-weight:900}.band{padding:2rem;background:var(--tx-blue);color:#fff;border-left:6px solid var(--tx-orange)}.band h2,.band h3{color:#fff}.page-hero{padding:5rem 0 3.5rem;background:var(--tx-blue-2);color:#fff}.page-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem)}.page-content{padding:var(--tx-section) 0}.page-content>.container>h2:not(:first-child){margin-top:3.5rem}.timeline{border-left:3px solid var(--tx-orange);padding-left:2rem}.timeline article{margin-bottom:2rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.product-card{border:1px solid var(--tx-border);background:#fff}.product-card img{aspect-ratio:1/1;object-fit:contain;padding:1rem}.product-card__body{padding:1.3rem}.site-footer{background:#081f35;color:#cbd7e1;padding:4rem 0 1.5rem}.site-footer h3{color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem}.site-footer a{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:3rem;padding-top:1.2rem;font-size:.85rem}.placeholder{background:#fff2b8;color:#5b4900;padding:.1rem .35rem}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pagination{margin-top:2rem}.elementor-page .page-content{padding:0}@media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--tx-border);padding:1rem 20px;max-height:75vh;overflow:auto}.site-nav.is-open{display:block}.site-nav ul{display:grid;gap:.2rem}.site-nav .sub-menu{display:grid;position:static;width:auto;box-shadow:none;border:0;padding:.25rem 0 .5rem 1rem}.split,.footer-grid{grid-template-columns:1fr}.grid,.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body{font-size:16px}.container{width:min(calc(100% - 28px),var(--tx-max))}.grid,.grid--2,.product-grid{grid-template-columns:1fr}.checklist{columns:1}.actions .button{width:100%}.topbar{display:none}.header-main{min-height:68px}.hero{padding:4.5rem 0}.section{padding:3.8rem 0}}