/**
 * Feuille de styles dédiée à la page "Qui sommes-nous"
 *
 * Description : Styles spécifiques pour la page de présentation de l'équipe Skribi
 * Caractéristiques visuelles : bouton CTA orange traditionnel Skribi
 * Dépendances : variables CSS globales du thème
 */

/* ============================================================================
   BOUTON CTA - Style orange Skribi traditionnel
   ============================================================================ */

.page-static-section a[href*="app.skribi.fr"],
.page-static-section a[href*="register"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 14px 26px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  background: var(--skribi-orange);
  color: #fff !important;
  border: 2px solid var(--skribi-orange);
  border-radius: var(--skribi-btn-radius);
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: none;
  border-bottom: none !important;
}

.page-static-section a[href*="app.skribi.fr"]:hover,
.page-static-section a[href*="register"]:hover {
  background: var(--skribi-orange-strong);
  color: #fff !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* Variantes de sélecteurs pour assurer la compatibilité */
.page-static-content a[href*="app.skribi.fr"],
.page-static-content a[href*="register"],
.page-static-content p a[href*="app.skribi.fr"],
.page-static-content p a[href*="register"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 14px 26px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  background: var(--skribi-orange);
  color: #fff !important;
  border: 2px solid var(--skribi-orange);
  border-radius: var(--skribi-btn-radius);
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: none;
  border-bottom: none !important;
}

.page-static-content a[href*="app.skribi.fr"]:hover,
.page-static-content a[href*="register"]:hover,
.page-static-content p a[href*="app.skribi.fr"]:hover,
.page-static-content p a[href*="register"]:hover {
  background: var(--skribi-orange-strong);
  color: #fff !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}