/*
Theme Name: MoversInUSA
Theme URI: https://example.com/moversinusa
Author: Your Name
Author URI: https://example.com
Description: Lightweight, mobile-first business theme for moving companies in the USA. Clean structure with header, footer, menus, widgets, and basic templates.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moversinusa
Tags: custom-logo, custom-menu, responsive-layout, right-sidebar, footer-widgets, blog
*/

/* Base Reset & Typography */
:root{
  --accent: #0b5fff;
  --text: #1c1c1c;
  --muted: #6b7280;
  --bg: #ffffff;
  --bg-alt:#f8fafc;
  --ring:#cbd5e1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--text); background:var(--bg);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px; margin:0 auto; padding:0 16px}
.site-header{border-bottom:1px solid var(--ring); background:#fff; position:sticky; top:0; z-index:20}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0}
.branding{display:flex; align-items:center; gap:12px}
.site-title{font-size:20px; font-weight:700; margin:0}
.site-description{margin:0; color:var(--muted); font-size:13px}
.nav-toggle{display:none; border:1px solid var(--ring); border-radius:8px; padding:6px 10px; background:#fff; cursor:pointer}
.primary-nav ul{display:flex; gap:16px; list-style:none; padding:0; margin:0}
.primary-nav li{margin:0}
.hero{background:var(--bg-alt); padding:48px 0; border-bottom:1px solid var(--ring)}
.hero h1{font-size:34px; margin:0 0 8px}
.hero p{color:var(--muted); margin:0 0 20px}
.button{display:inline-block; padding:10px 16px; border-radius:10px; border:1px solid var(--accent)}
.grid{display:grid; gap:20px}
@media (min-width: 800px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}
.content{padding:28px 0}
.sidebar{border-left:1px solid var(--ring); padding-left:20px}
.site-footer{border-top:1px solid var(--ring); padding:28px 0; background:#fff; margin-top:40px}
.footer-widgets{display:grid; gap:20px}
@media(min-width:800px){.layout{display:grid; grid-template-columns: 1fr 300px; gap:28px} .footer-widgets{grid-template-columns: repeat(3,1fr)}}
.wp-block{max-width:unset}
.alignwide{max-width:1100px}
.alignfull{max-width:none}
*/