/* nmp-refresh.css -- mobile + visual refresh overlay for fixmysewer.net (loads AFTER main_view_bfc_site1.css)
   Keeps all content/images/URLs; restyles chrome + adds responsive stacking. Palette aligned to TSR/network brand. */

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

/* ---- base ---- */
body{
  font-family:'Inter',Arial,Helvetica,sans-serif !important;
  color:var(--ink) !important;
  background:var(--page) !important;
  line-height:1.6 !important;
}
p{ text-align:left !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.12; font-weight:700;
}
h1{ font-size:30px !important; } h2{ font-size:23px !important; } h3{ font-size:19px !important; }

/* ---- shell ---- */
#wrapper{
  max-width:960px; width:auto !important;
  margin:18px auto !important;
  border-radius:12px;
  box-shadow:0 6px 30px rgba(16,32,74,.12) !important;
  padding:14px 24px 24px !important;
}

/* ---- header ---- */
#top{ height:auto !important; overflow:hidden; padding-bottom:6px; }
#logo img{ max-width:240px; height:auto; }
#phoneno{ color:var(--navy); font-family:'Barlow Condensed',sans-serif; font-size:17px !important; height:auto !important; }
#phoneno span{ color:var(--accent) !important; font-size:22px; }
#links a{ color:var(--blue); }
#links img{ display:none !important; }   /* hide redundant, headset-overlapped phone badge */
#grey_bg{ display:none !important; }     /* remove leftover empty grey strip under the nav */

/* ---- nav (minimal recolor; keep the original horizontal layout) ---- */
#menu{
  background:linear-gradient(180deg,var(--navy),var(--blue2)) !important;
  border-radius:10px !important; overflow:hidden; height:auto !important; margin:6px 0 14px !important;
}
#menu a{
  color:#fff !important; background:none !important; text-decoration:none;
  font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.02em;
  text-transform:uppercase; font-size:15px !important; padding:13px 15px !important;
}
#menu a:hover{ background:var(--accent) !important; color:#0a0f1a !important; }

/* ---- content columns as cards ---- */
#content{ margin-top:6px; }
#content_left, #content_right{
  background:var(--card); border:1px solid var(--line); border-radius:10px;
  box-shadow:0 2px 10px rgba(16,32,74,.06); padding:12px !important; box-sizing:border-box;
}
#content_middle{ padding:2px 6px; }
#content_middle img{ max-width:100%; height:auto; border-radius:8px; }

/* ---- estimate form ---- */
#content_left input[type=text],#content_left input[type=email],#content_left input[type=tel],
#content_left input:not([type]){
  width:100% !important; box-sizing:border-box; padding:9px 10px !important;
  border:1px solid #c7d0dc !important; border-radius:8px !important; margin:4px 0 8px !important;
  font-size:15px; background:#fff !important;
}
#content_left input[type=submit],#content_left input[type=button],#content_left button,#content_left .button{
  display:block; width:100% !important; cursor:pointer;
  background:linear-gradient(180deg,var(--accent),#ef8f06) !important; color:#fff !important;
  border:0 !important; border-radius:9px !important; padding:12px 14px !important;
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:18px !important;
  text-transform:uppercase; letter-spacing:.02em; box-shadow:0 3px 10px rgba(247,155,18,.35);
}
#content_left input[type=submit]:hover,#content_left button:hover{ filter:brightness(1.05); }

/* click-to-call links injected by script */
a.nmp-tel{ color:inherit; text-decoration:none; font-weight:700; white-space:nowrap; }

/* ---- footer ---- */
#footer{ color:var(--muted); }
.footer_line{ border-top:1px solid var(--line) !important; background:none !important; margin-top:10px; }

/* ================= RESPONSIVE ================= */
@media (max-width:900px){
  #wrapper{ padding:12px !important; margin:0 !important; border-radius:0; max-width:100%; }
  #top{ text-align:center; }
  #top, #logo, #phoneno, #links_search, #links{
    float:none !important; width:auto !important; height:auto !important; margin:6px 0 !important;
  }
  #logo{ text-align:center; } #logo img{ max-width:220px; }
  .model{ display:none !important; }               /* hide decorative headset on phones */
  #phoneno{ font-size:20px !important; }
  #phoneno span{ font-size:26px; display:block; }

  #menu{ overflow:visible; }
  #menu ul{ display:block !important; margin:0; padding:0; }
  #menu li{ float:none !important; display:block !important; width:100% !important; }
  #menu a{ display:block !important; width:auto !important; border-bottom:1px solid rgba(255,255,255,.14); font-size:17px !important; padding:15px 16px !important; }

  #content, #grey_bg{ width:auto !important; }
  #content_left, #content_middle, #content_right{
    float:none !important; width:100% !important; box-sizing:border-box;
    margin:0 0 14px !important;
  }
  body{ font-size:16px !important; }
  img{ max-width:100%; height:auto; }

  /* sticky tap-to-call bar */
  #nmp-callbar{
    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; }
  body{ padding-bottom:56px !important; }
}
@media (min-width:901px){ #nmp-callbar{ display:none; } }