/*
Theme Name: OCNM Premium Classic v6
Theme URI: https://ovencleanersnearme.co.uk
Author: OCNM
Description: Premium lead generation classic theme with built-in homepage layout.
Version: 6.0
*/

:root{
  --sage:#2f5d50;
  --sage-dark:#254a40;
  --cream:#f4f1ec;
  --mist:#eef2f1;
  --ink:#1f2933;
  --muted:#52616b;
  --border:#e5e7eb;
  --shadow: 0 18px 40px rgba(15, 23, 42, .10);
  --radius: 16px;
}

*{ box-sizing:border-box; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.55;
}
a{ color:var(--sage-dark); }
a:hover{ color:var(--sage); }

.container{
  width:1120px;
  max-width:calc(100% - 48px);
  margin:0 auto;
}

.site-header{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(255,255,255,.9);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(229,231,235,.9);
}
.site-header .inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0;
}
.brand{
  font-family: Georgia, "Times New Roman", serif;
  font-weight:600;
  letter-spacing:.2px;
  margin:0;
  font-size:24px;
}
.nav a{
  text-decoration:none;
  color:var(--ink);
  margin-left:18px;
  font-size:14px;
  opacity:.9;
}
.nav a:hover{ opacity:1; }

.hero{
  position:relative;
  padding:96px 0 62px;
  color:#fff;
	  background-image:
	    linear-gradient(180deg, rgba(31,41,51,.55), rgba(31,41,51,.55)),
	    var(--ocnm-hero-image, url('assets/hero.webp'));
	  background-position: center, center;
	  background-size: cover, cover;
	  background-repeat: no-repeat, no-repeat;
}
.hero .panel{
  max-width:820px;
  margin:0 auto;
  text-align:center;
}
.hero h1{
  margin:0 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size:48px;
  line-height:1.08;
  letter-spacing:.2px;
}
.hero p{
  margin:0 auto 18px;
  max-width:640px;
  font-size:16px;
  opacity:.92;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:13px 20px;
  background:var(--sage);
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-weight:600;
  box-shadow:0 14px 28px rgba(47,93,80,.22);
}
.btn:hover{ background:var(--sage-dark); }

.trust-band{
  margin-top:-26px;
  padding-bottom:14px;
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(229,231,235,.9);
  border-radius:22px;
  padding:16px;
  box-shadow:var(--shadow);
}
.trust-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
}
.trust-ico{
  width:34px; height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--mist);
  border:1px solid rgba(229,231,235,.9);
  font-weight:700;
  color:var(--sage-dark);
}
.trust-item strong{
  display:block;
  font-size:14px;
}
.trust-item span{
  display:block;
  font-size:12px;
  color:var(--muted);
}

.section{
  padding:70px 0;
}
.section.alt{
  background:linear-gradient(180deg, var(--cream), #fff);
}
.h2{
  text-align:center;
  font-family: Georgia, "Times New Roman", serif;
  font-size:28px;
  margin:0 0 12px;
}
.lead{
  text-align:center;
  color:var(--muted);
  margin:0 auto 28px;
  max-width:720px;
}

.cards-3{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  margin-top:26px;
}
.card{
  background:#fff;
  border:1px solid rgba(229,231,235,.9);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:0 14px 30px rgba(15, 23, 42, .07);
}
.card h3{
  margin:0 0 8px;
  font-size:16px;
}
.card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.posts{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
  margin-top:26px;
}
.post-card h3{ margin:0 0 10px; font-size:16px; }
.post-card p{ margin:0 0 14px; color:var(--muted); font-size:14px; }
.post-card a{ font-weight:600; text-decoration:none; }

.cta{
  background:linear-gradient(90deg,var(--sage-dark),var(--sage));
  color:#fff;
  padding:72px 0;
  text-align:center;
}
.cta h2{
  margin:0 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size:30px;
}
.cta p{ margin:0 0 18px; opacity:.92; }
.cta .btn{ background:#fff; color:var(--sage-dark); }
.cta .btn:hover{ background:rgba(255,255,255,.92); }

.site-footer{
  background:#0b1220;
  color:#cbd5e1;
  padding:34px 0;
  text-align:center;
  font-size:13px;
}

@media (max-width: 980px){
  .trust-grid{ grid-template-columns:repeat(2,1fr); }
  .cards-3, .posts{ grid-template-columns:1fr; }
  .hero{ padding:76px 0 56px; }
  .hero h1{ font-size:38px; }
}
/* OCNM – WPForms styling */
.wpforms-container {
  max-width: 720px;
  margin: 40px auto;
}

.wpforms-container .wpforms-field-label {
  font-weight: 600;
}

.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container textarea,
.wpforms-container select {
  width: 100% !important;
  padding: 14px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  background: #fff !important;
}

.wpforms-container textarea {
  min-height: 140px;
}

.wpforms-container .wpforms-submit,
.wpforms-container button[type="submit"] {
  background: #2f6f5f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.wpforms-container .wpforms-submit:hover,
.wpforms-container button[type="submit"]:hover {
  background: #25594c !important;
}