/*
Theme Name: The SCM Clinic
Theme URI: https://thescmclinic.com/
Author: The SCM Clinic
Description: Premium, lightweight, responsive WordPress theme for The SCM Clinic. Elementor-ready.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: scm-clinic
*/
:root{--scm-primary:#0b6b68;--scm-dark:#102a43;--scm-accent:#d9b36c;--scm-light:#f6faf9;--scm-text:#253746}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--scm-text);background:#fff;line-height:1.6}
a{color:var(--scm-primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.scm-container{width:min(1180px,92%);margin:auto}
.scm-site-header{background:#fff;border-bottom:1px solid #e8eeee;position:sticky;top:0;z-index:999}
.scm-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.scm-brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--scm-dark);font-size:20px}
.scm-brand img{max-height:54px;width:auto}
.scm-nav{display:flex;align-items:center;gap:22px}
.scm-nav a{font-weight:600;color:var(--scm-dark)}
.scm-menu-toggle{display:none;background:var(--scm-primary);color:#fff;border:0;border-radius:8px;padding:10px 13px}
.scm-hero{padding:90px 0;background:linear-gradient(135deg,#f3fbfa,#fff)}
.scm-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}
.scm-eyebrow{color:var(--scm-primary);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.scm-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.08;color:var(--scm-dark);margin:12px 0 20px}
.scm-hero p{font-size:19px;max-width:680px}
.scm-btn{display:inline-block;padding:14px 24px;border-radius:9px;background:var(--scm-primary);color:#fff;font-weight:800;margin:8px 8px 8px 0}
.scm-btn.secondary{background:#fff;color:var(--scm-primary);border:1px solid #b8d5d2}
.scm-hero-image{border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(16,42,67,.15);background:#eaf4f2;min-height:390px;display:flex;align-items:center;justify-content:center}
.scm-hero-image img{width:100%;height:100%;object-fit:cover}
.scm-section{padding:75px 0}
.scm-section.alt{background:var(--scm-light)}
.scm-section h2{text-align:center;font-size:38px;color:var(--scm-dark);margin:0 0 12px}
.scm-section-intro{text-align:center;max-width:760px;margin:0 auto 38px}
.scm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.scm-card{background:#fff;border:1px solid #e4eceb;border-radius:16px;padding:26px;box-shadow:0 8px 30px rgba(16,42,67,.06)}
.scm-card h3{margin-top:0;color:var(--scm-dark)}
.scm-card .scm-link{font-weight:800}
.scm-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}
.scm-about-photo{border-radius:20px;overflow:hidden;background:#edf5f4;min-height:350px}
.scm-about-photo img{width:100%;height:100%;object-fit:cover}
.scm-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.scm-trust .scm-card{text-align:center}
.scm-footer{background:#102a43;color:#dce8ef;padding:55px 0 25px}
.scm-footer a{color:#fff}
.scm-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}
.scm-footer h3{color:#fff}
.scm-copy{text-align:center;border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:20px;font-size:14px}
.scm-mobile-cta{display:none}
@media(max-width:900px){
 .scm-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:18px 5%;border-bottom:1px solid #ddd;flex-direction:column;align-items:flex-start}
 .scm-nav.open{display:flex}.scm-menu-toggle{display:block}
 .scm-hero-grid,.scm-about{grid-template-columns:1fr}.scm-grid{grid-template-columns:repeat(2,1fr)}
 .scm-trust{grid-template-columns:repeat(2,1fr)}.scm-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .scm-hero{padding:55px 0}.scm-section{padding:55px 0}
 .scm-grid,.scm-trust,.scm-footer-grid{grid-template-columns:1fr}
 .scm-hero h1{font-size:40px}.scm-hero p{font-size:17px}
 .scm-hero-image{min-height:300px}
 .scm-mobile-cta{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:1000;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.12)}
 .scm-mobile-cta a{text-align:center;padding:12px 4px;font-size:13px;font-weight:800;border-right:1px solid #ddd}
 body{padding-bottom:55px}
}