/**
 * UNSA Outils — formulaires harmonisés (front catalogue uniquement).
 * Couvre body.unsa-outils-frontend pour ne pas impacter wp-admin ni autres pages.
 */

body.unsa-outils-frontend select:not([class*="wp-"]):not(.components-select-control__input),
body.unsa-outils-frontend input[type="text"]:not([class*="wp-"]),
body.unsa-outils-frontend input[type="number"]:not([class*="wp-"]),
body.unsa-outils-frontend input[type="email"]:not([class*="wp-"]),
body.unsa-outils-frontend input[type="search"]:not([class*="wp-"]),
body.unsa-outils-frontend input[type="tel"]:not([class*="wp-"]),
body.unsa-outils-frontend input[type="url"]:not([class*="wp-"]),
body.unsa-outils-frontend input[type="date"]:not([class*="wp-"]),
body.unsa-outils-frontend input[type="month"]:not([class*="wp-"]),
body.unsa-outils-frontend textarea:not([class*="wp-"]) {
  box-sizing: border-box;
  max-width: 100%;
  min-height: var(--unsa-input-height);
  padding: 6px var(--unsa-input-padding-x);
  font-size: var(--unsa-input-font-size);
  line-height: 1.35;
  color: var(--unsa-text);
  background: var(--unsa-input-bg);
  border: var(--unsa-input-border);
  border-radius: var(--unsa-input-radius);
  transition:
    border-color var(--unsa-transition-fast),
    box-shadow var(--unsa-transition-fast);
}

body.unsa-outils-frontend select:not([class*="wp-"]):not(.components-select-control__input):focus-visible,
body.unsa-outils-frontend input[type="text"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend input[type="number"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend input[type="email"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend input[type="search"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend input[type="tel"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend input[type="url"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend input[type="date"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend input[type="month"]:not([class*="wp-"]):focus-visible,
body.unsa-outils-frontend textarea:not([class*="wp-"]):focus-visible {
  outline: none;
  border-color: var(--unsa-pink);
  box-shadow: var(--unsa-input-focus-ring);
}

/** Bouton contour rose réutilisable (encarts inter-outils, secondaires) */
.unsa-outil-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  color: var(--unsa-pink);
  background: var(--unsa-bg);
  border: 2px solid var(--unsa-pink);
  border-radius: var(--unsa-radius-md);
  cursor: pointer;
  transition:
    background var(--unsa-transition-fast),
    color var(--unsa-transition-fast),
    border-color var(--unsa-transition-fast);
}

.unsa-outil-btn-outline:hover {
  background: var(--unsa-pink-light);
  color: var(--unsa-pink-dark);
}

.unsa-outil-btn-outline:focus-visible {
  outline: none;
  box-shadow: var(--unsa-input-focus-ring);
}