/* ==========================================================================
   France Care — Accessibility Fixes
   ========================================================================== */

/* 1. Touch targets >= 44px on mobile (WCAG 2.5.8)
   Only standalone interactive elements, not inline text links */
@media (max-width: 1024px) {
  /* Buttons */
  .elementor-button {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* Navigation */
  .elementor-nav-menu--main .elementor-item {
    min-height: 44px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
  }

  /* Mobile menu toggle */
  .elementor-menu-toggle {
    min-height: 44px;
    min-width: 44px;
  }

  /* Icon list items (phone, address, etc.) */
  .elementor-icon-list-item a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 4px 0;
  }

  /* Social icons */
  .elementor-social-icon {
    min-height: 44px;
    min-width: 44px;
  }

  /* Footer standalone links */
  .elementor-location-footer .elementor-icon-list-item a,
  .elementor-location-footer .elementor-widget-nav-menu a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 6px 4px;
  }

  /* Form submit buttons */
  .fluentform .ff-btn-submit,
  .elementor-field-type-submit button {
    min-height: 44px;
    min-width: 44px;
  }
}

/* 2. Minimum 12px font size on small text */
.elementor-location-footer .elementor-widget-text-editor {
  font-size: max(0.75rem, 12px);
}

/* 3. Focus visible for keyboard navigation */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.elementor-button:focus-visible {
  outline: 2px solid #1B3A5C;
  outline-offset: 2px;
}

/* 4. Ensure Fluent Forms labels visible */
.fluentform .ff-el-input--label label {
  clip: unset !important;
  clip-path: none !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
}