/*
Theme Name: Injection B2B
Description: Lightweight InjectCart B2B theme with server-rendered content and Gutenberg support.
Version: 1.7.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: injection-b2b
*/
:root{--ink:#17324d;--green:#1769aa;--lime:#dcefff;--muted:#5c7084;--line:#dce5ef;--paper:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b57718;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(42px,5.5vw,78px);max-width:900px}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:28px}p{color:var(--muted)}.site-header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:27px;display:flex;align-items:center;letter-spacing:-1.4px}.brand-mark{background:var(--green);color:var(--lime);font-family:Georgia,serif;width:33px;height:33px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:9px;line-height:1}.brand-dot{color:var(--green)}nav{display:flex;gap:28px;margin:auto;font-size:14px}nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.header-cta{font-size:13px;border:1px solid var(--ink);border-radius:30px;padding:11px 20px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.12fr 1fr;min-height:660px}.hero-copy{padding:80px 7% 64px 9%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:25px;color:var(--green)}.hero h1{font-size:clamp(42px,5.4vw,77px);margin-bottom:27px}.hero p{max-width:470px;font-size:16px}.actions{display:flex;align-items:center;gap:25px;margin:34px 0 58px;flex-wrap:wrap}.button{display:inline-flex;gap:28px;align-items:center;background:var(--green);color:white;border-radius:40px;padding:16px 25px;font-size:14px}.text-link{font-size:14px;font-weight:600}.hero-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot{height:7px;width:7px;background:var(--green);border-radius:100%}.hero-art{background:#dce2e8;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:24px 24px 24px 0;border-radius:5px;isolation:isolate}.orbit{border:1px solid #9eb1c1;width:520px;height:520px;border-radius:50%;position:absolute;transform:rotate(-30deg) scaleX(.7)}.orbit-two{transform:rotate(35deg) scaleX(.7);width:660px;height:660px}.art-core{font-family:Georgia,serif;font-size:230px;line-height:1;color:#2c4b66;transform:rotate(-17deg);text-shadow:12px 16px 0 #aebdcb;letter-spacing:-28px}.art-core span{color:#6a87a0}.art-label{position:absolute;top:28px;left:26px;letter-spacing:2px;font-size:9px}.art-bottom{position:absolute;bottom:25px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.intro-strip{display:flex;justify-content:space-between;gap:20px;padding:22px 5%;border-block:1px solid var(--line);font-size:12px;max-width:1440px;margin:auto}.section{max-width:1440px;margin:auto;padding:86px 5%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.section-top h2{margin-bottom:0}.section-top p{font-size:14px;margin-bottom:0}.category-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category{padding:29px;border:1px solid var(--line);background:#fff;min-height:310px;display:flex;flex-direction:column;transition:background .2s}.category:hover{background:#e7edf3;text-decoration:none}.category-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:40px}.category h3{max-width:250px}.category p{font-size:14px}.category .text-link{margin-top:auto}.featured{background:#ebeff2}.card{background:white;border:1px solid var(--line)}.card-visual{height:220px;display:grid;place-items:center;background:#dee4ea}.card img{width:100%;height:100%;object-fit:contain}.card-body{padding:25px}.card h3{font-size:26px}.card p{font-size:14px}.model-label{letter-spacing:4px;font-size:24px}.empty-state{grid-column:1/-1;padding:42px;background:#ffffff;border:1px solid var(--line);max-width:100%}.empty-state h3{font-size:32px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.large-text{font-size:26px;line-height:1.4;color:var(--ink)}.steps{margin-top:30px}.steps>div{display:flex;gap:25px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.steps b{font-size:11px;color:var(--green)}.resources{background:#dfe6ed}.resources p{max-width:480px}.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.contact{max-width:1440px;margin:auto;background:var(--green);padding:70px 5%;display:flex;justify-content:space-between;align-items:center;gap:50px;color:white}.contact .eyebrow{color:var(--lime)}.contact p{color:#e2e8ee}.light{background:var(--lime);color:var(--ink)}.contact-note{border-top:1px solid #7b94aa;padding-top:20px;font-size:14px}.site-footer{padding:65px 5% 24px;max-width:1440px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer p,.site-footer a:not(.brand){font-size:13px}.site-footer strong{font-size:12px;display:block;margin-bottom:14px}.site-footer a:not(.brand){display:block;margin-bottom:8px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.article{max-width:1200px;min-height:500px}.article h1{margin-top:35px}.entry-content{max-width:850px}.entry-content h2{font-size:32px;margin-top:40px}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0}.product-image{min-height:260px;background:#dfe6ed;display:grid;place-items:center;padding:30px}.product-image img{max-width:100%;height:auto}.draft-notice{padding:15px 20px;background:#fff3d8;border-left:3px solid #ae7c25;margin:20px 0;color:#674816;font-size:13px}.table-scroll{overflow-x:auto;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:14px}caption{text-align:left;padding:10px 0;color:var(--muted)}th{background:var(--green);color:white;text-align:left;font-weight:500}th,td{padding:16px;border:1px solid var(--line);min-width:125px}tbody tr:nth-child(even){background:#e8eef3}.source{font-size:12px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:10px;background:#fff;z-index:9999;padding:10px}img{max-width:100%}.wp-block-image img{height:auto}@media(max-width:850px){.site-header{flex-wrap:wrap;gap:15px;padding:20px 5%}nav{order:3;width:100%;margin:0;gap:25px}.header-cta{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 5% 30px}.hero h1{max-width:650px}.hero-art{min-height:330px;margin:0 5% 25px}.art-core{font-size:190px}.actions{margin-bottom:30px}.intro-strip{flex-wrap:wrap;justify-content:start;gap:15px 30px}.section{padding:55px 5%}.category-grid,.cards{grid-template-columns:1fr}.category{min-height:260px}.category h3{max-width:none}.section-top{display:block}.section-top p,.section-top>a{display:block;margin-top:20px}.about{grid-template-columns:1fr;gap:20px}.contact{display:block;padding:50px 5%}.contact>div+div{margin-top:35px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.product-intro{grid-template-columns:1fr}.footer-bottom{gap:20px}.hero h1{font-size:52px}}@media(max-width:400px){.hero h1{font-size:44px}.header-cta{font-size:11px;padding:10px 12px}.brand{font-size:24px}.brand-mark{display:none}.actions{gap:20px}.hero-art{min-height:290px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.device-photo{margin:0;width:100%;height:100%;background:#fff}.device-photo img{width:100%;height:100%;object-fit:contain}.device-photo figcaption{font-size:12px;padding:10px;color:var(--muted)}.product-image{padding:0;background:#fff;overflow:hidden}.product-image>.device-photo{height:auto}.product-image img{display:block;width:100%;max-height:500px;object-fit:contain}.variant-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.variant-gallery .device-photo{height:auto}.variant-gallery img{height:250px;object-fit:contain}.catalog-note{background:#e8eef3;padding:18px;border-left:3px solid var(--green)}.entry-content .wp-block-table{overflow-x:auto;margin:25px 0}.enquiry-form{margin-top:32px;background:white;border:1px solid var(--line);padding:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.enquiry-form label{display:block;font-size:14px;font-weight:600;margin-bottom:22px}.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea{display:block;width:100%;font:inherit;border:1px solid #94a8ba;border-radius:4px;padding:12px;margin-top:8px;background:#f8fafc;color:var(--ink)}.enquiry-form textarea{resize:vertical}.enquiry-form .consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;font-weight:400}.consent input{margin-top:6px;flex-shrink:0}.consent a{text-decoration:underline}.form-help{font-size:12px}.enquiry-form .button{border:0;cursor:pointer;font:inherit;font-size:14px}.isc-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.form-notice{padding:20px;background:#dce8f2;border-left:4px solid var(--green);margin:20px 0}.admin-test{padding:12px;background:#fff3d8}.article .entry-content a{text-decoration:underline}.card-visual{height:300px}.card .device-photo{height:300px}@media(max-width:850px){.variant-gallery,.form-grid{grid-template-columns:1fr}.enquiry-form{padding:20px}.variant-gallery img{height:320px}nav{flex-wrap:wrap;gap:15px 22px}.header-cta{white-space:nowrap}}

.usage-section{margin:45px 0 55px;padding:35px;background:#edf1f4;border-top:3px solid var(--green)}.usage-section>p{font-size:14px;max-width:950px}.usage-section .eyebrow{margin-bottom:12px}.usage-section h2{margin-bottom:20px}.usage-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0;list-style:none;counter-reset:usage;margin:30px 0}.usage-steps li{background:#fff;padding:25px;counter-increment:usage}.usage-steps li:before{content:"0" counter(usage);display:block;font-size:12px;color:var(--green);margin-bottom:20px}.usage-steps h3{font-size:24px;letter-spacing:-.025em}.usage-steps p{font-size:14px;margin-bottom:0}.usage-section a:not(.button){text-decoration:underline}.usage-section .source{font-size:12px}.usage-section .button{margin-top:15px}@media(max-width:800px){.usage-steps{grid-template-columns:1fr}.usage-section{padding:24px 20px}.usage-section .button{font-size:13px}}

.blog-intro{max-width:650px;margin-bottom:45px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.blog-card-image img{width:100%;height:220px;object-fit:cover;display:block}.blog-card-body{padding:28px}.blog-card h2{font-size:27px;margin:18px 0}.blog-card p{font-size:14px}.blog-date{font-size:12px;color:var(--muted)}.blog-article{max-width:950px}.blog-article .entry-content{font-size:17px}.blog-cover img{width:100%;height:auto;border-radius:12px}.blog-article .entry-content img{height:auto}.blog-article .entry-content a{text-decoration:underline}.blog-pagination{margin-top:40px}.blog-pagination .page-numbers{display:inline-block;padding:8px 15px;border:1px solid var(--line);border-radius:5px;margin:4px}.blog-pagination .current{background:var(--green);color:#fff}@media(max-width:850px){.blog-grid{grid-template-columns:1fr}.blog-card-image img{height:auto;max-height:320px;object-fit:cover}}
