/* ═══════════════════════════════════════════════════════════
   LINKEDACCOUNTS.CSS — page COMPTES LIÉS uniquement
   SCOPING : les règles génériques (titre, toolbar, recherche,
   pagination, badges) sont préfixées par
   .pf-v5-c-page__main:has(#linked-idps) — cet id n'existe que
   sur cette page. Les règles déjà ancrées sur #linked-idps /
   #unlinked-idps restent telles quelles (déjà scopées).
   ═══════════════════════════════════════════════════════════ */

/* ---- Titres sections ---- */
.pf-v5-c-page__main:has(#linked-idps) h2.pf-v5-c-title {
  font-family: "Reckless Neue", sans-serif !important;
  color: #1a2a3a !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;          /* plus de filet sous le titre */
  margin-bottom: 14px !important;
}

/* ---- Suppression des traits parasites (dividers, hr, bordures
   residuelles PatternFly au-dessus/en-dessous des listes) ---- */
.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-divider,
.pf-v5-c-page__main:has(#linked-idps) hr {
  display: none !important;
}

.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-data-list,
.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-data-list__item {
  --pf-v5-c-data-list--BorderTopWidth: 0 !important;
  --pf-v5-c-data-list--BorderBottomWidth: 0 !important;
  --pf-v5-c-data-list__item--BorderBottomWidth: 0 !important;
}

/* ---- Toolbar recherche ---- */
.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-toolbar {
  background-color: transparent !important;
  padding: 0 0 12px 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-text-input-group {
  border-radius: 50px !important;
  border: 1.5px solid #ddeef8 !important;
  overflow: hidden !important;
  background-color: #f9fcfe !important;
}

.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-text-input-group__text-input {
  border: none !important;
  background-color: transparent !important;
  font-family: "Reckless Neue", sans-serif !important;
  font-size: 13px !important;
  color: #1a2a3a !important;
  padding-left: 14px !important;
}

.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-text-input-group__text-input:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-text-input-group:focus-within {
  border-color: #009cde !important;
}

/* Bouton flèche recherche */
.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-text-input-group__utilities .pf-v5-c-button {
  border: none !important;
  background: transparent !important;
  color: #009cde !important;
}

/* ---- Pagination ---- */
.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-pagination {
  font-family: "Reckless Neue", sans-serif !important;
  font-size: 12px !important;
  color: #5a7a9a !important;
}

.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-pagination__nav-page-select input {
  border-radius: 8px !important;
  border-color: #ddeef8 !important;
}

/* ---- DataList — chaque provider = card ---- */
#linked-idps .pf-v5-c-data-list,
#unlinked-idps .pf-v5-c-data-list {
  border: none !important;
  box-shadow: none !important;
}

#linked-idps .pf-v5-c-data-list__item,
#unlinked-idps .pf-v5-c-data-list__item {
  border: 1px solid #000000 !important;    /* contour noir */
  border-radius: 20px !important;
  margin-bottom: 10px !important;
  background-color: transparent !important;
  overflow: hidden !important;
  transition: border-color 0.2s, background-color 0.2s !important;
}

#linked-idps .pf-v5-c-data-list__item:hover,
#unlinked-idps .pf-v5-c-data-list__item:hover {
  border-color: #009cde !important;
  background-color: rgba(0,156,222,0.04) !important;
  box-shadow: none !important;
  transform: none !important;
}

#linked-idps .pf-v5-c-data-list__item-row,
#unlinked-idps .pf-v5-c-data-list__item-row {
  border: none !important;
  box-shadow: none !important;
  padding: 14px 20px !important;
  background-color: transparent !important;
}

/* ---- Nom du provider ---- */
#linked-idps .pf-v5-c-data-list__cell span,
#unlinked-idps .pf-v5-c-data-list__cell span {
  font-family: "Reckless Neue", sans-serif !important;
  color: #1a2a3a !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* ---- Badge "Connexion via réseau social" ---- */
.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-label {
  border-radius: 50px !important;
  border: none !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 10px !important;
  font-family: "Reckless Neue", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background-color: #e0f4fd !important;
  color: #009cde !important;
}

.pf-v5-c-page__main:has(#linked-idps) .pf-v5-c-label__content {
  color: #009cde !important;
}

/* ---- Bouton "Lier le compte" — noir arrondi ---- */
#unlinked-idps .pf-v5-c-button.pf-m-link {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  border-radius: 50px !important;
  padding: 6px 18px !important;
  border: none !important;
  background-color: #1a2a3a !important;
  font-family: "Reckless Neue", sans-serif !important;
  transition: background-color 0.2s !important;
  text-decoration: none !important;
}

#unlinked-idps .pf-v5-c-button.pf-m-link:hover {
  background-color: #009cde !important;
  color: #ffffff !important;
}

/* ---- Bouton "Dissocier" — rouge comme Supprimer ---- */
#linked-idps .pf-v5-c-button.pf-m-link {
  color: #d93025 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  border-radius: 50px !important;
  padding: 4px 14px !important;
  border: 1.5px solid #f5c6c3 !important;
  background-color: transparent !important;
  font-family: "Reckless Neue", sans-serif !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}

#linked-idps .pf-v5-c-button.pf-m-link:hover {
  background-color: #d93025 !important;
  color: #ffffff !important;
  border-color: #d93025 !important;
}

/* ---- Empty row "Aucun fournisseur lié / non lié" ----
   NE PAS utiliser :only-child : avec UN SEUL provider reel, il est
   lui aussi :only-child et perdrait sa card (bug constate).
   Le bon marqueur est la classe utilitaire pf-v5-u-align-items-center
   portee par les lignes vides (comme sur la page Connexion). */
#linked-idps .pf-v5-c-data-list__item.pf-v5-u-align-items-center,
#unlinked-idps .pf-v5-c-data-list__item.pf-v5-u-align-items-center {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

#linked-idps .pf-v5-c-data-list__item.pf-v5-u-align-items-center .pf-v5-c-data-list__cell,
#unlinked-idps .pf-v5-c-data-list__item.pf-v5-u-align-items-center .pf-v5-c-data-list__cell {
  font-size: 13px !important;
  color: #5a7a9a !important;
  font-family: "Reckless Neue", sans-serif !important;
}