/* ============================================================
   Theme personnalise BTCPay Server - Peptides Francais
   Serveur A - 2026-07-23
   Applique via Server Settings > Branding > Custom Theme CSS URL
   ============================================================

   >>> POUR CHANGER LES COULEURS, MODIFIER UNIQUEMENT LE BLOC CI-DESSOUS <<<
   Tout le reste en decoule automatiquement.
*/

:root {
  /* --- Couleur d'accent (boutons, liens, focus) --- */
  --marque-accent:        #0f766e;   /* teal profond */
  --marque-accent-clair:  #14b8a6;
  --marque-accent-fonce:  #115e59;

  /* --- Nom affiche a la place du logo BTCPay --- */
  /* (se modifie plus bas dans la regle .navbar-brand::after) */
}

/* ------------------------------------------------------------
   1. Palette : on remappe les variables natives de BTCPay.
   BTCPay decline sa couleur primaire de 100 a 900 ; on aligne
   toute l'echelle sur la couleur de marque.
   ------------------------------------------------------------ */
:root,
:root[data-btcpay-theme="light"],
:root[data-btcpay-theme="dark"] {
  --btcpay-primary:      var(--marque-accent);
  --btcpay-primary-100:  var(--marque-accent-clair);
  --btcpay-primary-200:  var(--marque-accent-clair);
  --btcpay-primary-300:  var(--marque-accent);
  --btcpay-primary-400:  var(--marque-accent);
  --btcpay-primary-500:  var(--marque-accent);
  --btcpay-primary-600:  var(--marque-accent-fonce);
  --btcpay-primary-700:  var(--marque-accent-fonce);
  --btcpay-primary-800:  var(--marque-accent-fonce);
  --btcpay-primary-900:  var(--marque-accent-fonce);

  --btcpay-primary-text:        #ffffff;
  --btcpay-primary-bg-hover:    var(--marque-accent-fonce);
  --btcpay-primary-bg-active:   var(--marque-accent-fonce);
  --btcpay-primary-accent:      var(--marque-accent-clair);
}

/* ------------------------------------------------------------
   2. Logo BTCPay -> remplace par un simple mot-symbole texte.
   On masque le SVG plutot que de le supprimer : le lien reste
   cliquable et la navigation n'est pas alteree.
   ------------------------------------------------------------ */
.main-logo,
.main-logo-btcpay,
.navbar-brand svg {
  display: none !important;
}

.navbar-brand::after {
  content: "Peptides Français";          /* <<< nom affiche */
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--marque-accent);
  text-decoration: none;
}

.navbar-brand {
  text-decoration: none !important;
}

/* ------------------------------------------------------------
   3. Bloc "BTCPay Server Supporters" en pied de page de connexion.
   Aucun identifiant propre dans le HTML : on le cible comme le
   .row qui suit le formulaire de connexion.
   ------------------------------------------------------------ */
.account-form ~ .row.justify-content-center.mt-5,
body > div .row.justify-content-center.mt-5:has(> .col > h5) {
  display: none !important;
}

/* ------------------------------------------------------------
   4. Carte de connexion : rendu plus sobre.
   Purement cosmetique, le formulaire est intact.
   ------------------------------------------------------------ */
.account-form {
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 12px 32px rgba(0, 0, 0, .08);
  padding: 2.25rem 2rem;
  background: var(--btcpay-bg-tile, #fff);
}

.account-form .btn-primary {
  border-radius: 9px;
  font-weight: 600;
  padding-block: .65rem;
}

.account-form .form-control:focus {
  border-color: var(--marque-accent);
  box-shadow: 0 0 0 .2rem rgba(20, 184, 166, .22);
}

/* ------------------------------------------------------------
   5. Liens vers btcpayserver.org (dons, GitHub) dans les pieds
   de page publics.
   ------------------------------------------------------------ */
a[href*="btcpayserver.org"],
a[href*="github.com/btcpayserver"] {
  display: none !important;
}