/* NJ Dental Ceramics — launch responsive corrections.
 * Load after wordpress.motion6.css. No image framing, motion or border changes.
 */

/* Preserve the masthead while making its existing controls touch-friendly. */
.desktop-nav > a:not(.button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}
.desktop-nav .contact-nav,
#video-toggle,
#contact-close,
.lightbox-close {
  min-width: 44px;
  min-height: 44px;
}
.text-link {
  min-width: 44px;
  min-height: 44px;
}

/* Contact Form 7 wraps each field pair in a paragraph. Let that wrapper
 * span the grid and place its labels in the intended equal-width columns.
 */
.wpcf7-form .field-grid > p {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.wpcf7-form .wpcf7-acceptance label,
.wpcf7-form label:has(input[type="checkbox"]) {
  min-height: 44px;
  padding-block: 6px;
  font-size: 12px;
}

/* Small visual checkboxes keep their native appearance; their enclosing
 * consent labels provide the larger click/tap area.
 */
.site-footer .footer-top a:not(.brand):not(.footer-brand),
.site-footer .footer-bottom a {
  display: inline-flex;
  align-items: center;
  min-width: 44px;
  min-height: 44px;
  font-size: 11px;
}

@media (max-width: 1024px) {
  /* Prevent focus-induced zoom on touch tablets and phones. */
  .wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
  .wpcf7-form select,
  .wpcf7-form textarea {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .comparison-label,
  .cases-section .case-grid .comparison-label {
    font-size: 10px;
    letter-spacing: .08em;
  }
  .mobile-input-bar > p {
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .wpcf7-form .field-grid > p {
    grid-template-columns: minmax(0, 1fr);
  }
}