/* === ODOIP TELECOM — Charte graphique appliquée à WHMCS === */
:root {
  --odoip-blue: #05308C;
  --odoip-red: #D22809;
  --odoip-white: #FFFFFF;
  --odoip-black: #000000;
  --odoip-blue-dark: #042469;
  --odoip-blue-light: #1a4eb8;
  --odoip-red-dark: #a61f07;
  --odoip-red-light: #e8492a;
  --primary-color: var(--odoip-blue) !important;
  --primary-color-darken-1: var(--odoip-blue-dark) !important;
  --primary-color-darken-2: var(--odoip-blue-dark) !important;
  --primary-color-lighten-1: var(--odoip-blue-light) !important;
  --primary-color-lighten-2: var(--odoip-blue-light) !important;
  --link-color: var(--odoip-blue) !important;
  --link-hover-color: var(--odoip-blue-dark) !important;
}

/* Boutons primaires */
.btn-primary, .btn.btn-primary, .button.button-primary, .navbar-default .navbar-brand,
.lagom-btn-primary, .panel-primary > .panel-heading {
  background-color: var(--odoip-blue) !important;
  border-color: var(--odoip-blue) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
.lagom-btn-primary:hover, .lagom-btn-primary:focus, .lagom-btn-primary:active,
.button.button-primary:hover, .button.button-primary:focus,
a.btn-primary:hover, a.lagom-btn-primary:hover {
  background-color: var(--odoip-red) !important;
  border-color: var(--odoip-red) !important;
  color: #ffffff !important;
}

/* Boutons outline / secondaires — hover rouge */
.btn-outline-primary:hover, .btn.btn-outline-primary:hover,
.lagom-btn-outline:hover, .lagom-btn-secondary:hover,
.btn-default:hover, a.btn-default:hover {
  background-color: var(--odoip-red) !important;
  border-color: var(--odoip-red) !important;
  color: #ffffff !important;
}

/* === btn-light-outline (bouton secondaire Lagom2 sur fond sombre) === */
/* Lagom utilise des variables CSS — on les redéfinit globalement */
:root {
  --btn-light-color: #ffffff !important;
  --btn-light-bg: transparent !important;
  --btn-light-border: #ffffff !important;
  --btn-light-hover-color: #05308C !important;
  --btn-light-hover-bg: #ffffff !important;
  --btn-light-hover-border: #ffffff !important;
  --btn-light-active-bg: #ffffff !important;
  --btn-light-active-border: #ffffff !important;
}

/* Override direct avec spécificité élevée (pas .btn pour éviter de casser ailleurs) */
a.btn-light-outline,
a.btn.btn-light-outline,
button.btn-light-outline,
.btn-light-outline:not(:hover):not(:focus):not(:active) {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
a.btn-light-outline:hover,
a.btn.btn-light-outline:hover,
button.btn-light-outline:hover,
.btn-light-outline:hover,
.btn-light-outline:focus,
.btn-light-outline:active {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--odoip-blue) !important;
}

/* === Boutons outline/secondaires sur sections à fond bleu (banner-odoip, hero) === */
.banner-odoip .btn-outline-primary,
.banner-odoip .btn.btn-outline-primary,
.banner-odoip .lagom-btn-outline,
.banner-odoip .lagom-btn-secondary,
.banner-odoip .btn-default,
.banner-odoip .btn-secondary,
.section-secondary .btn-outline-primary,
.section-secondary .btn-secondary,
.banner-secondary .btn-outline-primary,
.banner-secondary .btn-secondary,
[class*="hero"] .btn-outline-primary,
[class*="hero"] .btn-secondary {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
.banner-odoip .btn-outline-primary:hover,
.banner-odoip .btn.btn-outline-primary:hover,
.banner-odoip .lagom-btn-outline:hover,
.banner-odoip .lagom-btn-secondary:hover,
.banner-odoip .btn-default:hover,
.banner-odoip .btn-secondary:hover,
.section-secondary .btn-outline-primary:hover,
.section-secondary .btn-secondary:hover,
.banner-secondary .btn-outline-primary:hover,
.banner-secondary .btn-secondary:hover,
[class*="hero"] .btn-outline-primary:hover,
[class*="hero"] .btn-secondary:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--odoip-blue) !important;
}

