/*
Theme Name: KARENOV
Theme URI:  https://example.com/karenov
Author:      KARENOV
Author URI:  https://example.com
Description: Thème WordPress sobre et SEO-friendly pour artisan peintre/plombier (Argenteuil). Gutenberg-ready.
Version:     1.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karenov
Tags: custom-logo, custom-menu, responsive, accessibility-ready, one-column
*/ 

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root{
  --blue:#0b5fa5;
  --dark:#333;
  --muted:#6b7280;
  --accent:#e63946;
  --maxw:1100px;
}
*{box-sizing:border-box}
body{font-family:Inter, Arial, sans-serif;margin:0;color:var(--dark);line-height:1.6}
.container{width:90%;max-width:var(--maxw);margin:0 auto;padding:24px}
.site-header{background:var(--blue);color:#fff}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.branding h1{margin:0;font-size:1.4rem;letter-spacing:1px}
.tag{margin:0;font-size:0.9rem;opacity:0.9}
.main-nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:600}
.contact-btn{background:#fff;color:var(--blue);padding:8px 12px;border-radius:6px}
.hero{background:#f7fbff;padding:48px 0;text-align:center}
.hero h2{margin:0 0 12px;font-size:1.6rem}
.btn-primary{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}
.services-preview .grid,.blog-preview .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px}
.grid article, .post{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.06)}
.split{display:flex;gap:20px;align-items:start}
.contact-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.06)}
.testimonials{background:#fff;padding:32px 0}
.site-footer{background:#f3f4f6;padding:20px 0;margin-top:28px}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.gallery{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.gallery figure{width:32%;margin:0}
.gallery img{width:100%;height:auto;border-radius:6px;display:block}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:16px}
.contact-grid form input, .contact-grid form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px}
.contact-grid form label{display:block;margin-bottom:6px}
.contact-box{margin-top:20px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.06)}
@media (max-width:900px){
  .services-preview .grid,.blog-preview .grid{grid-template-columns:1fr}
  .split{flex-direction:column}
  .footer-inner{flex-direction:column;gap:8px;text-align:center}
  .gallery figure{width:100%}
  .contact-grid{grid-template-columns:1fr}
}
a.link{color:var(--blue);text-decoration:underline}
blockquote{font-style:italic;border-left:4px solid var(--blue);padding:8px 16px;background:#fff}