/**
 * Starter — Plan Essential · Thème du SITE WEB (portail public)
 * -----------------------------------------------------------------------------
 * Pendant web du thème desk (starter_desk.css). Même parti pris : accent de
 * marque branché sur l'échelle bleue native de Frappe (--blue-50…900), qui est
 * aussi disponible côté website. Le portail étant en Bootstrap (couleurs
 * compilées en noir/blanc par défaut), on surcharge en CSS les composants :
 * boutons, liens, navbar, focus, formulaires. Volontairement sobre et accessible.
 */

:root {
  /* Accent de marque = ton bleu #2485e5 (mêmes valeurs que le desk) */
  --starter-primary: #2485e5;
  --starter-primary-hover: #1b73cc;
  --starter-primary-active: #155fa8;
  --starter-primary-rgb: 36, 133, 229;
  --starter-tint: #eaf3fc;
  --starter-ring: rgba(36, 133, 229, 0.28);

  /* Tokens Frappe éventuellement utilisés ailleurs sur le web */
  /* (pas de teinte de fond : on garde le fond blanc d'origine) */
  --primary: #2485e5;
  --primary-color: #2485e5;
  --brand-color: #2485e5;
}

/* =========================================================================
   Boutons
   ========================================================================= */
.btn {
  transition: background-color 0.15s ease, border-color 0.15s ease,
    box-shadow 0.15s ease, color 0.15s ease, transform 0.06s ease;
}

/* Primaire : bleu de marque, texte blanc, états soignés */
.btn-primary,
.page-builder .btn-primary,
.web-footer .btn-primary {
  background-color: var(--starter-primary);
  border-color: var(--starter-primary);
  color: #fff;
}
.btn-primary:hover {
  background-color: var(--starter-primary-hover);
  border-color: var(--starter-primary-hover);
  color: #fff;
  box-shadow: 0 2px 10px rgba(var(--starter-primary-rgb), 0.25);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:active {
  background-color: var(--starter-primary-active);
  border-color: var(--starter-primary-active);
  color: #fff;
  transform: translateY(1px);
}

/* Variante claire (page builder) : fond teinté, texte de marque */
.btn-primary-light {
  background-color: var(--starter-tint);
  border-color: var(--starter-tint);
  color: var(--starter-primary-hover);
}
.btn-primary-light:hover {
  background-color: var(--blue-100, #edf6fd);
  color: var(--starter-primary-active);
}

/* Bouton « outline » primaire */
.btn-outline-primary {
  color: var(--starter-primary);
  border-color: var(--starter-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
  background-color: var(--starter-primary);
  border-color: var(--starter-primary);
  color: #fff;
}

/* =========================================================================
   Liens
   ========================================================================= */
a:not(.nav-link):not(.btn):not(.navbar-brand):not(.dropdown-item) {
  color: var(--starter-primary);
}
a:not(.nav-link):not(.btn):not(.navbar-brand):not(.dropdown-item):hover {
  color: var(--starter-primary-hover);
}

/* =========================================================================
   Navbar : survol / lien actif en couleur de marque
   ========================================================================= */
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active,
.navbar-brand:hover {
  color: var(--starter-primary) !important;
}

/* Footer : survol des liens en couleur de marque */
.web-footer .footer-link:hover,
.web-footer a:hover {
  color: var(--starter-primary);
}

/* =========================================================================
   Focus accessible + champs de formulaire
   ========================================================================= */
.btn:focus,
.btn:focus-visible,
.form-control:focus,
.form-control:focus-visible,
.web-form-container .input-with-feedback:focus,
input:focus-visible,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--starter-primary);
  box-shadow: 0 0 0 0.2rem var(--starter-ring);
}

/* =========================================================================
   Détails
   ========================================================================= */
/* Sélection de texte teintée marque */
::selection {
  background: rgba(var(--starter-primary-rgb), 0.18);
}

/* Filets / éléments actifs courants du page builder */
.page_content .navbar .nav-link.active,
.page-builder .text-primary,
.text-primary {
  color: var(--starter-primary) !important;
}
.bg-primary {
  background-color: var(--starter-primary) !important;
}