/* ================================
   KICK ASSISTANT — CSS PERSONNALISÉ
   Charte association : Magenta #D6389B | Turquoise #35C4C4
   Police : Lato (corps + titres)
   ================================ */

/* TYPOGRAPHIE GÉNÉRALE */
body, p, li, td {
  font-family: 'Lato', Arial, sans-serif !important;
  color: #444444;
  line-height: 1.75;
}

h1, h2, h3, h4, h5 {
  font-family: 'Lato', Arial, sans-serif !important;
  color: #1A1A1A;
  text-transform: none !important;
  font-weight: 700;
  line-height: 1.2;
}

/* LIENS */
a {
  color: #D6389B;
  text-decoration: none;
}
a:hover {
  color: #35C4C4;
}

/* BANDEAU DU MENU — blanc avec liseré magenta */
.line-main,
.line-menu,
header nav,
nav,
.navbar,
.navbar-default,
.navbar-default .navbar-collapse,
#menu,
.mod-menu,
.menu {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border: none !important;
  border-bottom: 3px solid #D6389B !important;
  box-shadow: none !important;
}

/* LIENS DU MENU — fond transparent, texte foncé (tous états) */
.line-main a, .line-menu a, header nav a, nav a,
.navbar a, #menu a, .mod-menu a, .menu a,
.navbar-nav > li > a {
  background: transparent !important;
  background-color: transparent !important;
  color: #444444 !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-weight: 600;
}

/* Survol, focus et page active — texte magenta, aucun bloc de fond */
.line-main a:hover, .line-menu a:hover, header nav a:hover, nav a:hover,
.navbar a:hover, #menu a:hover, .menu a:hover,
.line-main li.active a, .line-menu li.active a, nav li.active a,
.navbar li.active a, #menu li.active a, .menu li.active a,
.navbar-nav > li.active > a,
.navbar-nav > li > a:focus {
  background: transparent !important;
  background-color: transparent !important;
  color: #D6389B !important;
}

/* MENU MOBILE (icône hamburger) */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #D6389B !important;
}

/* BOUTONS */
.btn, .btn-primary, button[type="submit"] {
  background-color: #D6389B !important;
  border-color: #D6389B !important;
  color: #FFFFFF !important;
  border-radius: 40px !important;
  font-weight: 700;
}
.btn:hover, .btn-primary:hover, button[type="submit"]:hover {
  background-color: #35C4C4 !important;
  border-color: #35C4C4 !important;
}

/* PIED DE PAGE */
.line-footer {
  background-color: #2B2B2B !important;
}
.line-footer p, .line-footer a, .line-footer h3 {
  color: #FFFFFF !important;
}
.line-footer a:hover {
  color: #35C4C4 !important;
}
/* NEUTRALISATION DES FONDS SUR LES ÉLÉMENTS DE LISTE DU MENU */
.line-main li, .line-menu li, header nav li, nav li,
.navbar li, #menu li, .mod-menu li, .menu li,
.navbar-nav > li,
.line-main li.active, .line-menu li.active, nav li.active,
.navbar li.active, #menu li.active, .menu li.active,
.navbar-nav > li.active,
.line-main li:hover, .line-menu li:hover, nav li:hover,
.navbar li:hover, #menu li:hover, .menu li:hover,
.navbar-nav > li:hover,
.line-main li:focus, nav li:focus, .navbar li:focus {
  background: transparent !important;
  background-color: transparent !important;
}

/* Sélection au clic (état focus/active du lien) */
.line-main a:active, nav a:active, .navbar a:active,
#menu a:active, .menu a:active,
.line-main a:focus, nav a:focus, .navbar a:focus,
#menu a:focus, .menu a:focus {
  background: transparent !important;
  background-color: transparent !important;
  color: #D6389B !important;
}