/*
 * Pradeo Theme for Keycloak Account Console
 * Surcharge des couleurs UNIQUEMENT - pas de modification du layout
 * Primary: #04a9ad (teal/cyan)
 */

:root {
  /* Surcharge des variables PatternFly pour la couleur primaire */
  --pf-v5-global--primary-color--100: #04a9ad;
  --pf-v5-global--primary-color--200: #038c8f;
  --pf-v5-global--primary-color--dark-100: #038c8f;
  --pf-v5-global--link--Color: #04a9ad;
  --pf-v5-global--link--Color--hover: #038c8f;
  --pf-v5-global--link--Color--visited: #04a9ad;
  --pf-v5-global--active-color--100: #04a9ad;
  
  /* Legacy PatternFly v4 */
  --pf-global--primary-color--100: #04a9ad;
  --pf-global--primary-color--200: #038c8f;
  --pf-global--link--Color: #04a9ad;
  --pf-global--link--Color--hover: #038c8f;
  --pf-global--active-color--100: #04a9ad;
}

/* ===== Boutons primaires ===== */
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #04a9ad;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #038c8f;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #038c8f;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #038c8f;
  --pf-c-button--m-primary--BackgroundColor: #04a9ad;
  --pf-c-button--m-primary--hover--BackgroundColor: #038c8f;
  background-color: #04a9ad;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover {
  background-color: #038c8f;
}

/* ===== Boutons link ===== */
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link {
  --pf-v5-c-button--m-link--Color: #04a9ad;
  --pf-v5-c-button--m-link--hover--Color: #038c8f;
  --pf-c-button--m-link--Color: #04a9ad;
  color: #04a9ad;
}

.pf-v5-c-button.pf-m-link:hover,
.pf-c-button.pf-m-link:hover {
  color: #038c8f;
}

/* ===== Liens ===== */
a {
  color: #04a9ad;
}

a:hover {
  color: #038c8f;
}

/* ===== Logo : affiché sans lien cliquable ===== */
/* Le href est retiré par js/disable-logo-link.js ; ici on enlève le curseur
   "main" pour que le logo n'apparaisse pas comme un lien.
   Sélecteur indépendant de la version PatternFly (pf-v5, pf-v6, …). */
[class*="c-masthead__brand"] {
  cursor: default;
}

/* ===== Navigation ===== */
.pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link,
.pf-c-nav__item.pf-m-current > .pf-c-nav__link {
  --pf-v5-c-nav__link--m-current--Color: #04a9ad;
  --pf-c-nav__link--m-current--Color: #04a9ad;
  color: #04a9ad;
}

.pf-v5-c-nav__link.pf-m-current::after,
.pf-c-nav__link.pf-m-current::after {
  background-color: #04a9ad;
}

.pf-v5-c-nav__link:hover,
.pf-c-nav__link:hover {
  --pf-v5-c-nav__link--hover--Color: #04a9ad;
  --pf-c-nav__link--hover--Color: #04a9ad;
  color: #04a9ad;
}

/* ===== Focus des champs de formulaire ===== */
.pf-v5-c-form-control:focus,
.pf-c-form-control:focus {
  --pf-v5-c-form-control--focus--BorderBottomColor: #04a9ad;
  --pf-c-form-control--focus--BorderBottomColor: #04a9ad;
  border-bottom-color: #04a9ad;
}

/* ===== Checkbox ===== */
.pf-v5-c-check__input:checked,
.pf-c-check__input:checked {
  --pf-v5-c-check__input--checked--BackgroundColor: #04a9ad;
  --pf-v5-c-check__input--checked--BorderColor: #04a9ad;
  --pf-c-check__input--checked--BackgroundColor: #04a9ad;
  background-color: #04a9ad;
  border-color: #04a9ad;
}

/* ===== Switch/Toggle ===== */
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle,
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
  --pf-v5-c-switch__input--checked__toggle--BackgroundColor: #04a9ad;
  --pf-c-switch__input--checked__toggle--BackgroundColor: #04a9ad;
  background-color: #04a9ad;
}

/* ===== Tabs ===== */
.pf-v5-c-tabs__link.pf-m-current::after,
.pf-c-tabs__link.pf-m-current::after {
  background-color: #04a9ad;
}

.pf-v5-c-tabs__link:hover,
.pf-c-tabs__link:hover {
  color: #04a9ad;
}

/* ===== Spinner ===== */
.pf-v5-c-spinner,
.pf-c-spinner {
  --pf-v5-c-spinner--Color: #04a9ad;
  --pf-c-spinner--Color: #04a9ad;
}

/* ===== Alertes info ===== */
.pf-v5-c-alert.pf-m-info,
.pf-c-alert.pf-m-info {
  --pf-v5-c-alert--m-info--BorderTopColor: #04a9ad;
  --pf-c-alert--m-info--BorderTopColor: #04a9ad;
}

/* ===== Badge ===== */
.pf-v5-c-badge.pf-m-read,
.pf-c-badge.pf-m-read {
  --pf-v5-c-badge--m-read--BackgroundColor: #04a9ad;
  --pf-c-badge--m-read--BackgroundColor: #04a9ad;
  background-color: #04a9ad;
}

/* ===== Menu/Select items ===== */
.pf-v5-c-menu__item.pf-m-selected,
.pf-c-menu__item.pf-m-selected,
.pf-v5-c-select__menu-item.pf-m-selected,
.pf-c-select__menu-item.pf-m-selected {
  color: #04a9ad;
}

.pf-v5-c-menu__item:hover,
.pf-c-menu__item:hover,
.pf-v5-c-select__menu-item:hover,
.pf-c-select__menu-item:hover,
.pf-v5-c-dropdown__menu-item:hover,
.pf-c-dropdown__menu-item:hover {
  --pf-v5-c-menu__item--hover--BackgroundColor: rgba(4, 169, 173, 0.1);
  --pf-c-menu__item--hover--BackgroundColor: rgba(4, 169, 173, 0.1);
}

/* ===== Progress bar ===== */
.pf-v5-c-progress__indicator,
.pf-c-progress__indicator {
  --pf-v5-c-progress__indicator--BackgroundColor: #04a9ad;
  --pf-c-progress__indicator--BackgroundColor: #04a9ad;
  background-color: #04a9ad;
}

/* ===== Breadcrumb ===== */
.pf-v5-c-breadcrumb__link,
.pf-c-breadcrumb__link {
  color: #04a9ad;
}

.pf-v5-c-breadcrumb__link:hover,
.pf-c-breadcrumb__link:hover {
  color: #038c8f;
}

/* ===== Empty state icon ===== */
.pf-v5-c-empty-state__icon,
.pf-c-empty-state__icon {
  --pf-v5-c-empty-state__icon--Color: #04a9ad;
  --pf-c-empty-state__icon--Color: #04a9ad;
  color: #04a9ad;
}