/* V173.3 Nav - State Certified Roofing - Two-Row Desktop, Sectioned Mobile, Ultrawide-safe */
:root{
  --scr-navy:#0a2540;
  --scr-gold:#c9a227;
  --scr-red:#c8102e;
  --scr-red-dark:#9c0c23;
  --scr-white:#fff;
  --scr-text:#1a2330;
  --scr-muted:#6b7280;
}
.scr-utility{background:#0a1f3c;color:#fff;font-size:13px;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.08);}
.scr-utility-inner{max-width:1600px;margin:0 auto;padding:6px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.scr-utility a{color:#e9d68a;text-decoration:none;font-weight:600;}
.scr-utility a:hover{color:#fff;text-decoration:underline;}
.scr-utility-left{display:flex;gap:14px;flex-wrap:wrap;}
.scr-utility-right{display:flex;align-items:center;gap:14px;}
.scr-utility .scr-phone{color:#fff;font-weight:700;letter-spacing:.3px;}
.scr-utility .scr-phone:hover{color:var(--scr-gold);}

.scr-nav-wrap{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 8px rgba(10,37,64,.06);border-bottom:3px solid var(--scr-gold);}
.scr-nav{max-width:1600px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:22px;}
.scr-nav-logo{flex:0 0 auto;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--scr-navy);}
.scr-nav-logo img{height:62px;width:auto;display:block;}
.scr-nav-logo .scr-brand{display:flex;flex-direction:column;line-height:1.1;}
.scr-nav-logo .scr-brand b{font-family:'Oswald','Arial Narrow',sans-serif;font-size:18px;font-weight:700;color:var(--scr-navy);letter-spacing:.4px;}
.scr-nav-logo .scr-brand small{font-size:11px;color:var(--scr-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase;}

.scr-nav-links{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap;row-gap:6px;}
.scr-nav-links li{position:relative;}
.scr-nav-links a{display:block;padding:10px 14px;color:var(--scr-navy);text-decoration:none;font-weight:600;font-size:15px;font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.4px;text-transform:uppercase;border-radius:4px;transition:background .15s,color .15s;white-space:nowrap;}
.scr-nav-links a:hover, .scr-nav-links a:focus, .scr-nav-links li.scr-has-drop:hover > a{background:#f4ecd1;color:var(--scr-navy);}
.scr-nav-links a.scr-active{color:var(--scr-gold);}
.scr-nav-links a.scr-cta{background:var(--scr-gold);color:var(--scr-navy);padding:10px 18px;border-radius:6px;box-shadow:0 2px 0 #8a6f12;}
.scr-nav-links a.scr-cta:hover{background:#dab534;color:var(--scr-navy);}
.scr-nav-links .scr-age-link{color:var(--scr-red);}

.scr-has-drop > a::after{content:" \25BE";font-size:11px;color:var(--scr-gold);margin-left:4px;}
.scr-drop{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid #e6e6e6;border-top:3px solid var(--scr-gold);box-shadow:0 8px 24px rgba(10,37,64,.18);padding:8px 0;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility 0s linear .15s;z-index:1001;}
.scr-has-drop:hover > .scr-drop, .scr-has-drop:focus-within > .scr-drop{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .15s,transform .15s,visibility 0s;}
.scr-drop li{display:block;}
.scr-drop a{padding:10px 18px;font-size:14px;text-transform:none;letter-spacing:.2px;border-radius:0;color:var(--scr-navy);font-family:'Source Sans 3','Source Sans Pro',sans-serif;font-weight:600;}
.scr-drop a:hover{background:var(--scr-navy);color:#fff;}

/* ---------- Row 2: Urgent service strip (desktop) ---------- */
.scr-nav-urgent{background:#fbeef0;border-top:1px solid #f3d4d8;border-bottom:1px solid #f3d4d8;}
.scr-nav-urgent-inner{max-width:1600px;margin:0 auto;padding:0 18px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.scr-nav-urgent-label{font-family:'Oswald','Arial Narrow',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--scr-red-dark);text-transform:uppercase;padding:8px 12px 8px 0;border-right:2px solid #f3d4d8;margin-right:6px;white-space:nowrap;}
.scr-nav-urgent-label::before{content:"\26A0  ";color:var(--scr-red);}
.scr-urgent-links{flex:1 1 auto;display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.scr-urgent-links li{position:relative;}
.scr-urgent-links a{display:block;padding:9px 12px;color:var(--scr-navy);text-decoration:none;font-weight:700;font-size:13.5px;font-family:'Oswald','Arial Narrow',sans-serif;letter-spacing:.5px;text-transform:uppercase;border-left:3px solid transparent;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;}
.scr-urgent-links a:hover, .scr-urgent-links a:focus{background:#fff;border-left-color:var(--scr-red);color:var(--scr-red-dark);}
.scr-urgent-call{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:'Oswald','Arial Narrow',sans-serif;font-size:13px;color:var(--scr-red-dark);font-weight:700;letter-spacing:.4px;}
.scr-urgent-call a{color:var(--scr-red-dark);text-decoration:none;padding:6px 10px;border:1px solid var(--scr-red);border-radius:4px;background:#fff;}
.scr-urgent-call a:hover{background:var(--scr-red);color:#fff;}

.scr-hamburger{display:none;background:var(--scr-navy);color:#fff;border:0;padding:10px 14px;border-radius:4px;font-weight:700;font-size:14px;cursor:pointer;letter-spacing:.5px;font-family:'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;}

/* Items that only render inside the mobile MENU dropdown */
.scr-mobile-section{display:none;}
.scr-nav-links > li.scr-urgent-item{display:none;}

/* V272.6: tighter spacing between 1200-1500px to keep all tabs on one row */
@media (max-width: 1500px){
  .scr-nav{gap:14px;}
  .scr-nav-links{gap:2px;}
  .scr-nav-links a{padding:10px 11px;font-size:14px;}
  .scr-urgent-links a{padding:9px 10px;font-size:13px;}
}
@media (max-width: 1280px){
  .scr-nav-links a{padding:10px 8px;font-size:13.5px;letter-spacing:.2px;}
  .scr-nav-links a.scr-cta{padding:10px 14px;}
  .scr-urgent-links a{padding:9px 8px;font-size:12.5px;}
}
@media (max-width: 1180px){
  .scr-nav-links a{padding:10px 7px;font-size:13px;}
  .scr-urgent-links a{padding:9px 7px;font-size:12.5px;}
}
@media (max-width: 1100px){
  .scr-nav-logo img{height:54px;}
  .scr-nav-logo .scr-brand b{font-size:16px;}
}
@media (max-width: 980px){
  .scr-urgent-call{display:none;}
  .scr-nav-urgent-label{font-size:11px;padding:8px 8px 8px 0;}
  .scr-urgent-links a{padding:8px 8px;font-size:12.5px;letter-spacing:.3px;}
}
@media (max-width: 900px){
  /* Hide Row 2 strip on mobile; its links live inside the MENU dropdown */
  .scr-nav-urgent{display:none;}
  .scr-hamburger{display:inline-block;}
  .scr-nav{position:relative;}
  .scr-nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:3px solid var(--scr-gold);box-shadow:0 8px 24px rgba(10,37,64,.18);padding:8px 0;max-height:calc(100vh - 80px);overflow-y:auto;}
  .scr-nav-links.scr-open{display:flex;}
  .scr-nav-links li{width:100%;}
  .scr-nav-links a{padding:14px 22px;border-radius:0;border-bottom:1px solid #f0f0f0;}
  .scr-nav-links a.scr-cta{margin:8px 18px;border-radius:6px;text-align:center;}
  .scr-drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-top:0;padding:0;display:none;}
  .scr-has-drop.scr-drop-open > .scr-drop{display:block;}
  .scr-has-drop > a::after{float:right;}
  .scr-drop a{padding-left:42px;background:#f7f7f9;}

  /* Mobile MENU section headers */
  .scr-mobile-section{display:block;width:100%;padding:14px 22px 6px;font-family:'Oswald','Arial Narrow',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--scr-muted);background:#f7f7f9;border-bottom:1px solid #ececec;}
  .scr-mobile-section.scr-mobile-section-urgent{color:var(--scr-red-dark);background:#fbeef0;border-bottom:1px solid #f3d4d8;}
  .scr-mobile-section.scr-mobile-section-urgent::before{content:"\26A0  ";}
  /* Show urgent items inside the mobile MENU; red left bar */
  .scr-nav-links > li.scr-urgent-item{display:block;}
  .scr-nav-links li.scr-urgent-item a{border-left:3px solid var(--scr-red);background:#fff;}
  .scr-nav-links li.scr-urgent-item a:hover{background:#fbeef0;color:var(--scr-red-dark);}
}
@media (max-width: 500px){
  .scr-nav-logo .scr-brand{display:none;}
  .scr-nav-logo img{height:48px;}
}

/* Hide legacy V172 credentials bar duplication if present */
.scr-trust-strip{background:var(--scr-navy);color:#fff;text-align:center;padding:10px 16px;font-size:13px;letter-spacing:.5px;font-weight:600;border-bottom:2px solid var(--scr-red);line-height:1.5;}
.scr-trust-strip .scr-dot{color:var(--scr-gold);margin:0 8px;}
@media (max-width:600px){.scr-trust-strip{font-size:11px;letter-spacing:.2px;padding:8px 10px;}}