/* =========================
   Full-bleed Google Map
========================= */
.ssg-map-wrap{
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 50vh;
  max-height: 50vh;
}
.ssg-map-wrap iframe{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
.ssg-map-wrap,
.ssg-map-wrap + .vc_row,
.ssg-map-wrap + section{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 768px){ .ssg-map-wrap{ height: 40vh; } }
@media (max-width: 480px){ .ssg-map-wrap{ height: 30vh; } }

/* =========================
   Footer contact list
========================= */
.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-list li {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 6px;                   /* clean spacing */
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.contact-list li:last-child { margin-bottom: 0; }

/* labels */
.contact-list .label {
  font-weight: 600;
  color: #fff;
  margin: 0;
  min-width: 70px;
  flex-shrink: 0;
}

/* values */
.contact-list .value { flex: unset; margin-left: 0 !important; }
.contact-list .value a {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;     /* keep on one line */
  word-break: normal;
}
.contact-list .value a:hover {
  text-decoration: underline;
  color: #3cb878;          /* hover accent */
}

/* ✅ Tighter rules for phone + email rows */
.contact-list li.phone .label,
.contact-list li.email .label {
  min-width: auto;        /* remove forced width */
}
.contact-list li.phone,
.contact-list li.email {
  gap: 4px;               /* smaller gap */
}

/* responsive stack */
@media (max-width: 600px) {
  .contact-list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .contact-list .label { min-width: 0; }
}

/* Vehicles Serviced list - tighten spacing */
.vehicles-serviced ul,
.vehicles-serviced .list.simple {
  margin: 0 !important;
  padding: 0 !important;
}

.vehicles-serviced li {
  margin-bottom: 3px !important;   /* reduce vertical gap */
  line-height: 1.3 !important;     /* tighter line height */
  font-size: 15px;                 /* neat readable size */
}

/* make sure columns balance nicely */
.vehicles-serviced .vc_col-sm-4,
.vehicles-serviced .vc_col-sm-3 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}