/* ================================
   KICK ASSISTANT — CSS PERSONNALISÉ
   Couleurs : Rose #D91A6E | Bleu #2A7A90
   Police : Lato (corpo) + Georgia (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: Georgia, serif !important;
  color: #1A1A1A !important;
  text-transform: none !important;
  font-weight: 600;
  line-height: 1.2;
}

a {
  color: #D91A6E;
  text-decoration: none;
}

a:hover {
  color: #b8155c;
}

/* ================================
   ARTICLES MULTIPLES (Webinaires)
   ================================ */

/* Titre de chaque article */
.ya-articles-list .ya-article-title,
.ya-articles-list h2,
.ya-articles-list h3 {
  font-family: Georgia, serif !important;
  color: #1A1A1A !important;
  text-transform: none !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-top: 12px !important;
}

/* Lien du titre */
.ya-articles-list .ya-article-title a,
.ya-articles-list h2 a,
.ya-articles-list h3 a {
  color: #1A1A1A !important;
  text-decoration: none !important;
}

.ya-articles-list .ya-article-title a:hover,
.ya-articles-list h3 a:hover {
  color: #D91A6E !important;
}

/* Conteneur de chaque article */
.ya-articles-list .ya-article-item,
.ya-articles-list .ya-article {
  border: 1px solid #F0F0F0 !important;
  border-top: 3px solid #D91A6E !important;
  padding: 0 !important;
  margin-bottom: 24px !important;
  transition: box-shadow 0.3s ease;
}

.ya-articles-list .ya-article-item:hover,
.ya-articles-list .ya-article:hover {
  box-shadow: 0 8px 24px rgba(217,26,110,0.08) !important;
}

/* Image de l'article */
.ya-articles-list .ya-article-image img {
  width: 100% !important;
  object-fit: cover !important;
}

/* Description / extrait */
.ya-articles-list .ya-article-description,
.ya-articles-list .ya-article-excerpt {
  font-size: 14px !important;
  color: #6B6B6B !important;
  line-height: 1.7 !important;
}

/* Date de publication */
.ya-articles-list .ya-article-date {
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #D91A6E !important;
  font-family: 'Lato', Arial, sans-serif !important;
}

/* ================================
   NAVIGATION / MENU
   ================================ */

nav a, .ya-nav a, .ya-menu a {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #1A1A1A !important;
}

nav a:hover, .ya-nav a:hover, .ya-menu a:hover {
  color: #D91A6E !important;
}

/* ================================
   BOUTONS YAPLA
   ================================ */

.ya-btn, .ya-button, input[type="submit"], button {
  background: #D91A6E !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

.ya-btn:hover, .ya-button:hover, input[type="submit"]:hover, button:hover {
  background: #b8155c !important;
}

/* ================================
   CLASSES CUSTOM (blocs HTML)
   ================================ */

.ka-hero {
  background: #FAFAFA;
  padding: 60px 48px;
}

.ka-bandeau {
  background: #D91A6E;
  padding: 20px 48px;
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
}

.ka-section {
  padding: 60px 48px;
  background: #FFFFFF;
}

.ka-section-rose {
  background: #FDF0F6;
  padding: 60px 48px;
}

.ka-section-bleu {
  background: #2A7A90;
  padding: 60px 48px;
  color: white;
}

.ka-inner {
  max-width: 860px;
  margin: 0 auto;
}

.ka-titre {
  font-family: Georgia, serif !important;
  font-size: 36px;
  color: #1A1A1A;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: none !important;
}

.ka-sous-titre {
  font-family: Georgia, serif !important;
  font-size: 22px;
  font-style: italic;
  color: #2A7A90;
  margin-bottom: 32px;
  text-transform: none !important;
}

.ka-tag {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #D91A6E;
  margin-bottom: 12px;
  display: block;
}

/* BOUTONS CUSTOM */
.ka-btn {
  display: inline-block;
  padding: 14px 28px;
  background: #D91A6E;
  color: white !important;
  text-decoration: none !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  transition: background 0.3s ease;
}

.ka-btn:hover {
  background: #b8155c !important;
  color: white !important;
}

.ka-btn-blanc {
  display: inline-block;
  padding: 14px 28px;
  background: white;
  color: #D91A6E !important;
  text-decoration: none !important;
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* INFO BOX */
.ka-info {
  background: #FDF0F6;
  border-left: 3px solid #D91A6E;
  padding: 16px 20px;
  margin: 16px 0;
  font-size: 15px;
  color: #444;
}

/* TARIF */
.ka-tarif {
  border: 1px solid #F0F0F0;
  border-top: 3px solid #D91A6E;
  padding: 28px;
  margin-bottom: 20px;
}

.ka-tarif h3 {
  color: #1A1A1A !important;
  font-size: 20px !important;
  margin-bottom: 8px !important;
  text-transform: none !important;
}

.ka-prix {
  font-size: 42px;
  font-weight: 700;
  color: #D91A6E;
  font-family: Georgia, serif !important;
  line-height: 1;
}

/* CTA FINAL */
.ka-cta {
  background: #D91A6E;
  padding: 60px 48px;
  text-align: center;
  color: white;
}

.ka-cta h2 {
  color: white !important;
  font-size: 40px !important;
  margin-bottom: 16px !important;
  text-transform: none !important;
}

.ka-cta p {
  color: rgba(255,255,255,0.85) !important;
  margin-bottom: 32px !important;
  font-size: 16px !important;
}

/* ================================
   RESPONSIVE
   ================================ */

/* BORDURE ROSE SUR LES VIGNETTES ARTICLES */
.ya-cms-article-list-item,
.ya-cms-article-list article,
.ya-article-list-item,
.ya-articles .ya-article,
.article-list-item {
  border-top: 3px solid #D91A6E !important;
  transition: box-shadow 0.3s ease;
}

.ya-cms-article-list-item:hover,
.ya-cms-article-list article:hover,
.ya-article-list-item:hover {
  box-shadow: 0 8px 24px rgba(217,26,110,0.08) !important;
}

@media (max-width: 768px) {
  .ka-hero,
  .ka-section,
  .ka-section-rose,
  .ka-section-bleu,
  .ka-cta,
  .ka-bandeau { padding: 40px 24px !important; }

  .ka-titre { font-size: 28px !important; }
  .ka-prix { font-size: 32px !important; }
  .ka-cta h2 { font-size: 28px !important; }
}/* Accordéon premium */
.ya-accordion-item,
.ya-faq-item,
.accordion-item {
  border: none !important;
  border-bottom: 1px solid #EEEEEE !important;
  background: transparent !important;
}

.ya-accordion-title a,
.ya-faq-question a,
.accordion-title a {
  color: #1A1A1A !important;
  font-family: Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  text-transform: none !important;
  padding: 20px 0 !important;
  display: block !important;
}

.ya-accordion-title a:hover,
.ya-faq-question a:hover {
  color: #D91A6E !important;
}