/*
Theme Name: GlobalIT MultiCompany SaaS PRO
Theme URI: https://globalitestonia.com/
Author: Global IT
Author URI: https://globalitestonia.com/
Description: Dark Blue premium SaaS-style WordPress theme. Elementor-friendly, mobile responsive, multi-company ready. Developed by Global IT.
Version: 1.2.0
License: GPLv2 or later
Text Domain: globalit-saas-pro
*/

:root{
  --gi-bg:#071326;
  --gi-bg2:#0b1e3d;
  --gi-card:#0c2248;
  --gi-text:#e8f0ff;
  --gi-muted:#b7c7e6;
  --gi-accent:#4aa3ff;
  --gi-accent2:#7c4dff;
  --gi-border:rgba(255,255,255,.08);
  --gi-shadow:0 18px 45px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(900px 520px at 20% 10%, rgba(74,163,255,.18), transparent 55%),
              radial-gradient(900px 520px at 80% 0%, rgba(124,77,255,.14), transparent 55%),
              linear-gradient(180deg, var(--gi-bg), var(--gi-bg2));
  color:var(--gi-text);
}
a{color:var(--gi-accent); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 18px}
.site-header{
  position:sticky; top:0; z-index:999;
  backdrop-filter: blur(10px);
  background: rgba(7,19,38,.65);
  border-bottom:1px solid var(--gi-border);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px; padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;min-width:180px}
.brand img{height:38px;width:auto}
.brand .title{font-weight:700;letter-spacing:.2px}
.brand .tagline{font-size:12px;color:var(--gi-muted);margin-top:2px}
.nav-toggle{display:none;background:none;border:1px solid var(--gi-border);color:var(--gi-text);padding:8px 10px;border-radius:10px}
.primary-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:14px;align-items:center}
.primary-nav a{color:var(--gi-text);opacity:.92}
.primary-nav a:hover{opacity:1;text-decoration:none}
.header-cta{display:flex;gap:10px;align-items:center}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:14px;
  border:1px solid var(--gi-border);
  color:var(--gi-text); background: rgba(255,255,255,.04);
  box-shadow: none;
}
.btn.primary{
  background: linear-gradient(135deg, rgba(74,163,255,.92), rgba(124,77,255,.88));
  border:0;
}

/* =============================
   Client Portal (SaaS Dashboard)
   ============================= */
.gi-portal{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 74px)}
.gi-portal-sidebar{position:sticky;top:74px;align-self:start;height:calc(100vh - 74px);padding:16px;border-right:1px solid var(--gi-border);background:rgba(0,0,0,.10)}
.gi-portal-brand{padding:14px;border:1px solid var(--gi-border);border-radius:18px;background:rgba(255,255,255,.04);box-shadow:var(--gi-shadow)}
.gi-portal-mark{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;background:linear-gradient(135deg, rgba(74,163,255,.92), rgba(124,77,255,.88))}
.gi-portal-name{margin-top:10px;font-weight:800}
.gi-portal-tag{margin-top:4px;color:var(--gi-muted);font-size:12px}
.gi-portal-nav{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.gi-portal-link{padding:10px 12px;border-radius:14px;border:1px solid var(--gi-border);background:rgba(255,255,255,.04);color:var(--gi-text);text-decoration:none;font-weight:700;opacity:.95}
.gi-portal-link:hover{opacity:1;text-decoration:none;border-color:rgba(74,163,255,.25)}
.gi-portal-footer{margin-top:14px;color:var(--gi-muted);opacity:.8}
.gi-portal-main{padding:18px}
.gi-portal-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.gi-portal-title{margin:0 0 6px;font-size:26px}
.gi-portal-sub{margin:0;color:var(--gi-muted)}
.gi-portal-content{max-width:1180px}

@media(max-width:980px){
  .gi-portal{grid-template-columns:1fr}
  .gi-portal-sidebar{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--gi-border)}
}
.btn:hover{transform: translateY(-1px)}
main{min-height:60vh}
.card{
  background: rgba(12,34,72,.78);
  border:1px solid var(--gi-border);
  border-radius:18px;
  box-shadow: var(--gi-shadow);
}
.site-footer{
  margin-top:50px;
  border-top:1px solid var(--gi-border);
  background: rgba(7,19,38,.55);
}
.footer-inner{padding:28px 0;color:var(--gi-muted);font-size:14px}
.footer-grid{display:grid;grid-template-columns: 1.4fr 1fr 1fr;gap:18px}
.footer-grid a{color:var(--gi-muted)}
.footer-grid a:hover{color:var(--gi-text);text-decoration:none}
.footer-bottom{margin-top:14px;padding-top:14px;border-top:1px solid var(--gi-border);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

.gi-whatsapp{
  position:fixed; right:18px; bottom:18px; z-index:9999;
  width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background: rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.gi-whatsapp svg{width:26px;height:26px;fill:#25D366}

.gi-company-switch{
  background: rgba(255,255,255,.04);
  border:1px solid var(--gi-border);
  color:var(--gi-text);
  border-radius:12px;
  padding:8px 10px;
  max-width:220px;
}

@media (max-width: 900px){
  .nav-toggle{display:inline-flex}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background: rgba(7,19,38,.92);border-bottom:1px solid var(--gi-border)}
  .primary-nav.open{display:block}
  .primary-nav ul{flex-direction:column;align-items:flex-start;padding:12px 18px}
  .footer-grid{grid-template-columns:1fr;gap:14px}
}