/* nmp-refresh.css (sewerrepairusa.com) -- mobile + visual refresh overlay, loads AFTER site.css.
   Targets this site's own ids (#maincontaner/.logo_panel/.nav_panel/.navigation/#site_body_content/#nav_left_site_div/#nav_right_site_div).
   Desktop = appearance only (keeps the negative-margin 3-col intact); mobile @media does the stacking. */

:root{
  --navy:#152956; --blue:#175add; --blue2:#1949b3; --ink:#1f2937; --muted:#5b6472;
  --accent:#f79b12; --line:#e3e8ef; --page:#eef1f5;
}

body{ font-family:'Inter',Arial,Helvetica,sans-serif !important; color:var(--ink) !important; }
a{ color:var(--blue); }
h1,h2,h3,h4{ font-family:'Barlow Condensed','Arial Narrow',sans-serif !important; color:var(--navy) !important;
  letter-spacing:-.01em; line-height:1.14; font-weight:700; }

/* nav bar */
.nav_panel{ background:linear-gradient(180deg,var(--navy),var(--blue2)) !important; border:0 !important;
  border-radius:9px !important; padding:0 !important; }
.nav_panel .navigation{ margin:0; padding:0; list-style:none; }
.nav_panel .navigation li{ list-style:none; }
.nav_panel .navigation li a{ display:inline-block; color:#fff !important; text-decoration:none !important;
  font-family:'Barlow Condensed',sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:.02em;
  font-size:15px; padding:13px 16px !important; }
.nav_panel .navigation li a:hover{ background:var(--accent) !important; color:#0a0f1a !important; }

/* quick-quote form + buttons */
.nav_text_input{ width:100% !important; box-sizing:border-box; border:1px solid #c7d0dc !important;
  border-radius:8px !important; padding:9px 10px !important; font-size:15px; margin:3px 0 8px; }
.nav_button_input, input[type=button].nav_button_input, .nav_button_input:hover{
  background:linear-gradient(180deg,var(--accent),#ef8f06) !important; color:#fff !important; border:0 !important;
  border-radius:9px !important; height:auto !important; width:100% !important; padding:12px 14px !important;
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:18px !important; text-transform:uppercase;
  letter-spacing:.02em; cursor:pointer; box-shadow:0 3px 10px rgba(247,155,18,.35); }

/* sidebars: subtle lift (no border/padding change -> keeps float math) */
#nav_left_site_div, #nav_right_site_div{ box-shadow:0 1px 0 rgba(0,0,0,0) ; }

a.nmp-tel{ color:inherit; text-decoration:none; font-weight:700; white-space:nowrap; }
#nmp-callbar{ display:none; }

/* ================= RESPONSIVE ================= */
@media (max-width:900px){
  body{ min-width:0 !important; padding:8px !important; }              /* kill the 1250px min-width */
  #maincontaner{ width:auto !important; border-radius:0 !important; }
  .Contaner, #body_content{ padding:0 8px !important; }
  .logo_panel{ min-height:auto !important; background-size:cover !important; padding:8px !important; text-align:center; }
  .logo_image_right{ display:none !important; }                         /* hide the header figure on phones */
  .logo{ float:none !important; width:auto !important; display:block; }
  .logo img{ max-width:100% !important; height:auto !important; }

  .nav_panel .navigation li{ display:block !important; float:none !important; width:100% !important;
    border-bottom:1px solid rgba(255,255,255,.14); }
  .nav_panel .navigation li a{ display:block !important; font-size:17px; padding:15px 16px !important; }

  /* unwind the negative-margin 3-col into a single stacked column */
  #site_body_content, #nav_left_site_div, #nav_right_site_div{
    float:none !important; width:auto !important; margin-left:0 !important; padding-bottom:16px !important; }

  img{ max-width:100%; height:auto; }
  body{ font-size:16px !important; padding-bottom:60px !important; }

  #nmp-callbar{ display:block !important; position:fixed; left:0; right:0; bottom:0; z-index:9999;
    background:var(--accent); text-align:center; padding:13px; box-shadow:0 -2px 12px rgba(0,0,0,.25); }
  #nmp-callbar a{ color:#0a0f1a; font-family:'Barlow Condensed',sans-serif; font-weight:700;
    font-size:20px; text-decoration:none; letter-spacing:.02em; }
}