/* v5.3 classic theme: restores the look of the earlier arpcomfort.com design
   (navy + orange palette, DM Serif Display headings, Plus Jakarta Sans text,
   rounded cards, dark homepage hero, photo banner). Loaded after all other CSS. */

@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-latin.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin.woff2) format('woff2')}

:root{--navy:#162d50;--navy-deep:#0c1929;--orange:#f08030;--orange-dark:#b9470c;--gold-light:#f59548;--sand:#f0f2f8;--ink:#141a28;--muted:#4a5266;--line:#dde0e8;--radius:10px;--shadow:0 4px 20px rgba(12,25,41,.10);--shadow-lg:0 12px 40px rgba(12,25,41,.14)}

body{font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',Arial,sans-serif}
h1,h2,.section-heading h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.01em}
h3,h4{letter-spacing:-.02em}

/* Utility bar: emergency strip */
.utility-bar{background:var(--navy-deep);color:#fff;font-size:.78rem;font-weight:600}
.utility-bar a{color:var(--gold-light)}
.utility-bar strong{color:var(--gold-light)}

/* Header */
.site-header{box-shadow:0 2px 12px rgba(12,25,41,.06)}
.brand{gap:10px;align-items:center}
.brand-logo{display:block;width:auto;height:46px;border-radius:6px}
.site-header .brand-name{color:var(--navy)}
.desktop-nav a{font-weight:600}
.desktop-nav a:hover{color:var(--orange-dark)}

/* Buttons */
.button{border-radius:8px;font-weight:700}
.button-orange{background:var(--orange);color:#0c1929;box-shadow:0 4px 14px rgba(240,128,48,.28)}
.button-orange:hover{background:var(--orange-dark);color:#fff}
.button-outline{border-color:var(--navy);color:var(--navy)}

/* Eyebrows as pill badges */
.eyebrow{color:var(--orange-dark);letter-spacing:.12em}

/* Cards */
.service-card,.estimate-card,.help-card,.inquiry-panel,.location-card,.review-card,.faq-item{border-radius:var(--radius);box-shadow:var(--shadow);border-color:var(--line)}
.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--orange)}
.estimate-card{border-top:4px solid var(--orange)}

/* Homepage photo banner (above the hero) */
.photo-banner{position:relative;background:var(--navy-deep);overflow:hidden}
.photo-banner img{display:block;width:100%;height:clamp(240px,42vw,560px);object-fit:cover;object-position:center 40%}
.photo-banner::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(12,25,41,.85));pointer-events:none}
.photo-banner-trust{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:14px 16px;margin:0;list-style:none;color:#fff;font-size:.82rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.photo-banner-trust li+li::before{content:"|";margin-right:22px;opacity:.5}
.photo-banner-trust .stars{color:#ffc24a;letter-spacing:1px}
.photo-banner-note{position:absolute;top:10px;right:12px;z-index:1;margin:0;font-size:.62rem;color:rgba(255,255,255,.75);background:rgba(12,25,41,.55);padding:3px 8px;border-radius:4px}

/* Dark homepage hero */
.home-hero{background:radial-gradient(circle at 85% 10%,#1e3a66 0,transparent 55%),var(--navy)}
.home-hero .hero-copy,.home-hero .hero-copy p{color:#e7ecf5}
.home-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,3.9rem);line-height:1.08}
.home-hero h1 em{color:var(--orange);font-style:normal}
.home-hero .hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(240,128,48,.14);border:1px solid rgba(240,128,48,.35);color:var(--gold-light)}
.home-hero .small-line{display:none}
.home-hero .hero-emergency{color:var(--gold-light);font-weight:700}
.home-hero .button-outline{border-color:rgba(255,255,255,.55);color:#fff}
.home-hero .button-outline:hover{background:rgba(255,255,255,.08)}
.home-hero .hero-callback{color:#fff}
.home-hero .upfront-prices>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:12px 14px}
.home-hero .upfront-prices span{color:#c5cede}
.home-hero .upfront-prices strong{color:#fff}
.home-hero .hero-price-note{color:#aeb8ca}
.home-hero .hero-assurance span{color:#dfe5ef}
.home-hero .estimate-card{color:var(--ink)}
.home-hero .estimate-card p{color:var(--muted)}

/* Trust strip */
.verified-trust{background:#fff}
.verified-trust strong{color:var(--navy)}

/* Sections */
.section-sand{background:var(--sand)}
.commercial-feature{background:linear-gradient(135deg,var(--navy-deep),var(--navy))}
.commercial-photo{border-radius:var(--radius);object-fit:cover;aspect-ratio:16/10;height:auto}
.photo-pair .photo-cover{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;object-position:35% center;border-radius:var(--radius)}
.contact-band{background:linear-gradient(135deg,#fff4eb,#ffe6d2)}
.site-footer{background:var(--navy-deep)}

/* Long-form guide articles */
.article-body{font-size:1rem;line-height:1.8;color:var(--ink)}
.article-body h2{font-size:clamp(1.5rem,3vw,1.9rem);margin:44px 0 14px}
.article-body>h2:first-child{margin-top:0}
.article-body h3{font-size:1.12rem;margin:28px 0 8px}
.article-body p{margin:0 0 16px}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px}
.article-body li{margin-bottom:8px}
.article-body a{color:var(--orange-dark);font-weight:600}
.article-body table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:.92rem;display:block;overflow-x:auto}
.article-body th,.article-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.article-body th{background:var(--sand);color:var(--navy)}
.article-faq-heading{font-size:clamp(1.5rem,3vw,1.9rem);margin:52px 0 10px}
.article-related{margin:40px 0 28px;padding:20px 22px;border-radius:var(--radius);background:var(--sand)}
.article-related h2{font-size:1.2rem;margin-bottom:8px}
.article-related ul{margin:0;padding-left:20px}
.article-related a{color:var(--orange-dark);font-weight:600}

@media (max-width:700px){
  .brand-logo{height:38px}
  .photo-banner::after{display:none}
  .photo-banner-trust{position:static;background:var(--navy-deep);text-shadow:none;font-size:.72rem;gap:4px 12px;padding:10px 12px}
  .photo-banner-trust li+li::before{margin-right:12px}
}

/* v5.3.1: keep the first screen focused on service, price and contact choices; the trust strip stays visible. */
.photo-banner{margin:0}.photo-banner img{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}.photo-banner::after{display:none}.photo-banner-trust{position:static;background:var(--navy-deep);text-shadow:none}