/*
Theme Name: Remington Insulation & Ventilation (GF Embed) v2
Author: Remington Insulation & Ventilation
Description: Blown-in fiberglass theme with video hero, GF embed, and updated header layout (Remington large + subtitle + Serving DFW). Phone is non-wrapping.
Version: 2.0
Text Domain: remington-gf-embed-v2
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');

:root{--brand:#0b3f6f;--accent:#f4a024;--ink:#22313f;--bg:#f6f8fb}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;margin:0;color:var(--ink);background:var(--bg)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* Header base */
header.site-header{background:linear-gradient(90deg,#0b3f6f,#0a4f89);color:#fff}
.header-inner{max-width:1180px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
nav.primary a{color:#eaf3ff;margin:0 10px;font-weight:700}
.cta{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;font-weight:800}

/* Brand block */
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.company{line-height:1.05}
.company-primary{
  display:block;
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  font-size:2rem; /* Large Remington */
  letter-spacing:.5px;
  text-transform:uppercase;
}
.company-secondary{
  display:block;
  margin-top:2px;
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:1rem; /* Smaller Insulation & Ventilation */
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#cfe3fa;
}
.company-subtitle{
  display:block;
  margin-top:4px;
  font-family:'Montserrat',sans-serif;
  font-weight:600;
  font-size:.9rem;
  letter-spacing:.2px;
  color:#ffffff;
}

/* Layout guards to avoid wrapping issues */
nav.primary{flex:1 1 320px;min-width:240px}
.header-phone{flex:0 0 auto;white-space:nowrap} /* keep phone on one line */

/* Sections */
.hero-video{position:relative;min-height:54vh;display:flex;align-items:end;overflow:hidden;background:#0b3f6f}
.hero-video .overlay{position:relative;z-index:2;color:#fff;width:100%}
.hero-video .overlay .inner{max-width:1180px;margin:0 auto;padding:34px 18px 46px}
.hero-video h1{font-size:2.2rem;margin:0 0 10px;text-shadow:0 6px 18px rgba(0,0,0,.35)}
.hero-video p{font-size:1.05rem;max-width:780px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 18px;border-radius:10px;font-weight:800}
.btn.alt{background:#ffffff22;border:2px solid #fff}
.section{max-width:1180px;margin:0 auto;padding:34px 18px}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 10px 28px rgba(10,40,80,.08);margin-bottom:18px}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .company-primary{font-size:1.6rem}
  .company-secondary{font-size:.95rem}
  .company-subtitle{font-size:.85rem}
}

/* Rebate card */
.rebate{background:#fff7ea;border:1px solid #ffe1b6}

/* Footer */
footer.site-footer{background:#0b3252;color:#cfe3fa;padding:28px 0;margin-top:24px}
footer a{color:#fff}
.copy{border-top:1px solid #194b74;margin-top:16px;padding-top:16px;text-align:center;font-size:.9rem}

/* Responsive iframe wrapper */
.form-frame{position:relative;width:100%}
.form-frame iframe{width:1px;min-width:100%;border:0;overflow:hidden}
.form-note{font-size:.9rem;color:#6b7a8c;margin:8px 0 0}

.company-primary { font-size: 2rem; }   /* big line */
.company-secondary { font-size: 1rem; } /* smaller line */
.company-subtitle  { font-size: .9rem; }/* Serving DFW */

.hero-video video.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.hero-video .overlay {
    position: relative;
    z-index: 2;
    background: rgba(0,0,0,0.3); /* subtle dark overlay for text readability */
    width: 100%;
}
/* Make Service Area and Contact card text black */
.service-area,
.service-area p,
.service-area h3,
.contact-card,
.contact-card p,
.contact-card h3 {
    color: #000000 !important;
}

.site-logo { height: 40px; width: auto; display: block; }
@media (max-width: 900px){ .site-logo { height: 35px; } }
.brand-link { display: inline-flex; align-items: center; text-decoration: none; color: inherit; }