/*
Theme Name: SoCalGrp Design Preview
Description: Non-transactional WordPress adaptation of supplied SoCalGrp HTML design.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: socalgrp-preview
*/

:root{--bg:#020c14;--panel:#071b28;--cyan:#32dfe9;--line:#217b91;--muted:#a4c3d0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3faff;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.top{background:#061723;border-bottom:1px solid #1b4a5c;font-size:12px;padding:8px max(4vw,20px);display:flex;justify-content:space-between;gap:10px}.top span:last-child{color:#b9e9f1}.nav{max-width:1550px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 3vw}.logo{width:330px;max-width:42vw;height:auto}.links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.links a{color:white;text-decoration:none;font-size:15px}.links a:hover{color:var(--cyan)}.cart{background:transparent;color:var(--cyan);border:1px solid var(--cyan);border-radius:6px;padding:10px 16px}.hero{height:min(29vw,340px);min-height:230px;background:#071923 url('assets/hero.jpg') center center/cover no-repeat;position:relative}.hero a{position:absolute;left:9.5%;top:68%;width:19%;height:17%;min-width:180px}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #24536a;background:#04121c;padding:17px 5%;gap:16px;text-align:center}.trust strong{display:block;color:#fff}.trust small{color:#b4d1d9}.trust b{color:var(--cyan);font-size:22px;margin-right:10px}.wrap{max-width:1510px;margin:auto;padding:20px 3vw}.section-title{text-align:center;letter-spacing:5px;font-size:22px;margin:4px 0 20px}.section-title:before,.section-title:after{content:' ─── ';color:var(--cyan)}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.category{border:1px solid var(--line);border-radius:10px;background:linear-gradient(160deg,#0a2635,#031019);color:white;min-height:100px;padding:16px 8px}.category .symbol{display:block;font-size:29px;color:var(--cyan);margin-bottom:9px}.category:hover,.product:hover{box-shadow:0 0 18px #13d5e53b}.products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.product{border:1px solid #348da0;border-radius:12px;background:linear-gradient(#0a2533,#06131e);text-align:center;padding:15px 8px 13px;min-width:0}.product img{width:90px;height:108px;object-fit:contain;mix-blend-mode:screen}.product h3{margin:6px 0;font-size:18px}.product small{display:block;color:#b7d4dc;margin-bottom:13px}.product button,.cta{border:0;border-radius:6px;background:linear-gradient(120deg,#80f5f6,#0cc9dc);padding:10px 16px;font-weight:bold;color:#03212b}.product button{width:95%}.coa{margin:35px auto;background:linear-gradient(110deg,#0a293a,#06131c);border:1px solid #338fa1;border-radius:12px;padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.coa p{color:var(--muted);max-width:620px}.search{display:flex;gap:10px;flex-wrap:wrap}.search input{padding:12px;border-radius:5px;border:1px solid #3c9daf;background:#06131b;color:white}.notice{border-top:1px solid #26546b;padding:20px;text-align:center;font-size:12px;color:#b7cdd4}.demo{color:#78e6ed;background:#07303a;text-align:center;padding:9px 14px;font-size:13px}.drawer{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:9;padding:20px}.drawer.show{display:flex}.modal{width:min(500px,100%);background:#071d29;border:1px solid var(--cyan);border-radius:12px;padding:25px}.modal h2{margin-top:0}.modal button{padding:10px 15px;border:1px solid var(--cyan);background:transparent;color:var(--cyan);border-radius:5px}.muted{color:var(--muted)}@media(max-width:1000px){.links{gap:12px}.products{grid-template-columns:repeat(3,1fr)}.nav{flex-wrap:wrap}.logo{max-width:280px}.hero{height:250px;background-position:center}.hero a{top:65%}}@media(max-width:600px){.top span:last-child{display:none}.nav{justify-content:center}.links{justify-content:center;gap:13px}.links a{font-size:13px}.hero{height:235px;background-position:45% center}.hero a{left:8%;top:66%;width:40%}.trust{grid-template-columns:repeat(2,1fr);font-size:12px}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.section-title{font-size:15px;letter-spacing:2px}.section-title:before,.section-title:after{content:' ─ '}.coa{display:block}.logo{max-width:300px}}

body.admin-bar .drawer{top:32px}

.scg-inner{min-height:55vh;padding-top:65px;padding-bottom:90px}.scg-inner h1{font-size:clamp(28px,4vw,46px);color:#f3faff}.scg-inner p{line-height:1.7}.scg-empty{border:1px solid var(--line);border-radius:12px;padding:35px;background:var(--panel);color:var(--muted);margin-top:28px}.scg-inner article{max-width:1000px}