/*
Theme Name: ReparaereConditionate - Modernized
Theme URI: https://reparaereconditionate.ro
Author: ChatGPT for Ilie Dita
Description: Modernized WordPress theme modeled after the original site's layout. Includes frontpage template, services layout, contact shortcode, schema and mobile CTA.
Version: 3.0
License: GPLv2 or later
Text Domain: reparaereconditionate
*/

:root{
  --primary:#0b67a6;
  --accent:#ffb400;
  --muted:#6b7280;
  --bg:#f7f9fb;
  --card:#ffffff;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#1f2937; background:var(--bg);}
a{color:var(--primary); text-decoration:none}
.header{background:var(--primary); color:#fff; padding:14px 16px; position:sticky; top:0; z-index:50;}
.header .wrap{max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between;}
.site-title{font-weight:700; font-size:18px}
.phone-cta{background:var(--accent); color:#111; padding:10px 14px; border-radius:8px; font-weight:700; display:inline-block}

.hero{background:linear-gradient(90deg, rgba(11,103,166,0.06), rgba(255,180,0,0.02)); padding:36px 16px; margin:18px auto; max-width:1100px; border-radius:10px; display:flex; gap:20px; align-items:center;}
.hero .left{flex:1}
.hero h1{margin:0 0 8px 0; font-size:26px}
.hero p{margin:0 0 12px 0; color:var(--muted)}

.layout{max-width:1100px; margin:18px auto; padding:0 16px; display:grid; grid-template-columns:2fr 1fr; gap:18px; align-items:start;}
.card{background:var(--card); padding:16px; border-radius:10px; box-shadow:0 6px 18px rgba(15,23,42,0.06)}

.services-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; margin-top:12px}

.sidebar .contact-box{background:linear-gradient(180deg,#fff,#fbfbff); padding:16px; border-radius:8px; border:1px solid #eef2ff; text-align:center}
.footer{background:#0f1724; color:#fff; padding:24px 16px; margin-top:28px}
.footer .wrap{max-width:1100px; margin:0 auto; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}

/* Floating call on mobile */
.floating-call{position:fixed; right:18px; bottom:18px; background:var(--primary); color:#fff; padding:12px 16px; border-radius:50px; z-index:1000; box-shadow:0 6px 20px rgba(11,103,166,0.2); display:none}
@media(max-width:820px){ .layout{grid-template-columns:1fr} .hero{flex-direction:column; text-align:center} .floating-call{display:block} .header .wrap{flex-direction:column; gap:8px} }

/* Simple responsiveness for content */
h2{margin-top:0}
ul.clean{padding-left:18px}
.small-muted{color:var(--muted); font-size:14px}