/*
Theme Name: Spidernet
Theme URI: https://spidernet.io
Author: Spidernet
Description: Official theme for the Spidernet video collaboration platform.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: spidernet-theme
*/

*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
  font-size: 15px; line-height: 1.6;
  color: #E8E8EE; background: #13131A;
  -webkit-font-smoothing: antialiased;
}
.spn-site-header {
  height: 56px; background: #1E1E28;
  border-bottom: 1px solid #2A2A35;
  display: flex; align-items: center;
  padding: 0 32px; position: sticky; top: 0; z-index: 100;
}
.spn-site-logo {
  font-size: 17px; font-weight: 700; color: #E8E8EE;
  text-decoration: none; letter-spacing: 0.02em;
  display: flex; align-items: center; gap: 8px;
}
.spn-site-logo svg { fill: #4A8FE7; }
.spn-site-nav { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.spn-site-nav a {
  color: #9090A0; text-decoration: none; font-size: 13px;
  padding: 5px 12px; border-radius: 4px; transition: all 0.15s;
}
.spn-site-nav a:hover { color: #E8E8EE; background: #2A2A35; }
.spn-site-nav .spn-nav-cta { background: #4A8FE7; color: #fff; margin-left: 8px; }
.spn-site-nav .spn-nav-cta:hover { background: #5A9FF7; color: #fff; }
.spn-site-content { max-width: 880px; margin: 48px auto; padding: 0 24px; }
.spn-site-footer {
  background: #1E1E28; border-top: 1px solid #2A2A35;
  padding: 24px 32px; font-size: 12px; color: #606070;
  text-align: center; margin-top: 80px;
}
body.login { background: #13131A !important; }
body.login form {
  background: #1E1E28 !important; border: 1px solid #2A2A35 !important;
  border-radius: 8px; box-shadow: 0 8px 32px rgba(0,0,0,.5) !important;
}
body.login label { color: #9090A0 !important; }
body.login input[type="text"], body.login input[type="password"] {
  background: #13131A !important; border: 1px solid #3D3D48 !important;
  color: #E8E8EE !important; border-radius: 4px !important;
}
body.login .button-primary {
  background: #4A8FE7 !important; border-color: #4A8FE7 !important;
  border-radius: 4px !important; text-shadow: none !important; box-shadow: none !important;
}
body.login #nav a, body.login #backtoblog a { color: #606070 !important; }