/* Boutons accent */
.btn-danger, .btn-warning {
  background-color: var(--odoip-red) !important;
  border-color: var(--odoip-red) !important;
}

/* Liens */
a, a:link, a:visited {
  color: var(--odoip-blue);
}
a:hover, a:active {
  color: var(--odoip-blue-dark);
}

/* Header / Top bar */
.navbar.navbar-main, header .navbar, .header .navbar, #header {
  background-color: var(--odoip-blue) !important;
}

/* Highlight badges / status */
.label-primary, .badge-primary, .label-info, .badge-info {
  background-color: var(--odoip-blue) !important;
}

/* Progress bars / spinners */
.progress-bar { background-color: var(--odoip-blue) !important; }

/* Logo size */
.navbar-brand img, .header-lined img.logo, img.logo {
  max-height: 50px;
  width: auto;
}

/* === Top bar — couleurs adaptatives selon contexte === */

/* Pages publiques (lagom-not-portal = pas connecté) : fond bleu → texte BLANC */
body.lagom-not-portal .top-nav,
body.lagom-not-portal .top-nav > li > a,
body.lagom-not-portal .top-nav .item-text,
body.lagom-not-portal .top-nav .dropdown-toggle,
body.lagom-not-portal .top-nav .ls,
body.lagom-not-portal .top-nav .ls-caret,
body.lagom-not-portal .top-nav i {
  color: #ffffff !important;
}
body.lagom-not-portal .top-nav > li > a:hover,
body.lagom-not-portal .top-nav > li > a:focus,
body.lagom-not-portal .top-nav > li.open > a {
  color: #ffffff !important;
  opacity: .85;
}

/* Espace client connecté (page-user-logged) : fond blanc → texte BLEU ODOIP */
body.page-user-logged .top-nav,
body.page-user-logged .top-nav > li > a,
body.page-user-logged .top-nav .item-text,
body.page-user-logged .top-nav .dropdown-toggle,
body.page-user-logged .top-nav .ls,
body.page-user-logged .top-nav .ls-caret,
body.page-user-logged .top-nav i {
  color: var(--odoip-blue) !important;
}
body.page-user-logged .top-nav > li > a:hover,
body.page-user-logged .top-nav > li > a:focus,
body.page-user-logged .top-nav > li.open > a {
  color: var(--odoip-red) !important;
  opacity: 1;
}

/* Icône panier (lm-basket) — espacement, couleur héritée du contexte */
.top-nav .nav-item-cart i.lm-basket,
.top-nav .nav-item-cart i.fa-cart,
.top-nav .nav-item-cart i.fa-shopping-cart {
  margin-right: 6px;
  font-size: 14px;
}

/* Icône devise — symbole € avant "EUR" / "USD" */
.top-nav .nav-item-currency > a .item-text::before {
  content: "\20AC";
  margin-right: 6px;
  font-weight: bold;
  display: inline-block;
}
html[lang="en"] .top-nav .nav-item-currency > a .item-text::before {
  content: "\0024";
}

/* Badge panier (compteur) en rouge ODOIP */
.top-nav .nav-badge.badge-primary-faded {
  background-color: var(--odoip-red) !important;
  color: #ffffff !important;
}

