/*
Theme Name: Site Sphere Digital
Theme URI: https://sitespheredigital.com/
Author: Site Sphere Digital
Description: Pixel-faithful WordPress rebuild of the Site Sphere Digital Base44 website.
Version: 1.0.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: site-sphere-digital
*/

html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #0f1729; }
body.admin-bar header.fixed { top: 32px; }

/* The source application reveals these elements through JavaScript. In the
   WordPress build they are made visible immediately for a stable first paint. */
[style*="opacity: 0"] {
  opacity: 1 !important;
}
[style*="opacity: 0"][style*="transform:"] {
  transform: none !important;
}

.site-sphere-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  padding: 6rem 1.5rem 2rem;
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(16px);
}
.site-sphere-mobile-menu.is-open { display: block; }
.site-sphere-mobile-menu a {
  display: block;
  padding: .9rem 1rem;
  border-bottom: 1px solid rgba(15,23,42,.08);
  color: #0f1729;
  font: 600 1.15rem Poppins, sans-serif;
  text-decoration: none;
}
.site-sphere-mobile-menu .close-menu {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  border: 0;
  background: #0066ff;
  color: #fff;
  border-radius: 999px;
  padding: .7rem 1rem;
  font-weight: 700;
}

.site-sphere-notice {
  max-width: 54rem;
  margin: 8rem auto -5rem;
  padding: 1rem 1.25rem;
  border-radius: 1rem;
  background: #e9f4ff;
  color: #0f1729;
  text-align: center;
}

@media (max-width: 782px) {
  body.admin-bar header.fixed { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}
