/*
Theme Name: Spotless View Theme
Theme URI: http://example.com/
Author: Spotless View
Author URI: http://example.com/
Description: A clean, professional WordPress theme tailored for Spotless View Housekeeping Services.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: spotlessview
Tags: custom-logo, custom-menu, accessibility-ready, translation-ready
*/

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin:0;
    color:#222;
    background:#fff;
}

a { color:#0b6fb3; text-decoration:none; }
a:hover { text-decoration:underline; }

.site-header {
    background: linear-gradient(90deg, #0b6fb3 0%, #1e9bd8 100%);
    color: #fff;
    padding:20px 0;
}

.container {
    width: 1100px;
    max-width: 95%;
    margin: 0 auto;
    padding: 0 15px;
}

.site-branding img.logo { height:70px; }

.site-title {
    font-size:28px;
    margin:0;
}

.site-tagline {
    font-size:14px;
    opacity:0.9;
}

.nav {
    margin-top:10px;
}

.nav ul {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:15px;
}

.hero {
    background: #f6fbff;
    padding:40px 0;
    display:flex;
    gap:20px;
    align-items:center;
}

.hero .hero-content {
    flex:1;
}

.hero h1 { font-size:32px; margin:0 0 10px 0; color:#0b4f74; }
.hero p { margin:0 0 15px 0; }

.button {
    display:inline-block;
    background:#0b6fb3;
    color:#fff;
    padding:10px 18px;
    border-radius:6px;
}

.section {
    padding:30px 0;
    border-bottom:1px solid #eee;
}

.services-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:15px;
}

.card {
    padding:15px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,0.06);
}

.site-footer {
    background:#002f4f;
    color:#fff;
    padding:20px 0;
    font-size:14px;
}

.contact-info p { margin:5px 0; }

@media (max-width:800px) {
    .nav ul { flex-direction:column; gap:8px; }
    .hero { flex-direction:column; text-align:center; }
}