/* Dropdown devise (menu déroulant) — toujours fond blanc, texte bleu ODOIP */
.top-nav .nav-item-currency .dropdown-menu { background:#ffffff; }
.top-nav .nav-item-currency .dropdown-menu a { color: var(--odoip-blue) !important; }
.top-nav .nav-item-currency .dropdown-menu .active a,
.top-nav .nav-item-currency .dropdown-menu a:hover {
  background-color: rgba(5,48,140,.08) !important;
  color: var(--odoip-blue-dark) !important;
}

/* Notifications + nom user dans l'espace client : couleur lisible */
body.page-user-logged .top-nav .nav-item-user .item-text,
body.page-user-logged .top-nav .nav-item-notifications .item-text,
body.page-user-logged .top-nav .secondary > a {
  color: var(--odoip-blue) !important;
  font-weight: 500;
}

/* === Sidebar espace client (Lagom2) === */
.lagom-side-menu, .sidebar, aside.sidebar, .lg-sidebar, .clientarea-sidebar {
  background: var(--odoip-blue) !important;
}
.lagom-side-menu a, .sidebar a, .lg-sidebar a,
.lagom-side-menu .menu-item, .lagom-side-menu .menu-text {
  color: #ffffff !important;
}
.lagom-side-menu a:hover, .sidebar a:hover, .lg-sidebar a:hover,
.lagom-side-menu .active a, .lagom-side-menu li.active {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
}
.lagom-side-menu i, .sidebar i, .lg-sidebar i { color: #ffffff !important; }
/* Évite que les libellés soient tronqués */
.lagom-side-menu .menu-text, .lagom-side-menu .menu-item-text,
.sidebar a span, .lg-sidebar span {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* === Cacher les promos MarketConnect (Weebly etc) === */
.market-connect-promo, .marketconnect-promo, .lagom-pages-promo,
.promo-block, .promo-banner, .product-promo,
[class*="weebly-promo"], [class*="marketconnect"] {
  display: none !important;
}

/* === État vide propre pour pages sans données === */
.lagom-empty-state, .empty-state-container {
  background: #f4f6fb;
  border: 1px dashed rgba(5,48,140,.2);
  border-radius: 8px;
  padding: 40px 20px;
  text-align: center;
  color: var(--odoip-blue);
}

/* === Sidebar widgets espace client (.panel-sidebar Lagom2) — rendu pro === */
.panel.panel-sidebar {
  background: linear-gradient(180deg, #05308C 0%, #042469 100%) !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(5,48,140,.18) !important;
  margin-bottom: 18px !important;
  overflow: hidden;
}

/* Titre de section : MAJUSCULES + letter-spacing — toujours blanc lisible */
.panel.panel-sidebar > .panel-heading {
  background: transparent !important;
  border: none !important;
  padding: 18px 20px 10px !important;
}
.panel.panel-sidebar > .panel-heading .panel-title,
.panel.panel-sidebar > .panel-heading h5,
.panel.panel-sidebar > .panel-heading h5.panel-title {
  color: rgba(255,255,255,.92) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.4px !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.panel.panel-sidebar > .panel-heading .panel-title i,
.panel.panel-sidebar > .panel-heading .panel-minimise {
  color: rgba(255,255,255,.6) !important;
}

/* Body : padding cohérent */
.panel.panel-sidebar > .panel-body {
  background: transparent !important;
  padding: 16px 20px !important;
  color: #ffffff !important;
}
.panel.panel-sidebar > .panel-body,
.panel.panel-sidebar > .panel-body p,
.panel.panel-sidebar > .panel-body span:not(.badge):not(.label),
.panel.panel-sidebar > .panel-body div:not(.badge):not(.label),
.panel.panel-sidebar > .panel-body strong,
.panel.panel-sidebar > .panel-body b {
  color: #ffffff !important;
}

/* Panel Ticket Information / Service Details : libellés discrets + valeurs blanches */
.panel.panel-ticket-information .panel-body,
.panel.panel-ticket-information .list-group,
.panel.panel-styled-group .panel-body,
.panel.panel-styled-group .list-group {
  padding: 8px 16px 16px !important;
}
.panel.panel-ticket-information .list-group-item,
.panel.panel-styled-group .list-group-item {
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  padding: 12px 8px !important;
  display: block !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
}
.panel.panel-ticket-information .list-group-item:hover,
.panel.panel-styled-group .list-group-item:hover {
  background: transparent !important;
  border-left: none !important;
  padding-left: 8px !important;
}
.panel.panel-ticket-information .list-group-item:last-child,
.panel.panel-styled-group .list-group-item:last-child {
  border-bottom: none !important;
}

/* Libellés (Statut:, Service:, Soumis:, etc.) en blanc 60% — petits */
.panel.panel-ticket-information .list-group-item-heading,
.panel.panel-styled-group .list-group-item-heading,
.panel.panel-ticket-information .list-group-item .list-group-item-heading,
.panel.panel-styled-group .list-group-item .list-group-item-heading {
  color: rgba(255,255,255,.65) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 4px !important;
  display: block;
}

/* Valeurs (Répondu, David NGAMBA, etc.) en blanc plein, plus grand */
.panel.panel-ticket-information .list-group-item-text,
.panel.panel-styled-group .list-group-item-text,
.panel.panel-ticket-information .list-group-item-text *,
.panel.panel-styled-group .list-group-item-text * {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Badge "Propriétaire" / "Owner" — bien lisible */
.panel.panel-ticket-information .badge,
.panel.panel-ticket-information .label,
.panel.panel-styled-group .badge,
.panel.panel-styled-group .label {
  background: #22c55e !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-left: 8px;
}

/* Pastille statut "● Répondu" / "● Open" : couleur visible */
.panel.panel-ticket-information .list-group-item-text .status,
.panel.panel-styled-group .list-group-item-text .status {
  color: #4ade80 !important; /* fallback vert */
}
.panel.panel-ticket-information .list-group-item-text .status[style*="--status-color"],
.panel.panel-styled-group .list-group-item-text .status[style*="--status-color"] {
  color: var(--status-color, #4ade80) !important;
  font-weight: 600 !important;
}

/* Icônes alignées */
.panel.panel-ticket-information .list-group-item > i,
.panel.panel-ticket-information .list-group-item > .ls,
.panel.panel-styled-group .list-group-item > i,
.panel.panel-styled-group .list-group-item > .ls {
  float: left !important;
  margin-right: 14px !important;
  margin-top: 2px !important;
  width: 20px !important;
  font-size: 16px !important;
  color: rgba(255,255,255,.85) !important;
}

/* === Panel-ticket-information : forcer TOUT en blanc (poids maximum) === */
.panel-ticket-information,
.panel-ticket-information *,
.panel-ticket-information *::before,
.panel-ticket-information *::after,
.panel-ticket-information small,
.panel-ticket-information span,
.panel-ticket-information div,
.panel-ticket-information p,
.panel-ticket-information strong,
.panel-ticket-information b,
.panel-ticket-information em,
.panel-ticket-information i:not(.fa):not(.fas):not(.far):not(.ls):not(.lm),
.panel-ticket-information .text-muted,
.panel-ticket-information .text-secondary,
.panel-ticket-information .text-default,
.panel-ticket-information .text-dark,
.panel-ticket-information .text-light,
.panel-ticket-information [class*="text-"] {
  color: #ffffff !important;
}
.panel-ticket-information .badge,
.panel-ticket-information .label,
.panel-ticket-information .badge *,
.panel-ticket-information .label * {
  color: #ffffff !important;
}

/* === OVERRIDE BRUTAL — tout texte dans panel-sidebar (sauf badges) en BLANC === */
.panel.panel-sidebar:not(.panel-client-details) .list-group-item,
.panel.panel-sidebar:not(.panel-client-details) .list-group-item *,
.panel.panel-sidebar:not(.panel-client-details) .panel-body,
.panel.panel-sidebar:not(.panel-client-details) .panel-body *,
.panel.panel-sidebar:not(.panel-client-details) span,
.panel.panel-sidebar:not(.panel-client-details) div,
.panel.panel-sidebar:not(.panel-client-details) p,
.panel.panel-sidebar:not(.panel-client-details) small,
.panel.panel-sidebar:not(.panel-client-details) strong,
.panel.panel-sidebar:not(.panel-client-details) b,
.panel.panel-sidebar:not(.panel-client-details) a {
  color: #ffffff !important;
}
/* Sauf badges qui gardent leur couleur de fond + texte blanc */
.panel.panel-sidebar .badge,
.panel.panel-sidebar .label,
.panel.panel-sidebar .badge *,
.panel.panel-sidebar .label * {
  color: #ffffff !important;
}
/* Override les inline styles color: par poids extrême */
.panel.panel-sidebar:not(.panel-client-details) [style*="color"] {
  color: #ffffff !important;
}

/* List group : pas de bordures internes */
.panel.panel-sidebar > .list-group {
  background: transparent !important;
  margin: 0 !important;
  padding: 4px 8px 12px !important;
  border: none !important;
}

/* Items de liste (contacts, raccourcis) */
.panel.panel-sidebar .list-group-item {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  color: #ffffff !important;
  padding: 9px 12px !important;
  margin: 2px 0 !important;
  border-radius: 0 6px 6px 0;
  font-size: 14px !important;
  transition: all .15s ease;
  text-decoration: none !important;
}
.panel.panel-sidebar .list-group-item:hover,
.panel.panel-sidebar .list-group-item.active {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border-left: 3px solid var(--odoip-red) !important;
  padding-left: 14px !important;
}

/* Icônes blanches dans la sidebar — TOUTES les icônes (override toute couleur) */
.panel.panel-sidebar .list-group-item i,
.panel.panel-sidebar .list-group-item .ls,
.panel.panel-sidebar .list-group-item .fa,
.panel.panel-sidebar .list-group-item .fas,
.panel.panel-sidebar .list-group-item .far,
.panel.panel-sidebar .list-group-item .lm,
.panel.panel-sidebar .panel-body i,
.panel.panel-sidebar .panel-body .ls,
.panel.panel-sidebar .panel-body .fa,
.panel.panel-sidebar a i,
.panel.panel-sidebar a .ls {
  color: #ffffff !important;
  font-size: 15px !important;
  width: 18px;
  text-align: center;
  margin-right: 8px;
  opacity: 1 !important;
}

/* SVG status-icon (statut sub-account / contact) — visible sur fond bleu */
.panel.panel-sidebar .status-icon,
.panel.panel-sidebar .status-icon svg,
.panel.panel-sidebar .list-group-item .status-icon svg,
.panel.panel-sidebar .list-group-item span[class*="status-"] svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.panel.panel-sidebar .status-icon svg path,
.panel.panel-sidebar .status-icon svg circle,
.panel.panel-sidebar .status-icon svg polygon {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
/* Cercle de statut Active = vert, Inactive = rouge ODOIP */
.panel.panel-sidebar .list-group-item .status-active,
.panel.panel-sidebar .list-group-item span[class*="status-active"] svg,
.panel.panel-sidebar .list-group-item span[class*="status-active"] svg path,
.panel.panel-sidebar .list-group-item span[class*="status-active"] svg circle {
  fill: #22c55e !important;
  color: #22c55e !important;
}
.panel.panel-sidebar .list-group-item .status-inactive,
.panel.panel-sidebar .list-group-item span[class*="status-inactive"] svg,
.panel.panel-sidebar .list-group-item span[class*="status-inactive"] svg path,
.panel.panel-sidebar .list-group-item span[class*="status-inactive"] svg circle {
  fill: var(--odoip-red) !important;
  color: var(--odoip-red) !important;
}

/* Avatar / initiales contact (s'il y en a un) */
.panel.panel-sidebar .list-group-item .contact-avatar,
.panel.panel-sidebar .list-group-item .user-avatar,
.panel.panel-sidebar .list-group-item .avatar-circle {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,.3);
}

/* Bouton dans la sidebar (Nouveau contact, etc.) : blanc avec texte bleu ODOIP */
.panel.panel-sidebar .btn,
.panel.panel-sidebar a.btn,
.panel.panel-sidebar button.btn,
.panel.panel-sidebar .lagom-btn {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: var(--odoip-blue) !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  margin: 6px 12px 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: all .15s ease;
  display: inline-block;
}
.panel.panel-sidebar .btn:hover,
.panel.panel-sidebar a.btn:hover,
.panel.panel-sidebar button.btn:hover,
.panel.panel-sidebar .lagom-btn:hover {
  background: var(--odoip-red) !important;
  border-color: var(--odoip-red) !important;
  color: #ffffff !important;
}

/* Lien "Plus" — style italique discret */
.panel.panel-sidebar .contact-more,
.panel.panel-sidebar .list-group-item.contact-more {
  font-style: italic;
  opacity: .85;
  font-size: 13px !important;
}

/* Carte "Détails du compte" (panel-client-details) qui reste dans le body principal — fond blanc */
body .panel.panel-sidebar.panel-client-details {
  background: #ffffff !important;
  color: #222 !important;
}
body .panel.panel-sidebar.panel-client-details .panel-title,
body .panel.panel-sidebar.panel-client-details .panel-body {
  color: #222 !important;
}
body .panel.panel-sidebar.panel-client-details .panel-body * {
  color: inherit !important;
}
body .panel.panel-sidebar.panel-client-details .panel-title {
  color: var(--odoip-blue) !important;
}

/* === Override variables Lagom2 (le violet vient de --primary-color non override partout) === */
:root {
  --btn-primary-bg: var(--odoip-blue) !important;
  --btn-primary-border: var(--odoip-blue) !important;
  --btn-primary-color: #ffffff !important;
  --btn-primary-hover-bg: var(--odoip-red) !important;
  --btn-primary-hover-border: var(--odoip-red) !important;
  --primary: #05308C !important;
}

/* === Carte "Détails du compte" (panel-client-details) — boutons en harmonie bleu/rouge === */
.panel-client-details {
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(5,48,140,.08);
  border: 1px solid rgba(5,48,140,.08);
}

/* 1er bouton (Mettre à jour) — BLEU ODOIP plein */
.panel-client-details .btn,
.panel-client-details .lagom-btn,
.panel-client-details a.btn,
.panel-client-details button.btn,
.panel-client-details .btn:first-child,
.panel-client-details .panel-footer .btn:first-of-type {
  background: var(--odoip-blue) !important;
  border: 1px solid var(--odoip-blue) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  padding: 8px 18px !important;
  transition: all .15s ease;
}
.panel-client-details .btn:hover,
.panel-client-details .lagom-btn:hover,
.panel-client-details a.btn:hover,
.panel-client-details button.btn:hover {
  background: var(--odoip-blue-dark) !important;
  border-color: var(--odoip-blue-dark) !important;
}

/* 2e bouton (icône / second action) — ROUGE ODOIP plein, en harmonie */
.panel-client-details .btn + .btn,
.panel-client-details .btn-group .btn:nth-child(2),
.panel-client-details .panel-footer .btn:nth-of-type(2),
.panel-client-details .panel-footer .btn:last-child:not(:first-child) {
  background: var(--odoip-red) !important;
  border: 1px solid var(--odoip-red) !important;
  color: #ffffff !important;
}
.panel-client-details .btn + .btn:hover,
.panel-client-details .btn-group .btn:nth-child(2):hover,
.panel-client-details .panel-footer .btn:nth-of-type(2):hover {
  background: var(--odoip-red-dark) !important;
  border-color: var(--odoip-red-dark) !important;
}

/* Bouton blanc/outline isolé dans la carte → rouge plein pour cohérence */
.panel-client-details .btn-default,
.panel-client-details .btn-outline,
.panel-client-details .btn-outline-primary,
.panel-client-details .btn-secondary {
  background: var(--odoip-red) !important;
  border: 1px solid var(--odoip-red) !important;
  color: #ffffff !important;
}