/*
Theme Name: HVAC Repair Montgomery Blog
Theme URI: https://www.hvacrepairmontgomery.com/
Description: Kadence child theme for the HVAC Repair Montgomery blog.
Author: Loyal Web Solutions
Template: kadence
Version: 1.0.0
Text Domain: hvac-repair-montgomery
*/

.blog-hero{background:var(--black);color:#d8d9dc;padding:48px 0 52px;border-bottom:4px solid var(--red)}.blog-hero .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:36px;align-items:center}.blog-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);color:#fff;line-height:1.06;margin:8px 0 16px}.blog-hero p{color:#d8d9dc;max-width:720px}.blog-hero__logo{background:#fff;border-radius:8px;padding:18px;max-width:360px;justify-self:end}.blog-hero__logo img{width:100%;height:auto}.blog-section,.single-section{padding:var(--sec) 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;min-width:0}.blog-card__image{display:block;aspect-ratio:16/10;background:var(--paper);overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover}.blog-card__placeholder{height:100%;display:grid;place-items:center;color:var(--ink);font-family:var(--display);font-weight:800}.blog-card__body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.blog-card__meta{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:8px}.blog-card h2{font-size:1.28rem;line-height:1.25;margin:0 0 12px}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card p{font-size:.96rem;color:var(--muted)}.blog-card .more{margin-top:auto}.blog-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:36px}.blog-pagination .page-numbers{min-width:42px;min-height:42px;padding:8px 12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}.blog-pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;align-items:start}.post-content{min-width:0}.post-content h1{font-size:clamp(2.15rem,4.5vw,3.55rem);line-height:1.08;margin:0 0 12px}.post-meta{font-size:.88rem;color:var(--muted);margin-bottom:18px}.post-featured{margin:0 0 28px}.post-featured img{width:100%;max-height:560px;object-fit:cover}.post-prose{max-width:780px}.post-prose h2{font-size:clamp(1.5rem,3.4vw,1.95rem);margin:38px 0 14px}.post-prose h3{margin:28px 0 10px}.post-prose p,.post-prose li{color:var(--text)}.post-prose blockquote{background:var(--paper);border-left:5px solid var(--red);padding:18px 22px;margin:24px 0}.post-sidebar{min-width:0;align-self:stretch}.emergency-box{position:sticky;top:100px;background:var(--black);color:#d8d9dc;padding:24px;border-top:6px solid var(--red);box-shadow:var(--shadow);margin-bottom:22px}.emergency-box .eyebrow{color:#ff9a9a}.emergency-box h2{font-size:1.45rem;color:#fff;margin:10px 0}.emergency-box p{font-size:.91rem;color:#c9cbcf}.emergency-box .emergency-phone{display:block;color:#fff;font:800 1.45rem/1.25 var(--display);margin:16px 0;text-decoration:none}.emergency-box .btn{width:100%}.sidebar-card{border:1px solid var(--line);padding:20px;margin-top:18px}.sidebar-card h3{font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.sidebar-links{list-style:none;padding:0;margin:0}.sidebar-links li{border-bottom:1px solid var(--line)}.sidebar-links li:last-child{border-bottom:0}.sidebar-links a{display:block;padding:10px 0;color:var(--ink);font-weight:600;text-decoration:none}.sidebar-links a:hover{color:var(--red)}.post-bottom-cta{margin-top:42px}
@media(max-width:899px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero .wrap{grid-template-columns:1fr}.blog-hero__logo{justify-self:start;max-width:280px}.post-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}}@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.post-layout{grid-template-columns:1fr}.emergency-box{position:static;top:auto}.blog-section,.single-section{padding:42px 0}.blog-hero{padding:36px 0 40px}}


/* Reliable submenu chevrons: CSS-drawn so they remain visible if SVG styles conflict. */
.nav__item.has-mega > .nav__row > .nav__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative;
  flex: 0 0 26px;
  min-width: 26px;
  width: 26px;
  height: 34px;
  padding: 0;
  margin: 0;
  color: var(--ink, #202124);
  line-height: 1;
  opacity: 1;
  visibility: visible;
}
.nav__item.has-mega > .nav__row > .nav__toggle > svg {
  display: none !important;
}
.nav__item.has-mega > .nav__row > .nav__toggle::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease, border-color .18s ease;
  pointer-events: none;
}
.nav__item.has-mega > .nav__row > .nav__toggle[aria-expanded="true"]::after {
  transform: translateY(2px) rotate(225deg);
}
.nav__item.has-mega > .nav__row:hover > .nav__toggle,
.nav__item.has-mega:focus-within > .nav__row > .nav__toggle {
  color: var(--red-600, #c8102e);
}
@media (max-width: 1199px) {
  .nav__item.has-mega > .nav__row > .nav__toggle {
    flex-basis: 48px;
    min-width: 48px;
    width: 48px;
    height: 48px;
  }
}