/*
Theme Name: Dallas Roof Repair - Starter
Theme URI: https://www.dallas-roof-repair.com
Author: Generated by ChatGPT
Description: A simple starter WordPress theme styled for Dallas Roof Repair (blue / white / silver).
Version: 1.2
License: GNU General Public License v2 or later
Text Domain: dallas-roof-theme
*/

:root{
    --blue: #1e6fb6;
    --silver: #c0c6cc;
    --dark: #0f1724;
    --white: #ffffff;
}
html,body { margin:0; padding:0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:var(--dark); background:var(--white); }
a { color:var(--blue); text-decoration:none; }
header.site-header { background: linear-gradient(90deg,var(--blue), var(--silver)); color:var(--white); padding:20px 0; }
.wrap { max-width:1100px; margin:0 auto; padding:0 20px; }
.brand img { height:60px; width:auto; }
nav.main-nav { margin-left:auto; }
nav.main-nav a { color:var(--white); margin-left:12px; font-weight:600; }
.hero { background:linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.05)), url('header-hero.jpg') center/cover no-repeat; padding:60px 0; color:var(--white); }
.hero .cta { margin-top:18px; display:inline-block; background:var(--white); color:var(--blue); padding:10px 18px; border-radius:6px; font-weight:700; }
.services { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; padding:40px 0; }
.card { background:var(--white); border:1px solid var(--silver); padding:18px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,0.06); }
.about { padding:30px 0; background:linear-gradient(180deg,var(--silver), #f8fafc); }
footer.site-footer { background:var(--dark); color:var(--white); padding:20px 0; margin-top:30px; }
.contact-box { background:var(--blue); color:var(--white); padding:20px; border-radius:8px; display:inline-block; }
@media (max-width:800px){
    .brand img{ height:48px; }
    .hero{ padding:40px 0; text-align:center; }
    nav.main-nav{ display:none; }
}