/* Outils climatisation : deux accès METREGO dans le pied de page */
.site-footer .meiller-footer-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 28px;
  padding: 25px 29px;
  border: 1px solid rgba(47, 187, 249, .35);
  border-radius: 17px;
  background: linear-gradient(115deg, #0e356b 0%, #092750 65%, #082446 100%);
  box-shadow: 0 14px 35px rgba(0, 5, 20, .12);
}
.site-footer .meiller-footer-tools-copy {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.site-footer .meiller-footer-tools-kicker {
  color: #6fe0fb;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .15em;
}
.site-footer .meiller-footer-tools-copy strong {
  color: #fff;
  font-size: clamp(1.04rem, 1.6vw, 1.35rem);
  line-height: 1.35;
}
.site-footer .meiller-footer-tools-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.site-footer a.meiller-footer-tool-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 51px;
  padding: 12px 17px;
  border: 1px solid #55cfff;
  border-radius: 11px;
  background: #17b4f1;
  color: #002a50;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 6px 20px rgba(0, 154, 232, .18);
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.site-footer a.meiller-footer-tool-btn svg {
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
}
.site-footer a.meiller-footer-tool-btn .meiller-footer-tool-arrow {
  width: 17px;
  height: 17px;
  margin-left: 2px;
}
.site-footer a.meiller-footer-tool-btn-outline {
  background: #ffffff0d;
  color: #fff;
  border-color: #5fa3cd;
  box-shadow: none;
}
.site-footer a.meiller-footer-tool-btn:hover {
  background: #6bd8fa;
  border-color: #8be3ff;
  transform: translateY(-2px);
}
.site-footer a.meiller-footer-tool-btn-outline:hover {
  color: #002a50;
}
.site-footer a.meiller-footer-tool-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
@media (max-width: 900px) {
  .site-footer .meiller-footer-tools { flex-direction: column; align-items: stretch; }
}
@media (max-width: 600px) {
  .site-footer .meiller-footer-tools { padding: 20px 17px; border-radius: 13px; gap: 20px; }
  .site-footer .meiller-footer-tools-actions { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .site-footer a.meiller-footer-tool-btn { width: 100%; justify-content: flex-start; min-height: 50px; }
  .site-footer a.meiller-footer-tool-btn .meiller-footer-tool-arrow { margin-left: auto; }
}