/* ============================================
   LOGO JUNSPRO - Style Comeup Amélioré
   ============================================
   
   Améliorations professionnelles apportées :
   1. POLICE ULTRA-ÉPAISSE : font-weight 900 (ultra-bold) pour impact maximal
   2. TRAIT SOULIGNÉ AMÉLIORÉ : 5px d'épaisseur (vs 3px Comeup) avec ombre subtile
   3. ESPACEMENT OPTIMISÉ : letter-spacing serré style Comeup pour cohérence
   4. TAILLE OPTIMISÉE : 32px pour plus de présence (ajustable responsive)
   5. COULEUR BLANC PURE : Style Comeup pour contraste maximal sur fond sombre
   6. TRAIT RECTANGULAIRE : Ligne droite nette sans arrondi (style Comeup)
   
   Argumentation professionnelle :
   - Le trait plus épais (5px) renforce l'ancrage visuel et la mémorisation
   - La police ultra-bold améliore la lisibilité et l'impact de la marque
   - Le blanc pur garantit le meilleur contraste sur les fonds sombres Junspro
   ============================================ */

.junspro-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  color: #FFFFFF;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1;
  transition: opacity 0.2s ease;
}

.junspro-logo:hover {
  opacity: 0.95;
  text-decoration: none;
  color: #FFFFFF;
}

/* Texte JUNSPRO - Typographie ultra-bold style Comeup amélioré */
.junspro-logo-text {
  position: relative;
  display: inline-block;
  font-weight: 900; /* Ultra-bold pour impact maximal (vs 700-800 Comeup) */
  font-size: 32px; /* Plus grand que Comeup pour plus de présence */
  letter-spacing: -0.02em; /* Espacement serré style Comeup pour mot-bloc compact */
  line-height: 1;
  text-transform: uppercase;
  /* Blanc pur comme Comeup pour contraste maximal sur fond sombre */
  color: #FFFFFF;
  text-shadow: none; /* Rendu net sans ombre */
  font-stretch: normal;
}

/* Ligne horizontale soulignée - Style Comeup amélioré */
.junspro-logo-line {
  width: 100%;
  height: 5px; /* PLUS ÉPAIS que Comeup (3px → 5px) pour impact visuel renforcé */
  background: #FFFFFF; /* Blanc pur comme Comeup */
  margin-top: 10px; /* Espacement optimisé avec le texte */
  border-radius: 0; /* Ligne droite rectangulaire comme Comeup */
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.15); /* Ombre subtile pour profondeur (amélioration) */
  transition: all 0.3s ease;
  position: relative;
  display: block;
}

/* Animation subtile au survol (amélioration interactive) */
.junspro-logo:hover .junspro-logo-line {
  box-shadow: 0 2px 6px rgba(255, 255, 255, 0.25);
  transform: scaleY(1.05);
}

/* Variante pour header sombre (fond dégradé violet) */
.header-area .junspro-logo {
  color: #FFFFFF; /* Blanc pur comme Comeup */
}

.header-area .junspro-logo-text {
  color: #FFFFFF; /* Blanc pur pour contraste maximal */
}

.header-area .junspro-logo-line {
  background: #FFFFFF; /* Blanc pur */
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.15);
}

/* Variante pour header clair (version inversée avec couleurs Junspro) */
.header-area.header-light .junspro-logo {
  color: #1e40af; /* Fallback */
}

.header-area.header-light .junspro-logo-text {
  /* Dégradé violet/bleu Junspro sur fond clair (garder l'identité de marque) */
  background: linear-gradient(135deg, #1e40af 0%, #4c1d95 50%, #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: #1e40af; /* Fallback */
}

.header-area.header-light .junspro-logo-line {
  /* Dégradé violet pour cohérence avec l'identité Junspro sur fond clair */
  background: linear-gradient(90deg, #4c1d95 0%, #7C3AED 50%, #1e40af 100%);
  box-shadow: 0 1px 3px rgba(124, 58, 237, 0.3);
  height: 5px; /* Garder l'épaisseur améliorée même sur fond clair */
}

/* Responsive - Ajustements pour mobile */
@media (max-width: 991px) {
  .junspro-logo-text {
    font-size: 28px; /* Légèrement réduit sur tablette */
  }

  .junspro-logo-line {
    height: 4px; /* Proportionnellement réduit */
    margin-top: 8px;
  }
}

@media (max-width: 575px) {
  .junspro-logo-text {
    font-size: 24px; /* Ajusté pour mobile */
    letter-spacing: -0.015em;
  }

  .junspro-logo-line {
    height: 3.5px; /* Proportionnellement réduit */
    margin-top: 6px;
  }
}

/* ============================================
   PREMIUM HEADER UPGRADES
   ============================================ */

/* ── Layout logo : icône + texte côte à côte ── */
.junspro-logo-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.junspro-logo-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.brand-icon-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* ── Icône logo : supprimer le fond blanc de logo.png ── */
.junspro-logo-icon {
  height: 40px;
  width: auto;
  display: block;
  mix-blend-mode: multiply;  /* dissout le fond blanc sur fond sombre */
  filter: brightness(1.1) contrast(1.05);
}

/* ── Header : styles typographie nav uniquement (fond géré par layout) ── */

/* ── Icône logo : fond blanc → mix-blend-mode normal ── */
.junspro-logo-icon {
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* ── Logo texte en couleur marque ── */
.header-area .junspro-logo-text {
  color: #1e40af !important;
}

.header-area .junspro-logo-line {
  background: linear-gradient(90deg, #4c1d95 0%, #7c3aed 100%) !important;
  box-shadow: none !important;
}

@media (max-width: 991px) {
  .junspro-logo-icon {
    height: 34px;
  }
}