/* Met Service - personalizzazioni sito */

/* Telefono header */
.header-phone-cta {
  gap: .65rem;
  padding: .45rem .75rem;
  border: 1px solid rgba(var(--ar-primary-rgb), .28);
  border-radius: .75rem;
  color: var(--ar-gray-900);
  text-decoration: none;
  line-height: 1.05;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.header-phone-cta:hover {
  color: var(--ar-primary);
  border-color: var(--ar-primary);
  background: rgba(var(--ar-primary-rgb), .06);
  transform: translateY(-1px);
}

.header-phone-icon,
.header-phone-mobile {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  background: var(--ar-primary);
  color: #fff;
  flex: 0 0 auto;
}

.header-phone-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header-phone-mobile {
  text-decoration: none;
}

.header-phone-copy {
  display: flex;
  flex-direction: column;
}

.header-phone-copy small {
  margin-bottom: .16rem;
  color: var(--ar-gray-600);
  font-size: .67rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.header-phone-copy strong {
  font-size: .95rem;
  font-weight: 700;
  white-space: nowrap;
}

/* Pagina contatti */
.contact-conversion-section {
  background: #f4f6f5;
  border-top: 1px solid rgba(0, 0, 0, .04);
  border-bottom: 1px solid rgba(0, 0, 0, .04);
}

.contact-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: 1rem;
  padding: .45rem .7rem;
  border-radius: 999px;
  background: rgba(var(--ar-primary-rgb), .10);
  color: var(--ar-primary);
  font-size: .82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.contact-feature-list {
  display: grid;
  gap: .85rem;
  margin: 1.75rem 0 2rem;
  padding: 0;
  list-style: none;
}

.contact-feature-list li {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  font-weight: 600;
  color: var(--ar-gray-800);
}

.contact-feature-list .feature-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: 1.7rem;
  margin-top: -.1rem;
  border-radius: 50%;
  background: rgba(var(--ar-primary-rgb), .11);
  color: var(--ar-primary);
  flex: 0 0 auto;
}

.contact-phone-box {
  padding: 1.2rem 1.25rem;
  border: 1px solid rgba(var(--ar-primary-rgb), .20);
  border-radius: 1rem;
  background: #fff;
}

.contact-phone-box .phone-number {
  font-size: 1.4rem;
  font-weight: 800;
  letter-spacing: -.02em;
}

.contact-form-card {
  border: 0;
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 1.25rem 3.5rem rgba(18, 21, 25, .10);
}

.contact-form-card .form-control {
  min-height: 3.35rem;
  border-color: #dce1e5;
  background: #fff;
}

.contact-form-card textarea.form-control {
  min-height: 9rem;
}

.contact-form-card .form-control:focus {
  border-color: var(--ar-primary);
  box-shadow: 0 0 0 .2rem rgba(var(--ar-primary-rgb), .12);
}

.contact-submit-btn {
  min-height: 3.4rem;
  font-weight: 700;
}

.contact-privacy-note {
  color: var(--ar-gray-600);
  font-size: .78rem;
  line-height: 1.5;
}

.contact-map-card {
  overflow: hidden;
  border: 0;
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 .75rem 2rem rgba(18, 21, 25, .07);
}

.contact-map-card iframe {
  display: block;
  width: 100%;
  min-height: 320px;
}

@media (max-width: 991.98px) {
  .contact-form-card {
    margin-top: 1rem;
  }
}