/*
Theme Name: McQleaning Lite
Theme URI: https://mcqleaning.com
Author: Mick + ChatGPT
Description: Lightweight theme mirroring the AI-site layout (Header, Footer, pages, services, blog).
Version: 1.0.0
License: GPLv2 or later
Text Domain: mcqleaning-lite
*/

:root{
  --mcq-bg:#000000;
  --mcq-fg:#e5e7eb;
  --mcq-white:#ffffff;
  --mcq-gold:#f4dd8d;
  --mcq-blue:#11b4eb;
  --mcq-border:#1a1a1a;
  --muted:#9ca3af;
  --card:#0b0b0b;
  --radius:12px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--mcq-bg);color:var(--mcq-fg);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif; line-height:1.5;}
a{color:var(--mcq-blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;border-radius:999px;background:var(--mcq-blue);color:#000;font-weight:700;border:1px solid transparent;transition:.2s transform,.2s background}
.btn:hover{transform:translateY(-2px)}
.btn-outline{background:transparent;border:1px solid var(--mcq-gold);color:var(--mcq-gold)}
.btn-outline:hover{background:var(--mcq-gold);color:#000}
.btn-white{background:#fff;color:#000}
.btn-white:hover{background:#e5e7eb}
.grid{display:grid;gap:1.25rem}
.grid-2{grid-template-columns:1fr}
@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}
.section{padding:4rem 0}
.h1{font-size:clamp(2rem,6vw,3.25rem);font-weight:800;color:#fff}
.h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;color:#fff;margin:0 0 .75rem}
.h3{font-size:1.25rem;font-weight:700;color:var(--mcq-gold);}
.text-center{text-align:center}
.text-muted{color:#9ca3af}
.card{background:rgba(12,12,12,.6);border:1px solid var(--mcq-border);border-radius:var(--radius);overflow:hidden}
.card-pad{padding:1.5rem}
.badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:.4rem;font-size:.7rem;background:rgba(0,0,0,.6);color:#fff}
.badge-blue{background:var(--mcq-blue);color:#000;font-weight:800}
/* Header */
.header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.8);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid #111}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}
.brand{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none}
.brand span strong{color:var(--mcq-gold)}
.nav{display:none;gap:1.25rem}
@media(min-width:768px){.nav{display:flex}}
.nav a{color:#fff}
.nav a:hover{color:var(--mcq-gold)}
.cta-desktop{display:none}
@media(min-width:768px){.cta-desktop{display:block}}
.burger{display:block;color:#fff;background:none;border:none}
@media(min-width:768px){.burger{display:none}}
.mobile-menu{display:none;border-top:1px solid var(--mcq-border);background:#000}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:1rem 0;color:#fff;border-bottom:1px solid #0f0f0f}
/* Footer */
.footer{background:#000;border-top:1px solid #111;color:#9ca3af}
.footer-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:900px){.footer-grid{grid-template-columns:repeat(4,1fr)}}
.footer h4{color:#fff;margin:0 0 .75rem}
.copy{border-top:1px solid #222;text-align:center;padding:1rem 0;margin-top:2rem;font-size:.9rem}
/* Hero */
.hero{position:relative;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .veil{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.hero-inner{position:relative;padding:6rem 0;text-align:center}
/* USP */
.usps{text-align:center}
.usp{padding:1rem}
.usp h4{color:#fff;margin:.25rem 0}
/* Packages */
.pack-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:900px){.pack-grid{grid-template-columns:repeat(3,1fr)}}
.pack{padding:1.5rem;text-align:center}
.price{color:var(--mcq-blue);font-size:2rem;font-weight:800}
/* Testimonials */
.testi-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:900px){.testi-grid{grid-template-columns:repeat(3,1fr)}}
.star{color:var(--mcq-gold)}
/* Simple accordion */
.accordion-item{border-bottom:1px solid var(--mcq-border)}
.accordion-trigger{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;color:var(--mcq-gold);cursor:pointer}
.accordion-content{max-height:0;overflow:hidden;transition:max-height .25s ease}
.accordion-item.open .accordion-content{max-height:600px}
/* Images */
.img-cover{width:100%;height:100%;object-fit:cover}
.rounded{border-radius:var(--radius)}
/* Utility */
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-24{margin-top:6rem}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}
.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.center{margin-left:auto;margin-right:auto}
.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}
.border{border:1px solid var(--mcq-border)}