@import url('https://fonts.googleapis.com/css2?family=Roboto:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap');

.html{
  font-family: Nunito; 
  
}
.commonStyle__zt3BrandBg,
.Button__footerBtn:hover,
.KbCategory__followCount:hover,
.ListHeader__followCount:hover{
    background-color:  #5263D5
}
.commonStyle__zt3BrandFill{
    fill: #5263D5
}
.Icon__brand,
.commonStyle__zt3Brand,
.Icon__hoverbrand:hover,
.KbCategory__popupList:hover,
.KbCategory__popupList:hover svg,
.ListHeader__popupList:hover svg,
.ListHeader__popupList:hover{
 color:#5263D5
}
.commonStyle__zt3BrandBorder{
  border-color: #5263D5
}

.KbDetailLtContainer__articleContent a {
    color: #5263D5;
}

.commonStyle__detailHeader {
    word-wrap: break-word;
    color: var(--color-black);
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.14;
    margin: 0 0 1.625rem;
    text-transform: none;
    word-break: break-word;
}


.KbCategory__topic a {
    word-wrap: break-word;
    display: inline;
    font-size: var(--size-base18);
    font-weight: 700;
	font-family: Nunito;
    margin: 0 .625rem 0 0;
    vertical-align: sub;
    word-break: break-word;
 	 white-space: nowrap;
}

.commonStyle__zt3Link, .themeLink {
    color: #000000;
   font-family: Nunito;
}
.Link__link {
    text-decoration: none;
   font-family: Nunito;
}
.commonStyle__zt3Link, .themeLink {
    color: var(--color-link);
    -webkit-transition: color .15s ease;
    -o-transition: color .15s ease;
    transition: color .15s ease;
   font-family: Nunito;
}

.KbCategory__topicContent {
    color: var(--color-greyShade70);
    font-size: var(--size-base9);
    margin: .2rem 0 0;
  	font-family: Nunito;
}


.BreadCrumbs__breadcrumbsView ul li:last-child {
   color: var(--color-greyShade70);
   font-family: Nunito;
}

/* Bandeau fil d'Ariane + recherche */
.commonStyle__zt3breadCrumbBg {
border-top: 1px solid rgba(0, 0, 0, .10);
    background-color: #E9EBF7;

  
 }

.Input__searchBox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid var(--color-border);
  border-radius: 8px;                 /* angles plus doux (au lieu de 3px) */
  color: var(--color-greyShade11);
  font-size: var(--size-base4);
  font-family: Nunito;
  height: 2.75rem;                    /* un peu plus haut, plus confortable */
  padding: .625rem 2.5rem .625rem 1rem;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .08);  /* légère profondeur */
  transition: all .25s ease;

}

/* Placeholder plus lisible */
.Input__searchBox::placeholder {
  color: var(--color-greyShade8, #9aa0b3);
  opacity: 1;
}

/* Survol : léger retour visuel */
.Input__searchBox:hover {
  border-color: var(--color-greyShade8, #b8bdd0);
}

/* Focus : l'état le plus important pour la visibilité */
.Input__searchBox:focus {
  outline: none;
  border-color: #6366f1;             /* reprends ta couleur d'accent violette */
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .18);  /* halo doux */
}
.Input__searchBox {
  padding-right: 2.5rem;   /* réserve la place pour la loupe */
}
.searchIcon {
  right: .875rem;          /* la loupe reste dans cet espace réservé */
}

.Input__searchBox + .Icon__icon,   /* ou cible la classe de ta loupe */
.Icon__brand {
  top: .15rem;                 /* descend légèrement la loupe */
  vertical-align: middle;
}


.signin .BreadCrumbs__breadcrumbsView ul li:first-child {
    display: none;
}
.signin .BreadCrumbs__breadcrumbsView ul li+li:before{
    display: none
}

.KbSubCategoryContainer__contentList {
    display: inline-block !important;
    width: 36% !important;
    margin-right: 1% !important;
    vertical-align: top !important;
    padding: 0 0 1.5rem 1rem !important;
    box-sizing: border-box !important;
}



.Header__menuList {
    flex-wrap: nowrap !important;
}

.Header__menuList .Header__tabsTab,
.Header__menuList .Header__tabsTab a,
.Header__tabs__link {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    width: auto !important;
    
}

.Button__footerBtn {
    background: #22234B;
    border: 1px solid transparent;
    border-radius: 2rem;
    color: var(--color-white);
    font-size: var(--size-base14);
    letter-spacing: normal;
    padding: .7rem 1rem;
    transition: all .15s ease;
}

.ticketDetail .ticket_layoutid, 
.ticketForm #field_layoutId {
    display: none;
}

.Readingprogress__progressBar {
    background: linear-gradient(90deg, #5263D5 16%, #7582DD 75.89%, #97A1E6 99.8%);
    border-radius: 0 5px 5px 0;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .24);
    height: 4px;
    transition: all .2s;
}

  .KbDetailRtContainer__widgetRight {
    transition: all .2s ease-in-out;
    font-size:13px;
    
}

@media (min-width: 769px) {
    /* Colonne de gauche : le contenu de l'article */
    .Layout__twoColumn .Layout__layout1 {
        width: 75%;
    }
    /* Colonne de droite : le panneau "Suivre" + liste */
    .Layout__twoColumn .Layout__layout2 {
        width: 25%;
    }
}

.Layout__twoColumn {
    max-width: 1500px;   /* ou 90% */
}

@media (min-width: 769px) {
    #subCategoryContainer,
    .KbSubCategoryContainer__subCategoryListContainer {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1rem !important;
        align-items: start;        /* évite que les cartes s'étirent en hauteur */
  }
    .KbSubCategoryContainer__contentList {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;    /* autorise le contenu à se compresser proprement */
        flex: none !important;      /* annule un éventuel flex hérité */
  		margin: 0; 
  }
}

.ContentList__documentIcon .Icon__icon use {
  display: none;
}
.ContentList__documentIcon .Icon__icon {
  background-image: url("https://i.imgur.com/DfwsB7y.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: inline-block;
}

.ListHeader__listIcon use {
  display: none;
}
.ListHeader__listIcon {
  background-image: url("https://i.imgur.com/wtEdHBV.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: inline-block;
}

.KbCategory__box {
    border-radius: 0.5rem;

}