@import url('/form-required.css?v=20260719-1');

/* Hero call-to-action: icon plus simple label, no number in the button. */
.hero-actions .cq-call-button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:154px !important;
  padding-inline:20px !important;
}
.hero-actions .cq-call-button svg {
  width:18px;
  height:18px;
  flex:0 0 auto;
  fill:#ffbd5a;
}
.hero-actions .cq-call-button span { line-height:1; }

/* The map replaces the old "What to send" panel and stretches to the full height of the contact column. */
.contact-layout {
  align-items:stretch !important;
}
.contact-panel.cq-contact-map {
  position:relative !important;
  align-self:stretch !important;
  min-height:470px !important;
  padding:0 !important;
  overflow:hidden !important;
  isolation:isolate;
  border:0 !important;
  background:#090b0e !important;
  box-shadow:0 28px 70px rgba(0,0,0,.44), inset 0 0 0 1px rgba(255,138,31,.24) !important;
}
.contact-panel.cq-contact-map::before {
  content:none !important;
  display:none !important;
}
.cq-contact-map-frame {
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  border:0;
  filter:grayscale(1) contrast(1.06) brightness(.78) sepia(.24) saturate(.84);
}
.contact-panel.cq-contact-map::after {
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  display:block !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(7,9,12,.60) 0%, rgba(7,9,12,.08) 42%, transparent 100%),
    linear-gradient(180deg, rgba(7,9,12,.16) 0%, transparent 38%, rgba(7,9,12,.76) 100%) !important;
  box-shadow:inset 0 0 76px 18px #090a0c !important;
}
.cq-contact-map-details {
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:23px;
  max-width:360px;
  padding:15px 17px 16px;
  border-left:2px solid #f58a22;
  background:linear-gradient(90deg, rgba(8,10,12,.93), rgba(8,10,12,.57));
  backdrop-filter:blur(8px);
}
.cq-contact-map-details > span {
  display:block;
  margin-bottom:8px;
  color:#ffb654;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
}
.cq-contact-map-details > strong {
  display:block;
  margin-bottom:5px;
  color:#fffaf3;
  font-family:"Barlow Condensed", Arial, sans-serif;
  font-size:30px;
  font-weight:800;
  line-height:.94;
}
.cq-contact-map-details p {
  margin:0 0 11px;
  color:#d7dbdf;
  font-size:12px;
  font-weight:600;
  line-height:1.45;
}
.cq-contact-map-details a {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#ffbb61;
  font-size:11px;
  font-weight:800;
}
.cq-contact-map-details a b {
  font-size:17px;
  line-height:1;
  transition:transform .2s ease;
}
.cq-contact-map-details a:hover b { transform:translate(3px, -3px); }

/* Compact footer contact icon row: email, Facebook search and workshop location. */
.site-footer .footer-links {
  align-items:center !important;
}
.cq-footer-icons {
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:4px;
  padding-left:14px;
  border-left:1px solid rgba(255,255,255,.16);
}
.cq-footer-icon {
  display:grid !important;
  place-items:center !important;
  width:34px;
  height:34px;
  padding:0 !important;
  border:1px solid rgba(255,164,68,.42);
  color:#ffbd61 !important;
  background:rgba(255,121,24,.045);
  transition:transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.cq-footer-icon svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cq-footer-icon:nth-child(2) svg {
  fill:currentColor;
  stroke:none;
}
.cq-footer-icon:hover {
  transform:translateY(-3px);
  border-color:#ffd079;
  color:#1d0b03 !important;
  background:#ffbd61;
  box-shadow:0 8px 19px rgba(255,126,23,.25);
}
.cq-footer-icon:focus-visible {
  outline:2px solid #ffe3a3;
  outline-offset:3px;
}

@media (max-width:980px) {
  .contact-panel.cq-contact-map {
    min-height:440px !important;
  }
}
@media (max-width:720px) {
  .brand.cq-brand-custom { width:172px !important; min-width:172px !important; height:52px !important; }
  .footer-brand.cq-brand-custom { width:196px !important; min-width:196px !important; height:59px !important; }
  .hero-actions .cq-call-button { min-width:136px !important; }
  .contact-panel.cq-contact-map { min-height:380px !important; }
  .cq-contact-map-details { left:16px; right:16px; bottom:16px; padding:14px 15px; }
  .cq-contact-map-details > strong { font-size:27px; }
  .cq-footer-icons {
    width:100%;
    margin:3px 0 0;
    padding:13px 0 0;
    border-top:1px solid rgba(255,255,255,.14);
    border-left:0;
  }
}