/* ── Footer buttons — one shared look ────────────────────────────────────────
   Phone (left column), "Address in Google Maps" and "Send inquiry" (right column) used to be
   three different things (gold pill / white pill / gold rectangle, different sizes). They now
   share one look — a copy of the SP2 info-strip's gold "price list" button (.sp2-pricelist-btn
   in fp-sp2.css): 11px uppercase, gold fill, 2px radius, hover = transparent with gold text —
   and one fixed width/height, so they line up identically in both columns.

   The Bauen theme styles every <button> and <a:hover> globally (background #b19777, hover
   #323232, display:inline-block) and the child style.css has older per-element rules, so the
   shared look is forced with !important on a high-specificity selector rather than layered. */

.main-footer {
  --hn-fbtn-w: 330px;
  --hn-fbtn-h: 46px;
  --hn-fbtn-accent: var(--hn-gold, #b89a4a);
  --hn-fbtn-dark: #0a0a0a;
  --hn-footer-fs: 15px;
}

/* The button box */
.main-footer .sub-footer2 .footer_phone_nubmer > a,
.main-footer .sub-footer2 .address_map,
.main-footer .sub-footer2 .footer_feedback_butn > button {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  width: var(--hn-fbtn-w) !important;
  max-width: 100% !important;
  height: var(--hn-fbtn-h) !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 14px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: var(--hn-footer-fs) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  color: var(--hn-fbtn-dark) !important;
  background: var(--hn-fbtn-accent) !important;
  border: 1px solid var(--hn-fbtn-accent) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
  transition: background 0.2s, color 0.2s !important;
}

/* Hover / focus / active — same for all three */
.main-footer .sub-footer2 .footer_phone_nubmer > a:hover,
.main-footer .sub-footer2 .footer_phone_nubmer > a:focus,
.main-footer .sub-footer2 .footer_phone_nubmer > a:active,
.main-footer .sub-footer2 .address_map:hover,
.main-footer .sub-footer2 .address_map:focus-within,
.main-footer .sub-footer2 .footer_feedback_butn > button:hover,
.main-footer .sub-footer2 .footer_feedback_butn > button:focus,
.main-footer .sub-footer2 .footer_feedback_butn > button:active {
  color: var(--hn-fbtn-accent) !important;
  background: transparent !important;
  border-color: var(--hn-fbtn-accent) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Phone button (left column) is narrower than the two in the right column */
.main-footer .sub-footer2 .footer_phone_nubmer > a {
  width: 230px !important;
}

/* The wrappers around them: alignment + a consistent gap between the two right-hand buttons */
.main-footer .sub-footer2 .footer_phone_nubmer { margin-bottom: 0; }

.main-footer .sub-footer2 .address_map {
  /* block-level flex so margin-left:auto really pushes it to the column's right edge,
     in line with the "Send inquiry" button below */
  display: flex !important;
  margin-top: 14px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.main-footer .sub-footer2 .footer_feedback_butn {
  display: flex !important;
  justify-content: flex-end;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
}

/* Map link: the whole button is the click target, not just the text */
.main-footer .sub-footer2 .address_map > a {
  display: inline-flex !important;
  align-items: center;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  background: none !important;
}
.main-footer .sub-footer2 .address_map > a::after {
  content: '';
  position: absolute;
  inset: 0;
}

.main-footer .sub-footer2 .address_map > svg {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0;
  fill: currentColor !important;
  stroke: none !important;
}
.main-footer .sub-footer2 .address_map > svg > g > g > path,
.main-footer .sub-footer2 .address_map:hover svg > g > g > path {
  fill: currentColor !important;
}

/* "Send inquiry": the <a> inside the <button> just carries the text */
.main-footer .sub-footer2 .footer_feedback_butn > button > a,
.main-footer .sub-footer2 .footer_feedback_butn > button > a:hover {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  background: none !important;
  border: 0 !important;
}

/* Tablet and down: buttons take the full column width */
@media (max-width: 767px) {
  .main-footer .sub-footer2 .footer_phone_nubmer > a,
  .main-footer .sub-footer2 .address_map,
  .main-footer .sub-footer2 .footer_feedback_butn > button {
    width: 100% !important;
  }
  .main-footer .sub-footer2 .footer_feedback_butn { justify-content: stretch; }
  .main-footer .sub-footer2 .footer_phone_nubmer > a { display: flex !important; }
}

/* ── One font, one size for everything in the footer ─────────────────────────
   Headings, contacts, menu, buttons and the copyright row all use Montserrat at --hn-footer-fs.
   Icon elements (font icons / svg) are left alone so they keep their glyph font. */
.main-footer :where(*:not(i):not(svg):not(svg *):not([class*="fa-"]):not(.fa):not([class*="icon"])) {
  font-family: 'Montserrat', sans-serif !important;
  font-size: var(--hn-footer-fs) !important;
}

/* The two right-hand buttons carry longer labels, so they are set smaller (12px) than the phone
   button (15px) to fit their column at every width and language. (The rule above uses :where(),
   so these more specific selectors win.) */
.main-footer {
  --hn-fbtn-side-fs: 12px;
}
.main-footer .sub-footer2 .address_map,
.main-footer .sub-footer2 .footer_feedback_butn > button {
  font-size: var(--hn-fbtn-side-fs) !important;
}