/* ============================================
   ENTERPRISE HEADER/FOOTER — Portable Pioneers
   ============================================ */

/* --- TOP BAR --- */
.site-top-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0}
.site-top-bar .site-top-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:44px;font-size:13px;color:#64748b;font-family:'Raleway',sans-serif}
.site-top-bar a{color:#64748b;text-decoration:none;transition:color .2s}
.site-top-bar a:hover{color:#dc2626}
.site-top-bar .top-sep{margin:0 12px;color:#cbd5e1;font-weight:300}
.site-top-bar i{color:#dc2626;margin-right:8px;font-size:12px}

/* --- HEADER --- */
.site-header{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative;z-index:1000}
.site-header .header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}
.site-header .logo img{height:42px;width:auto;transition:opacity .2s}
.site-header .logo:hover img{opacity:.85}

/* Desktop Nav */
.site-header .desktop-nav{display:flex;align-items:center;gap:0}
.site-header .desktop-nav > a{padding:8px 18px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#334155;text-decoration:none;transition:color .25s;position:relative;font-family:'Raleway',sans-serif}
.site-header .desktop-nav > a::after{content:'';position:absolute;bottom:2px;left:18px;right:18px;height:2px;background:#dc2626;transform:scaleX(0);transition:transform .25s;border-radius:1px}
.site-header .desktop-nav > a:hover{color:#dc2626}
.site-header .desktop-nav > a:hover::after{transform:scaleX(1)}
.site-header .desktop-nav > a.nav-active{color:#dc2626}
.site-header .desktop-nav > a.nav-active::after{transform:scaleX(1)}
.site-header .desktop-nav a.nav-cta{background:#dc2626;color:#fff !important;padding:9px 22px;border-radius:6px;margin-left:10px;font-weight:700;transition:all .25s;box-shadow:0 2px 8px rgba(220,38,38,.25)}
.site-header .desktop-nav a.nav-cta::after{display:none}
.site-header .desktop-nav a.nav-cta:hover{background:#b91c1c;box-shadow:0 4px 14px rgba(220,38,38,.35);transform:translateY(-1px)}

/* Mobile Toggle */
.site-header .mobile-toggle{display:none;background:none;border:none;font-size:24px;color:#334155;cursor:pointer;padding:8px;transition:color .2s}
.site-header .mobile-toggle:hover{color:#dc2626}

/* Products Dropdown */
.site-header .products-dd{position:relative}
.site-header .products-dd .dd-trigger{cursor:pointer}
.site-header .products-dd .dd-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 40px rgba(0,0,0,.12);border-radius:10px;min-width:220px;padding:8px 0;z-index:100;opacity:0;animation:none}
.site-header .products-dd:hover .dd-menu{display:block;animation:ddFadeIn .2s ease forwards}
@keyframes ddFadeIn{from{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.site-header .products-dd .dd-menu a{display:block;padding:10px 20px;font-size:13px;color:#475569;text-decoration:none;transition:all .15s;font-family:'Raleway',sans-serif}
.site-header .products-dd .dd-menu a:hover{background:#fef2f2;color:#dc2626;padding-left:24px}

/* Mobile Nav */
.site-header .mobile-nav{display:none;background:#fff;border-top:1px solid #f1f5f9;padding:0 24px 16px}
.site-header .mobile-nav.open{display:block;animation:mobSlideDown .25s ease}
@keyframes mobSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.site-header .mobile-nav a{display:block;padding:14px 0;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#475569;text-decoration:none;border-bottom:1px solid #f1f5f9;transition:color .2s;font-family:'Raleway',sans-serif}
.site-header .mobile-nav a:last-child{border-bottom:none}
.site-header .mobile-nav a:hover,.site-header .mobile-nav a.nav-active{color:#dc2626}

/* --- FOOTER --- */
.site-footer{background:#0f172a;color:#94a3b8;padding:60px 0 0;font-family:'Raleway',sans-serif}
.site-footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}
.site-footer h4{color:#f1f5f9;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin:0 0 24px;position:relative;padding-bottom:12px}
.site-footer h4::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:#dc2626;border-radius:1px}
.site-footer .contact-list{list-style:none;margin:0;padding:0}
.site-footer .contact-list li{margin-bottom:14px;font-size:13px;line-height:1.6;display:flex;align-items:flex-start;gap:10px}
.site-footer .contact-list i{color:#f87171;margin-top:3px;width:16px;text-align:center;flex-shrink:0}
.site-footer .contact-list a{color:#94a3b8;text-decoration:none;transition:color .2s}
.site-footer .contact-list a:hover{color:#f87171}

.site-footer .footer-form{margin:0}
.site-footer .footer-form > p{font-size:13px;margin-bottom:18px;line-height:1.7;color:#64748b}
.site-footer .footer-form input[type="text"],.site-footer .footer-form input[type="email"]{width:100%;padding:12px 16px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:13px;margin-bottom:12px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:'Raleway',sans-serif}
.site-footer .footer-form input::placeholder{color:#475569}
.site-footer .footer-form input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}
.site-footer .footer-form .code-row{display:flex;gap:10px;margin-bottom:12px}
.site-footer .footer-form .code-row input{flex:1;margin-bottom:0}
.site-footer .footer-form .code-row img{height:42px;border-radius:8px;cursor:pointer;border:1px solid #334155}
.site-footer .footer-form button{width:100%;padding:13px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .25s;font-family:'Raleway',sans-serif;text-transform:uppercase}
.site-footer .footer-form button:hover{background:#b91c1c;box-shadow:0 4px 14px rgba(220,38,38,.3)}

.site-footer .tag-list{display:flex;flex-wrap:wrap;gap:8px}
.site-footer .tag-list a{display:inline-block;padding:7px 14px;background:#1e293b;color:#94a3b8;font-size:12px;border-radius:6px;text-decoration:none;transition:all .25s;border:1px solid #334155;font-family:'Raleway',sans-serif}
.site-footer .tag-list a:hover{background:#dc2626;color:#fff;border-color:#dc2626}

.site-footer .footer-bottom{border-top:1px solid #1e293b;margin-top:50px;padding:24px 0;text-align:center;font-size:12px;color:#475569;letter-spacing:.5px}

/* --- MOBILE BOTTOM NAV --- */
.site-mob-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;z-index:999;padding:8px 0;box-shadow:0 -2px 10px rgba(0,0,0,.05)}
.site-mob-nav a,.site-mob-nav button{display:inline-block;width:25%;font-size:10px;color:#64748b;text-decoration:none;background:none;border:none;cursor:pointer;padding:4px 0;font-family:'Raleway',sans-serif;letter-spacing:.3px;transition:color .2s}
.site-mob-nav a svg,.site-mob-nav button svg{display:block;margin:0 auto 3px;width:20px;height:20px}
.site-mob-nav a:first-child{color:#dc2626}
.site-mob-nav a:hover,.site-mob-nav button:hover{color:#dc2626}

/* --- RESPONSIVE --- */
@media(max-width:1023px){
  .site-header .desktop-nav{display:none}
  .site-header .mobile-toggle{display:block}
  .site-header .mobile-nav.open{display:block}
  .site-footer .footer-inner{grid-template-columns:1fr;gap:36px}
  .site-mob-nav{display:block}
  body{padding-bottom:60px}
}
@media(max-width:640px){
  .site-top-bar .site-top-inner{font-size:11px;height:38px;padding:0 16px}
  .site-header .header-inner{height:60px;padding:0 16px}
  .site-header .logo img{height:34px}
}