/*
Theme Name: HVAC Services Memphis Blog
Theme URI: https://www.hvacservicesmemphis.com/
Description: Kadence child theme for the HVAC Services Memphis blog.
Author: Loyal Web Solutions
Template: kadence
Version: 1.0.0
Text Domain: hvac-services-memphis
*/

.blog-hero{padding:54px 0 62px;background:linear-gradient(110deg,#eef8fb 0%,#fff 58%,#fff6ed 100%);border-bottom:1px solid var(--line)}
.blog-hero .container{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:42px;align-items:center}
.blog-hero h1{font-size:clamp(2.4rem,4.6vw,4.25rem);line-height:1.02;margin:10px 0 18px;letter-spacing:-.045em}
.blog-hero p{color:var(--muted);font-size:1.08rem;max-width:720px}
.blog-hero-art{border-radius:24px;background:#fff;padding:18px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}
.blog-hero-art img{width:100%;height:auto;object-fit:contain}
.blog-section,.single-section{padding:70px 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.blog-card-image{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#eaf7fb,#fff4e9);overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover}
.blog-card-placeholder{height:100%;display:grid;place-items:center;padding:22px;color:var(--navy);font-weight:850;text-align:center}
.blog-card-body{padding:22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.blog-card-meta{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--orange);margin-bottom:8px}
.blog-card h2{font-size:1.25rem;line-height:1.25;margin:0 0 10px;letter-spacing:-.02em}
.blog-card p{color:var(--muted);font-size:.94rem;margin:0 0 16px}
.blog-card .card-link{margin-top:auto}
.blog-pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:36px}
.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:9px;padding:0 12px;font-weight:800}
.blog-pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:42px;align-items:start}
.post-content{min-width:0}
.post-content h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.06;letter-spacing:-.045em;margin:10px 0 15px}
.post-meta{color:var(--muted);font-size:.88rem;margin-bottom:22px}
.post-featured{margin:0 0 28px}
.post-featured img{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-sm)}
.post-prose{max-width:850px}
.post-prose h2{font-size:1.9rem;line-height:1.15;margin:42px 0 14px}
.post-prose h3{font-size:1.35rem;margin:28px 0 10px}
.post-prose p,.post-prose li{color:#4f5e69}
.post-prose img{height:auto;border-radius:14px}
.post-prose blockquote{border-left:4px solid var(--orange);background:var(--cream);padding:18px 22px;margin:24px 0;border-radius:0 10px 10px 0}
.post-sidebar{min-width:0;align-self:start}
.emergency-box{position:sticky;top:116px;background:var(--navy);color:#fff;border-top:6px solid var(--orange);border-radius:18px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px}
.emergency-box .tag{color:#ffd2ae}
.emergency-box h2{font-size:1.55rem;line-height:1.15;color:#fff;margin:10px 0}
.emergency-box p{color:#d4e4ee;font-size:.91rem}
.emergency-box .emergency-phone{display:block;font-size:1.4rem;font-weight:950;color:#fff;margin:15px 0}
.emergency-box .call-btn{width:100%;background:linear-gradient(135deg,var(--orange),#df5e12);color:#fff}
.sidebar-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;box-shadow:var(--shadow-sm);margin-top:16px}
.sidebar-card h3{margin:0 0 12px}
.sidebar-links{display:grid;gap:8px}
.sidebar-links a{padding:8px 0;border-bottom:1px solid var(--line);font-weight:750;font-size:.91rem}
.sidebar-links a:last-child{border-bottom:0}
.post-bottom-cta{margin-top:42px}
.cta-band h2 {color:#fff !important}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero .container{grid-template-columns:1fr}.blog-hero-art{max-width:520px}.post-layout{grid-template-columns:minmax(0,1fr) 290px;gap:26px}}
@media(max-width:780px){.blog-grid{grid-template-columns:1fr}.post-layout{grid-template-columns:1fr}.post-sidebar{display:grid;grid-template-columns:1fr}.emergency-box{position:static;top:auto}.blog-section,.single-section{padding:48px 0}.blog-hero{padding:38px 0 46px}}