/*
Theme Name: MicroOne Technologies
Theme URI: https://micro1tech.com
Author: MicroOne Technologies
Author URI: https://micro1tech.com
Description: Custom WordPress theme converting the MicroOne Technologies static site. The original design is preserved exactly; each page's content lives in its own template file, and standard WordPress plugin hooks (wp_head / wp_footer) are wired in so marketing/SEO/analytics plugins work site-wide.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: microone
*/

/* ---------------------------------------------------------------------------
   SHARED BASE / NAV / FOOTER STYLES
   These load on EVERY page (including 404 and any future pages) so the shared
   header and footer always look right. Each page template also carries its own
   full inline CSS for its body content -- the duplicated base rules below are
   identical in value, so there is no conflict.
   --------------------------------------------------------------------------- */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;background:#f5f3ee;color:#1a1a1a;overflow-x:hidden}
:root{
  --navy:#0d1b2a;
  --navy2:#1b2d42;
  --teal:#0f45ab;
  --teal2:#0f45ab;
  --cream:#f5f3ee;
  --warm:#e8e2d6;
  --text:#1a1a1a;
  --muted:#5a6070;
  --accent:#d97706;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}

nav{background:var(--navy);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:88px;position:sticky;top:0;z-index:100}
.nav-logo{font-family:'Sora',sans-serif;font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-0.02em;text-decoration:none;display:flex;align-items:center}
.nav-logo span{color:var(--teal2)}
/* Transparent-background logo image, sized for the nav bar. */
.nav-logo img{height:74px;width:auto;display:block}
@media(max-width:640px){.nav-logo img{height:50px}}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{color:rgba(255,255,255,0.75);text-decoration:none;font-size:0.875rem;font-weight:400;letter-spacing:0.01em;transition:color 0.2s}
.nav-links a:hover{color:#fff}
.nav-cta{background:var(--teal);color:#fff;padding:0.5rem 1.25rem;border-radius:6px;font-size:0.875rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background 0.2s}
.nav-cta:hover{background:var(--teal2)}

footer{background:var(--navy);padding:3rem 4rem;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}
.footer-brand p{font-size:0.875rem;color:rgba(255,255,255,0.5);line-height:1.7;margin-top:0.75rem;max-width:260px}
footer h4{font-family:'Sora',sans-serif;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.4);margin-bottom:1rem}
footer ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
footer ul li a{color:rgba(255,255,255,0.65);text-decoration:none;font-size:0.875rem;transition:color 0.2s}
footer ul li a:hover{color:#fff}
.footer-contact p{font-size:0.875rem;color:rgba(255,255,255,0.65);line-height:1.9}
.footer-contact a{color:var(--teal2);text-decoration:none}
.footer-bottom{background:rgba(0,0,0,0.3);padding:1rem 4rem;text-align:center;font-size:0.8125rem;color:rgba(255,255,255,0.3)}

@media(max-width:960px){footer{grid-template-columns:1fr}}
@media(max-width:640px){footer{padding-left:1.5rem;padding-right:1.5rem}nav{padding:0 1.25rem}.nav-links{display:none}}