/* ==========================================================================
   Materiautec Theme - Buttons
   3 variantes : primaire (CTA), outlined, filtre
   ========================================================================== */

/* --- Bouton primaire (CTA) --- */
.btn-primary,
.btn-primary:visited,
button.btn-primary,
a.btn-primary {
  background-color: var(--mt-secondary);
  color: var(--mt-text-contrast);
  border: none;
  border-radius: var(--mt-radius-sm);
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  padding: 10px 20px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  text-transform: none;
}

.btn-primary:hover,
.btn-primary:focus,
button.btn-primary:hover,
a.btn-primary:hover {
  background-color: var(--mt-secondary-light);
  color: var(--mt-text-contrast);
  box-shadow: var(--mt-shadow-light);
}

.btn-primary:active {
  background-color: #009a9c;
}

/* --- Bouton secondaire / outlined --- */
.btn-secondary,
.btn-secondary:visited,
.btn-outline-secondary,
button.btn-secondary {
  background-color: var(--mt-bg-root);
  color: var(--mt-text-primary);
  border: 0.8px solid var(--mt-primary);
  border-radius: var(--mt-radius-sm);
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  padding: 10px 20px;
  transition: all 0.2s ease;
  text-transform: none;
}

.btn-secondary:hover,
.btn-outline-secondary:hover,
button.btn-secondary:hover {
  background-color: var(--mt-bg-secondary);
  color: var(--mt-text-primary);
  border-color: var(--mt-primary);
}

/* --- Bouton tertiaire / filtre --- */
.btn-tertiary,
.dropdown-toggle,
select.form-control,
.custom-select {
  background-color: var(--mt-bg-root);
  color: var(--mt-text-primary-faded);
  border: 0.8px solid rgba(0, 0, 0, 0.125);
  border-radius: var(--mt-radius-sm);
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  padding: 8px 17px;
  transition: border-color 0.2s ease;
}

.btn-tertiary:hover,
.dropdown-toggle:hover,
select.form-control:hover,
.custom-select:hover {
  border-color: var(--mt-secondary);
}

.btn-tertiary:focus,
.dropdown-toggle:focus,
select.form-control:focus,
.custom-select:focus {
  border-color: var(--mt-secondary);
  box-shadow: 0 0 0 2px var(--mt-secondary-whitish);
}

/* --- Inputs / Champs texte --- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.form-control {
  border: 0.8px solid rgba(0, 0, 0, 0.125);
  border-radius: var(--mt-radius-sm);
  color: var(--mt-text-primary);
  font-family: 'Raleway', sans-serif;
  padding: 10px 14px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--mt-secondary);
  box-shadow: 0 0 0 2px var(--mt-secondary-whitish);
  outline: none;
}

::placeholder {
  color: var(--mt-text-primary-faded);
}