@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;
}

.SearchResultmark {
    background-color: #22234B;
    color: var(--color-white);
}

.bs-btn { transition: all 0.2s ease; }
        .bs-btn-login:hover {
            background: #7582DD !important;
            border-color: #7582DD !important;
            color: rgb(255, 255, 255) !important;
        }
        .bs-btn-signup:hover {
            background: #22234B !important;
            border-color: #22234B !important;
            color: rgb(255, 255, 255) !important;
        }

#articleReview {
    display: none !important;
}

.Post__postSummary,
.Post__postSummary div {
  font-family: 'Nunito', sans-serif !important;
}

.Info__infoLabel {
    display: inline-block;
    background-color: #22234B;
    color: #F7F8FC;
font-size:14px;
  border-radius: 12px;
    padding: 4px 13px;

    min-width: 0;
}

.Info__infoContent {
    flex: 1;
    margin: 5px 0 0;
    min-width: 0;
  font-size: 13px;
}

.TicketDetailRightContainer__sectionName {
    color: #22234B;
    font-weight : bold;
  font-size: 15px;
    padding: 1rem 0 .625rem;
}

@media (min-width: 769px) {
    .Layout__twoColumn .Layout__layout2 {
        width: 20%;
    }
}

.ListHeader__header1 {
    color: var(--color-greyShade70);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03125rem;
}

.TicketDetailRightContainer__widgetSection .ListHeader__header1 {
    font-size: 0;
}
.TicketDetailRightContainer__widgetSection .ListHeader__header1::before {
    content: "Propriétés";
    font-size: 1rem;
    font-weight: inherit;
    color: inherit;
}

.commonStyle__zt3Link, .themeLink {
    color: var(--color-link);
    -webkit-transition: color .15s ease;
    -o-transition: color .15s ease;
    transition: color .15s ease;
    font-family: Nunito;
}

.ConversationForm__list {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    background-color: #EEF0FB;
    color: var(--color-link);
    font-family: Nunito;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s ease;
}
.ConversationForm__list:hover {
    background-color: #7582DD;
    color: #F7F8FC;
}
.ConversationForm__list:hover .Icon__icon {
    fill: #F7F8FC;
    color: #F7F8FC;
}
.ConversationForm__list + .ConversationForm__list {
    margin-left: 8px;
}

.TicketFormLeftContainer__sectionName {
    color: #22234B;
    font-weight: 600;
    padding: 1.25rem 0 .625rem;
}

/* Bouton principal "Ajouter Ticket" modernisé */
.commonStyle__zt3buttonPrimaryBg {
    background-color: #5263d5;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    border: none !important;
    box-shadow: 0 2px 6px rgba(82, 99, 213, 0.35);
    transition: all .2s ease;
    cursor: pointer;
}

.commonStyle__zt3buttonPrimaryBg:hover {
    background-color: #4453c5;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(82, 99, 213, 0.45);
}

.commonStyle__zt3buttonPrimaryBg:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(82, 99, 213, 0.3);
}

.TicketListItem__listItem {
  border: 1px solid #d8d8de;
  position: relative;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.TicketListItem__listItem:hover {
  box-shadow: 0 4px 16px rgba(34, 35, 75, 0.18);
  transform: translateY(-2px);
  border-color: #22234B;
}

.TicketListItem__tickettile_container {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Titre : occupe tout l'espace libre à gauche */
.TicketListItem__tickettile_container > a {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
}

/* Bloc avatar */
.TicketListItem__tickettile_container > div:not(.TicketListItem__ticketStatus_and_details) {
  order: 3;
  flex-shrink: 0;
}

/* Bloc détails + statut */
.TicketListItem__ticketStatus_and_details {
  order: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* Statut affiché en entier */
.TicketListItem__ticketStatus {
  font-size: var(--size-base2);
  white-space: nowrap;
  text-align: right;
  margin: 0;
}

.Pagination__pageNavRight .Icon__icon use {
  display: none;
}

.Pagination__pageNavRight .Icon__icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='rgb(82, 99, 213)' d='M64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM305 441C295.6 450.4 280.4 450.4 271.1 441C261.8 431.6 261.7 416.4 271.1 407.1L358.1 320.1L271.1 233.1C261.7 223.7 261.7 208.5 271.1 199.2C280.5 189.9 295.7 189.8 305 199.2L409 303C418.4 312.4 418.4 327.6 409 336.9L305 441z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: inline-block !important;
 transform: rotate(90deg);
}

.Pagination__pageNavLeft .Icon__icon use {
  display: none;
}

.Pagination__pageNavLeft .Icon__icon {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='rgb(82, 99, 213)' d='M0 256a256 256 0 1 0 512 0 256 256 0 1 0 -512 0zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1.5rem !important;
  height: 1.5rem !important;
  display: inline-block !important;
  transform: scaleX(-1);
}

.FormElement__labelStyle {
  color: #22234B;
   background-color: #eef0fb;
  padding: 0.2rem 0.6rem;
  border-radius: 6px;
  display: inline-block;
   font-size: 0.8rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.TicketFormLeftContainer__sectionName {
    color: #7582DD;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.ContentList__subCategory .ContentList__topicContent {
    margin-left: 3.4rem;
    transition: transform 0.15s ease;
}

.ContentList__subCategory .ContentList__topicContent:hover {
    transform: translateX(5px);
}

.ListHeader__listHeader3 {
    border-bottom: 1px solid var(--color-border2);
    padding: .9375rem 0;
    transition: transform 0.15s ease;
}
.ListHeader__listHeader3:hover {
    transform: translateX(5px);
}

.KbCategory__boxInner {
    padding: 1.25rem 1rem;
       height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.KbCategory__boxInner:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(34, 35, 75, 0.12);
}