/* Nathan Bell Realtors - shared styles
   (consolidated from the original component-level <style> blocks) */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 13px;
  background-color: #f7f3e8;
  color: #000000;
}

a { color: #ffffff; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Mobile-nav toggle: a hidden checkbox drives the hamburger
   open/closed state via :checked (no JavaScript required). */
.nav-toggle {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.nav-mobile-menu {
  display: none;
  background-color: #111d36;
  border-bottom: 2px solid #c8a84b;
  padding: 8px 0;
  width: 100%;
}
.icon-close { display: none; }

@media (max-width: 640px) {
  /* Swap desktop chrome for mobile chrome */
  .hidden-mobile { display: none !important; }
  .show-mobile {
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
  }
  .footer-nav { display: none !important; }

  /* Hamburger open/close */
  #navtoggle:checked ~ .nav-mobile-menu { display: block; }
  #navtoggle:checked ~ header .icon-menu { display: none; }
  #navtoggle:checked ~ header .icon-close { display: inline-flex; }

  /* Home: credibility strip stacks */
  .credibility-item {
    border-right: none !important;
    flex-basis: auto !important;
  }
  .credibility-item:nth-child(3) {
    flex-basis: 100% !important;
    border-top: 1px solid rgba(200, 168, 75, 0.2) !important;
    margin-top: 16px !important;
    padding-top: 16px !important;
  }

  /* Content wrappers go full width */
  .services-wrapper,
  .lenders-wrapper,
  .community-wrapper {
    max-width: 100% !important;
    padding: 16px 12px !important;
  }
}