/* ===========================================================
   Shared site chrome (header + footer) for standalone pages
   Matches main WHMCS-rendered site visual style
   =========================================================== */
:root{
  --wp-brand:#31473a; --wp-brand-700:#243530; --wp-brand-soft:#dfeae3; --wp-brand-50:#edf4ee;
  --wp-body:#3a4a44; --wp-muted:#6b6e6a; --wp-rule:#e7eae8; --wp-paper:#f4f6f5;
  --wp-ink:#161c2d; --wp-ink-2:#1a2620;
}
.wp-shared-wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media (max-width:991px){.wp-shared-wrap{padding:0 20px}}

/* ===== HEADER ===== */
.wp-site-header{background:#fff;border-bottom:1px solid var(--wp-rule);position:sticky;top:0;z-index:50}
.wp-site-header .wp-shared-wrap{display:flex;align-items:center;gap:24px;height:72px}
.wp-site-header__logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}
.wp-site-header__logo img{height:30px;width:auto;display:block}
.wp-site-header__nav{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:auto}
.wp-site-header__nav a{padding:10px 16px;font-size:14px;font-weight:600;color:var(--wp-ink-2);text-decoration:none;border-radius:8px;transition:all .15s}
.wp-site-header__nav a:hover{background:var(--wp-brand-50);color:var(--wp-brand-700)}
.wp-site-header__cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
.wp-site-header__login{padding:9px 14px;font-size:14px;font-weight:600;color:var(--wp-brand-700);text-decoration:none;border-radius:8px}
.wp-site-header__login:hover{background:var(--wp-brand-50);color:var(--wp-brand-700)}
.wp-site-header__btn{padding:10px 18px;background:var(--wp-brand);color:#fff !important;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;transition:background .15s}
.wp-site-header__btn:hover{background:var(--wp-brand-700)}
.wp-site-header__burger{display:none;background:transparent;border:0;padding:8px;cursor:pointer;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center}
.wp-site-header__burger span{display:block;width:22px;height:2px;background:var(--wp-brand-700)}
@media (max-width:991px){
  .wp-site-header__nav{display:none}
  .wp-site-header__cta{display:none}
  .wp-site-header__burger{display:flex}
}
.wp-mobile-menu{display:none;background:#fff;border-top:1px solid var(--wp-rule);padding:16px 20px;flex-direction:column;gap:4px}
.wp-mobile-menu a{padding:12px 14px;font-size:15px;font-weight:600;color:var(--wp-ink-2);text-decoration:none;border-radius:8px}
.wp-mobile-menu a:hover{background:var(--wp-brand-50)}
.wp-mobile-menu .wp-mobile-cta{background:var(--wp-brand);color:#fff;text-align:center;margin-top:8px}
body.wp-mobile-open .wp-mobile-menu{display:flex}

/* ===== FOOTER ===== */
.wp-site-footer{background:var(--wp-ink);color:#cfd4ce;padding:64px 0 0;margin-top:64px}
.wp-site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}
@media (max-width:991px){.wp-site-footer__grid{grid-template-columns:1fr 1fr;gap:32px}}
@media (max-width:560px){.wp-site-footer__grid{grid-template-columns:1fr}}
.wp-site-footer__brand img{height:32px;width:auto;margin-bottom:16px;display:block;filter:brightness(0) invert(1)}
.wp-site-footer__brand p{color:#a0a8a3;font-size:14px;line-height:1.65;max-width:340px}
.wp-site-footer__col h4{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}
.wp-site-footer__col a{display:block;color:#a0a8a3;font-size:14px;text-decoration:none;padding:6px 0;transition:color .15s}
.wp-site-footer__col a:hover{color:#fff}
.wp-site-footer__bottom{border-top:1px solid #2a3530;padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.wp-site-footer__bottom p{color:#7a8580;font-size:12px;margin:0}