/* ============================================
   CARDINAL MILANO — Contacts Page
   ============================================ */

/* ── INFO BLOCK ── */

.cm-ci {
  padding-right: 20px;
}

.cm-ci-label {
  display:        block;
  font-size:      9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color:          #88898a;
  font-family:    'Jost', sans-serif;
  font-weight:    500;
  margin-bottom:  10px;
  margin-top:     32px;
}

.cm-ci .cm-ci-label:first-child {
  margin-top: 0;
}

.cm-ci-text {
  font-size:   14px !important;
  line-height: 1.9 !important;
  color:       #1a1a1a !important;
  font-weight: 300 !important;
  margin:      0 !important;
}

.cm-ci-text a {
  color:           #1a1a1a !important;
  text-decoration: none !important;
  border-bottom:   1px solid rgba(0,0,0,0.18) !important;
  transition:      border-color 0.2s ease !important;
}

.cm-ci-text a:hover {
  border-bottom-color: #000 !important;
}

/* ── VERTICAL DIVIDER ── */

.cm-vdivider {
  width:      1px;
  min-height: 380px;
  background: rgba(0,0,0,0.09);
  margin:     0 auto;
  height:     100%;
}

/* ── CONTACT FORM 7 ── */

.wpcf7 .cm-field {
  margin-bottom: 26px;
}

.wpcf7 .cm-field input[type="text"],
.wpcf7 .cm-field input[type="email"],
.wpcf7 .cm-field textarea {
  width:            100% !important;
  background:       transparent !important;
  background-color: transparent !important;
  border:           none !important;
  border-bottom:    1px solid rgba(0,0,0,0.18) !important;
  border-radius:    0 !important;
  padding:          10px 0 !important;
  font-size:        13px !important;
  font-family:      'Jost', sans-serif !important;
  font-weight:      300 !important;
  color:            #1a1a1a !important;
  letter-spacing:   0.02em !important;
  outline:          none !important;
  box-shadow:       none !important;
  -webkit-box-shadow: none !important;
  transition:       border-color 0.2s ease !important;
  -webkit-appearance: none !important;
  appearance:       none !important;
}

.wpcf7 .cm-field input[type="text"]:focus,
.wpcf7 .cm-field input[type="email"]:focus,
.wpcf7 .cm-field textarea:focus {
  border-bottom-color: #000000 !important;
  box-shadow:          none !important;
  outline:             none !important;
  background:          transparent !important;
}

.wpcf7 .cm-field input::placeholder,
.wpcf7 .cm-field textarea::placeholder {
  color:          #aaaaaa !important;
  font-size:      10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight:    400 !important;
  font-family:    'Jost', sans-serif !important;
}

.wpcf7 .cm-field textarea {
  resize:     none !important;
  min-height: 130px !important;
}

/* Span wrapper CF7 */
.wpcf7 .cm-field span.wpcf7-form-control-wrap {
  display: block !important;
}

/* Submit */
.wpcf7 .cm-field-submit {
  margin-top: 8px;
}

.wpcf7 .cm-field-submit input[type="submit"] {
  background:         #000000 !important;
  background-color:   #000000 !important;
  background-image:   none !important;
  color:              #ffffff !important;
  border:             none !important;
  padding:            15px 44px !important;
  font-size:          10px !important;
  letter-spacing:     0.22em !important;
  text-transform:     uppercase !important;
  font-family:        'Jost', sans-serif !important;
  font-weight:        500 !important;
  cursor:             pointer !important;
  border-radius:      0 !important;
  transition:         opacity 0.2s ease !important;
  -webkit-appearance: none !important;
  appearance:         none !important;
  display:            inline-block !important;
}

.wpcf7 .cm-field-submit input[type="submit"]:hover {
  opacity: 0.72 !important;
}

/* Messaggi risposta */
.wpcf7-response-output {
  border:        none !important;
  border-radius: 0 !important;
  padding:       12px 0 0 !important;
  font-size:     11px !important;
  font-family:   'Jost', sans-serif !important;
  letter-spacing: 0.05em !important;
  margin:        0 !important;
  background:    transparent !important;
}

.wpcf7-mail-sent-ok {
  color: #2d6a4f !important;
}

.wpcf7-validation-errors,
.wpcf7-mail-sent-ng,
.wpcf7-acceptance-missing {
  color: #b20000 !important;
}

/* Errori field singoli */
.wpcf7-not-valid-tip {
  font-size:   10px !important;
  color:       #b20000 !important;
  font-family: 'Jost', sans-serif !important;
  letter-spacing: 0.04em !important;
  margin-top:  4px !important;
  display:     block !important;
}

/* reCAPTCHA badge */
.grecaptcha-badge {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.grecaptcha-badge:hover {
  opacity: 1;
}

/* ── RESPONSIVE ── */

@media (max-width: 849px) {
  .cm-vdivider {
    display: none !important;
  }

  .cm-ci {
    padding-right:  0;
    padding-bottom: 48px;
    margin-bottom:  40px;
    border-bottom:  1px solid rgba(0,0,0,0.09);
  }
}
/* Fix spaziatura form contatti */
.wpcf7 .cm-field {
  margin-bottom: 20px !important;
}

.wpcf7 .cm-field span.wpcf7-form-control-wrap {
  display:    block !important;
  margin-top: 0 !important;
}
.wpcf7 .cm-field textarea::placeholder {
  color:          #aaaaaa !important;
  font-size:      10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  content:        "Your Message *" !important;
}