/* ============================================================
   TRADE FLOORING ONTARIO — contact.css
   Bedrock Web Design
   ============================================================ */

/* Service area tags */
.service-areas {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

.service-area-tag {
  background: var(--color-cream);
  border: 1px solid var(--color-border);
  border-radius: 100px;
  padding: 0.3rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--color-greige);
}

/* Form select arrow */
.form__group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239A8878' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
}

/* Register callout on contact page */
.register-callout {
  background: var(--color-oak);
  border-radius: var(--radius-lg);
  padding: 2rem;
  margin-top: 2rem;
  color: var(--color-white);
}

.register-callout h4 {
  color: var(--color-white);
  margin-bottom: 0.5rem;
  font-size: 1.05rem;
}

.register-callout p {
  color: rgba(255,255,255,0.75);
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

.register-callout .btn-outline-light {
  font-size: 0.8rem;
}