/*
 * Hagen & Co: mobile fixes (Kingwave, 10 Nov 2026)
 * Loaded after stylesheet.css from MasterPage.master. Rollback: remove the <link> and the
 * .hc-mobile-bar markup, or re-upload the 10 Nov backup of MasterPage.master.
 * Brand colours only: #000000, #FFFFFF, #D2D4D5, #EB2329.
 */

/* 1. Free Appraisal header button: visible on every screen size, red accent */
a.link-top.hc-appraisal-top:link,
a.link-top.hc-appraisal-top:visited {
  background: #eb2329;
  border-color: #eb2329;
  color: #ffffff;
}
a.link-top.hc-appraisal-top:hover,
a.link-top.hc-appraisal-top:focus {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}

/* 2. Mobile menu: Free Appraisal first, solid white so it stands apart from the red Emergency button */
.overlay ul li.overlay-cta.overlay-cta-appraisal a {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.overlay ul li.overlay-cta.overlay-cta-appraisal a:hover,
.overlay ul li.overlay-cta.overlay-cta-appraisal a:focus {
  background: transparent;
  color: #ffffff;
}

/* 3. Contact page map (iframe embed) + directions link */
#LocationMap.hc-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.hc-directions {
  margin-top: 10px;
  font-weight: 500;
}

/* 4. Sticky "Click to call" bar: phones only (< 768px) */
.hc-mobile-bar {
  display: none;
}
@media (max-width: 767px) {
  .hc-mobile-bar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9990; /* under the menu overlay */
    background: #000000;
    border-top: 1px solid #d2d4d5;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .hc-mobile-bar a,
  .hc-mobile-bar a:link,
  .hc-mobile-bar a:visited {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 0 6px;
    font-family: "Saira", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #ffffff;
  }
  /* single full-width red "Click to call" button (10 Nov 2026: appraisal half removed, it's first in the menu) */
  .hc-mobile-bar a.hc-bar-call { flex: 1 1 100%; background: #eb2329; color: #ffffff; font-size: 19px; letter-spacing: 0.3px; }
  /* white Font Awesome phone icon (not an emoji) */
  .hc-mobile-bar .hc-bar-icon { margin-right: 10px; font-size: 24px; line-height: 1; color: #ffffff; }
  .hc-mobile-bar a:active { opacity: 0.85; }

  /* keep the footer and the back-to-top button clear of the bar */
  body { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }
  a.go-to-top:link,
  a.go-to-top:visited { bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }

  /* hide the bar while the full-screen menu is open */
  body.hc-menu-open .hc-mobile-bar { display: none; } /* class set by /js/tel-links.js */
}
@media (max-width: 359px) {
  .hc-mobile-bar a,
  .hc-mobile-bar a:link,
  .hc-mobile-bar a:visited { font-size: 13px; }
  /* very small phones (iPhone SE 1st gen): header phone icon overlapped the logo; the sticky bar carries Call */
  .header-actions a.link-top.hc-call { display: none; }
  a.link-top.hc-appraisal-top:link,
  a.link-top.hc-appraisal-top:visited { padding: 6px 7px; font-size: 12px; }
}