@font-face {
    font-family: 'LeroyMerlinSans';
    font-style: normal;
    font-weight: 400;
    src: url('https://lumapps-lvmh-font.storage.googleapis.com/leroy-merlin/LeroyMerlinSans-Web-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'LeroyMerlinSans';
    font-style: normal;
    font-weight: 600;
    src: url('https://lumapps-lvmh-font.storage.googleapis.com/leroy-merlin/LeroyMerlinSans-Web-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'LeroyMerlinSans';
    font-style: normal;
    font-weight: 700;
    src: url('https://lumapps-lvmh-font.storage.googleapis.com/leroy-merlin/LeroyMerlinSans-Web-Bold.woff') format('woff');
    font-display: swap;
}

:root {
    --lumx-typography-custom-metadata-font-weight:700;
    --lumx-app-background: white;
    --lumx-typography-custom-title1-font-size: 40px;
    --lumx-typography-custom-title1-font-weight: 700;
    --lumx-typography-custom-intro-font-size: 18px;
    --lumx-typography-custom-intro-font-weight: 600;
    --lumx-metadata-height: 30px;
	--lumx-metadata-border-radius: 50px;
	--lumx-metadata-state-default-padding-horizontal: 16px;
    --lumx-typography-font-family: 'LeroyMerlinSans';
  --lumx-typography-font-weight-bold: 600;
}

/* mobile  */
@media (max-width: 427px) {
.component-cell--article-center .cell__wrapper {
        padding: 0 12px;
        width: auto !important;
        align-self: auto !important;
    }
    
    .component-cell--title-center .cell__wrapper {
        padding: 0 12px;
        width: auto !important;
        align-self: auto !important;
    }
    .widget--shared-article-title .block-title {
    color: var(--lumx-widget-title-theme-light-color);
    text-align: left !important;
}

.component-cell--static-banner-title .cell__wrapper {
    top: 20px !important;
    position: relative !important;
    padding: 24px !important;
    margin-bottom: 40px !important;
}    
    
 .component-row--static-banner {
    background: transparent !important;
} 
    
    .widget--shared-my-communities .block-list--vertical {
    flex-direction: column !important;
}
    .widget--shared-my-communities .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button span {
    color: white;
    width: max-content !important;
}
    } 

/* social advocacy hide  */
.header-top__social-advocacy {
   display: none
} 

/* alert banner */
.widget--shared-alert-banner .block-page-preview--theme-dark .block-page-preview__link {
    font-size: 16px;
}
.widget--shared-alert-banner .block-list  {
    text-align: center;
    margin-top: px !important;
    margin-bottom: 2px
}

/*related news*/
.widget--shared-actus-relais .block-grid__item {
    border: 0 solid var(--lumx-color-dark-L5);
    background: #EAEDEF;
    padding: 24px;
    border-radius: 8px;
}
.widget--shared-actus-relais .metadata-link--theme-light {
background: #ffffff !important;

    margin: -3px 0;
    margin: 10px 0px 10px 0px;
}
.widget--shared-actus-relais .metadata-link span {
     color: #533ACE !important;
}

/*Metadatas*/
.widget--shared-content-list-homepage .metadata-link--theme-dark  {
background: #EAEDEF !important;

    margin: -3px 0;
    margin: 10px 0px 10px 0px;
}

.widget--shared-content-list-homepage .metadata-link span {
    overflow: hidden;
     color: #533ACE !important;
}
.widget--shared-content-list-homepage .metadata-link-list--theme-light {
    gap: 10px;
}

.widget--shared-content-list-homepage .metadata-link-list {
    gap: 4px;
}
.widget--shared-content-list-homepage  .metadata-link-list li:before {
display:none;
}


.widget--shared-my-communities .block-community-preview--horizontal .block-community-preview__thumbnail-wrapper {
    flex-basis: 8%;
}
/*My communities*/
.widget--shared-my-communities .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button {
    background-color: #533ACE;
    border-radius: 50px; 
    padding: 6px 12px ;

}
.widget--shared-my-posts .lumx-typography-custom-title4 {
    margin-bottom: 10px ;
}
.widget--shared-my-pingued-post .lumx-typography-custom-title4 {
    margin-bottom: 10px ;
}

.widget--shared-my-communities .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button span {
    color: white;
}


.widget--shared-my-communities .block-community-preview__content {
  margin-top: -5px
}
.widget--shared-my-communities .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected {
    background-color: #533ACE;
    color: white;
}
.widget--shared-my-communities .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:before {
    border-color: transparent
}

.widget--shared-my-communities .lumx-thumbnail__background {
      border-radius: 4px;
}
.widget--shared-my-communities .block-list--vertical {
    flex-direction: row;
}
.widget--shared-my-communities .block-community-preview__content {
    display: flex
;
    flex: 1 1 auto;
    flex-direction: column;
    width: min-content;
}


/*galerie image*/
.widget--galerie-image .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
        aspect-ratio: auto;
    }

/*Metadatas*/
.metadata-link--theme-light {
    margin: 3px 3px 3px 3px!important;;
    background: #eaedef !important;
}

.metadata-link--theme-light {
    margin: 3px 3px 3px 3px;

}

.metadata-link span {
    overflow: hidden;
    color: #2D4941;
}

.widget--shared-metadata .block-metadata {
    align-items: center;
    display: flex
;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    overflow: hidden;
    align-self: center;
}

.metadata-link-list li:before {
display:none;
}

.metadata-link-list--theme-light {
    display: flex !important
;
    flex-wrap: wrap!important;
    margin: -3px 0!important;
    margin: 10px 0px 10px 0px !important;
}

.metadata-link-list--theme-light {
    gap: 10px;
}

/*no divider*/
.lumx-divider--theme-light {
display:none
}

/*last breadcrumn item in bold*/
.widget--shared-fil-arriane  .widget-content--v2 .widget-breadcrumb__link--last, .widget-content--v2 .widget-breadcrumb__section--last {
    font-weight: 700
}

/*image and video border-radius*/
.lumx-thumbnail:not(.lumx-thumbnail--aspect-ratio-original) .lumx-thumbnail__image {
border-radius:  8px
}
.video-player__thumbnail :where(img) {
border-radius:  8px
}
.video-player {
    border-radius: 8px;
}
.block-video-thumbnail__image {
    background: #000;
    border-radius: 8px;
}
.block-video-thumbnail--is-interactive .block-video-thumbnail__image:after {
    border-radius: 8px;
}
.lumx-thumbnail--is-clickable:after {
    border-radius: 8px;
}

/*footer labels */
.widget-footer__label {
    font-weight: 600 !important;
}

/**************NEWS*************/

/*cell center*/
.component-cell--article-center .cell__wrapper {
        padding: 0 12px;
        width: 800px;
        align-self: center;
    }

/*cell center*/
.component-cell--title-center .cell__wrapper {
        padding: 0 12px;
        align-self: center;
       width: 1000px;
    }

/*metadatas */
.widget--shared-article-metadata .block-metadata {
    align-self: center;
}


/*article title*/
.widget--shared-article-titre .block-title {
    color: var(--lumx-widget-title-theme-light-color);
    text-align: center;
}
.widget--shared-article-titre {
align-content: center;
    flex-wrap: wrap;
}


/*intro article*/
.widget--shared-static-introduction .block-intro {
    line-height: 26px;
}


.lumx-user-block__name {
    font-weight: 700;
   } 

/*Paragraphe text*/
.widget--shared-texte .block-html h3 {
    font-size: 18px;
    line-height: 26px;
}



/**************STATIC PAGE*************/

/*banner top and second*/
.component-cell--static-banner-title .cell__wrapper {

    top: 100px;
    position: relative;
 
    }

.component-cell--second-banner {
     margin-top: 120px;
    z-index: 0
    }




/*FAQ content list*/
   .widget--shared-faq-content-list .block-list--grouped>.block-list__item {
    border: 0 solid var(--lumx-color-dark-L5);
    background: white;
    padding: 24px;
    border-radius: 8px;
}
    







/************FOOTER************/

/* Footer container */
.footer {
    background-color: #533ACE; /* violet */
    padding: 20px 0px 13px 0px;
    text-align: center;
  display: flex
;
    justify-content: center;
  }
  
.social-icons {
     flex-direction: row;
    display: flex 
}
  
  /* Social media icons */
  .social-icons a {
    color: white; /* Icon color */
    font-size: 24px; /* Icon size */
    margin: 0 10px;
    text-decoration: none;
     transition: 0.3s ease, transform 0.2s ease;
  }
  
  /* Hover effect */
  .social-icons a:hover {
  transform: translateY(-2px); /* Effet de survol */
    
  }