/*
Theme Name: Socialbilitty Business Directory OS
Theme URI: https://business-directory.socialbilitty.com/
Description: Proprietary Socialbilitty Studios theme for the Socialbilitty Business Directory.
Author: Socialbilitty Studios, LLC
Version: 1.1.1
License: Proprietary
Text Domain: socialbilitty-directory
*/

:root{
  --sb-bg:#02060a;
  --sb-bg-2:#050b12;
  --sb-panel:#07111b;
  --sb-panel-2:#0a1722;
  --sb-line:#17324d;
  --sb-line-soft:rgba(104,156,211,.20);
  --sb-text:#f4f7fb;
  --sb-muted:#9fb0c2;
  --sb-primary:#3C83F6;
  --sb-production:#A855F7;
  --sb-workforce:#3B82F6;
  --sb-facility:#EAB308;
  --sb-vendor:#14B8A6;
  --sb-readiness:#F97316;
  --sb-network:#22C55E;
  --sb-critical:#EF4343;
  --sb-fallback:#64748B;
  --sb-blue:var(--sb-primary);
  --sb-blue-2:var(--sb-primary);
  --sb-teal:var(--sb-vendor);
  --sb-teal-2:var(--sb-vendor);
  --sb-page-accent:var(--sb-primary);
  --sb-radius:12px;
  --sb-shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{background:var(--sb-bg)}
body{
  margin:0;
  background:
    radial-gradient(circle at 86% 0,rgba(60,131,246,.08),transparent 34rem),
    var(--sb-bg);
  color:var(--sb-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
a{color:var(--sb-blue-2)}
img{max-width:100%;height:auto}

/* Proprietary core shell for generic WordPress routes */
.sb-core-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(2,6,10,.95);
  border-bottom:1px solid var(--sb-line);
  backdrop-filter:blur(16px);
}
.sb-core-header__inner{
  width:min(1440px,calc(100% - 32px));
  height:72px;margin:auto;
  display:flex;align-items:center;gap:24px;
}
.sb-core-brand{display:flex;align-items:center;gap:12px;text-decoration:none!important}
.sb-core-brand img{width:170px;height:auto}
.sb-core-brand span{
  display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;
  border:1px solid color-mix(in srgb,var(--sb-primary) 42%,transparent);border-radius:999px;
  background:color-mix(in srgb,var(--sb-primary) 10%,transparent);color:#b8d5ff;
  font-size:9px;font-weight:900;letter-spacing:.14em;
}
.sb-core-nav{margin-left:auto;display:flex;align-items:center;gap:8px}
.sb-core-nav a{
  padding:9px 11px;border-radius:8px;color:#c7d6e5!important;
  font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none!important;
}
.sb-core-nav a:hover{background:rgba(22,119,210,.12);color:#fff!important}
.sb-core-nav .sb-core-join{background:var(--sb-network)!important;color:#06120a!important}
.sb-core-shell{
  width:min(1120px,calc(100% - 32px));
  margin:0 auto;padding:46px 0 72px;
}
.sb-core-pagehead{margin-bottom:18px}
.sb-core-kicker{
  margin:0 0 8px!important;color:var(--sb-page-accent,var(--sb-primary))!important;
  font-size:9px!important;font-weight:900!important;letter-spacing:.16em;text-transform:uppercase;
}
.sb-core-pagehead h1,.sb-core-card h1{
  margin:0 0 16px!important;color:#fff!important;
  font-size:clamp(36px,6vw,64px)!important;line-height:1!important;
  letter-spacing:-.045em!important;
}
.sb-core-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sb-core-card{
  margin:0 0 14px;padding:22px;
  background:rgba(7,17,27,.96);
  border:1px solid var(--sb-line);
  border-radius:14px;
  box-shadow:0 16px 42px rgba(0,0,0,.17);
}
.sb-core-card h2{margin:0 0 10px;color:#fff!important;font-size:24px!important}
.sb-core-card h1 a,.sb-core-card h2 a{color:#fff!important;text-decoration:none!important}
.sb-core-prose,.sb-core-card p{color:#c5d2df!important;font-size:15px;line-height:1.7}
.sb-core-prose a,.sb-core-card a{color:#79c0ff}
.sb-core-button{
  display:inline-flex;min-height:42px;align-items:center;padding:9px 14px;
  border-radius:8px;background:var(--sb-page-accent,var(--sb-primary));color:#09090B!important;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;
}
.sb-core-footer{border-top:1px solid var(--sb-line);background:#02060a;color:#71869b}
.sb-core-footer__inner{
  width:min(1120px,calc(100% - 32px));margin:auto;padding:22px 0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:10px;font-weight:750;
}
.sb-core-footer a{color:#91a7bb!important}

/* GeoDirectory remains the data/map engine; Socialbilitty owns its presentation. */
.geodir-map-wrap,
.geodir_map_container,
.main_map_wrapper,
.geodir-map-canvas{border-radius:14px!important}
.geodir-map-wrap{
  position:relative;
  padding-top:46px;
  background:linear-gradient(180deg,#07111b,#040a10)!important;
  border:1px solid var(--sb-line)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26);
  overflow:hidden;
}
.geodir-map-wrap:before{
  content:"EXPLORE / BUSINESS LOCATIONS";
  position:absolute;top:0;left:0;right:0;height:46px;
  display:flex;align-items:center;padding:0 15px;
  color:#c8d7e5;background:rgba(2,6,10,.88);
  border-bottom:1px solid var(--sb-line);
  font-size:9px;font-weight:900;letter-spacing:.14em;
  z-index:6;pointer-events:none;
}
.geodir-map-wrap:after{
  content:"LIVE MAP";
  position:absolute;top:14px;right:15px;
  color:var(--sb-facility);font-size:8px;font-weight:900;letter-spacing:.10em;
  z-index:7;pointer-events:none;
}
.geodir-map-wrap .map_background,
.geodir_map_container{background:#050b12!important}
.geodir-map-canvas{filter:saturate(.78) contrast(1.03) brightness(.92)}
.geodir-map-wrap .gm-style-mtc,
.geodir-map-wrap .gm-svpc,
.geodir-map-wrap .gm-fullscreen-control{display:none!important}
.advmap_nofound,.advmap_notloaded{
  background:rgba(2,7,12,.92)!important;color:var(--sb-text)!important;
}

/* Plugin forms inherit the Socialbilitty OS rather than a theme framework. */
.uwp_page,.uwp-login,.uwp-register,.uwp-account,.uwp-profile{color:var(--sb-text)}
.uwp_page input,.uwp_page select,.uwp_page textarea,
.geodir-add-listing input,.geodir-add-listing select,.geodir-add-listing textarea{
  background:#02080e!important;color:#fff!important;
  border:1px solid var(--sb-line)!important;border-radius:8px!important;
}
.uwp_page .btn-primary,.uwp_page button[type=submit],
.geodir-add-listing button,.geodir-add-listing input[type=submit]{
  background:var(--sb-page-accent,var(--sb-primary))!important;border-color:var(--sb-page-accent,var(--sb-primary))!important;
  color:#09090B!important;border-radius:8px!important;font-weight:800!important;
}

@media(max-width:900px){
  .sb-core-header__inner{width:calc(100% - 20px);height:62px}
  .sb-core-brand img{width:148px}
  .sb-core-brand span,.sb-core-nav{display:none}
  .sb-core-shell{width:calc(100% - 20px);padding-top:28px}
  .sb-core-grid{grid-template-columns:1fr}
  .geodir-map-wrap{padding-top:42px}
}

