/* *************************************** */
/* Common CSS variables */
/* *************************************** */

:root {
    --lumx-app-background: #fff;
    --lumx-app-header-box-shadow: none;
    --lumx-color-beige: rgb(250 246 240 / 0.8);
    --lumx-color-grey: rgb(250 250 250 / 1);
    --lumx-color-yellow-200: rgb(250 178 23 / 1);
    --lumx-color-yellow-100: rgb(250 178 23 / 1);
    --lumx-color-yellow-30: rgb(254 236 188 / 1);
    --lumx-color-yellow-10: rgb(255 249 233 / 1);
  	--lumx-color-blue: #3568E9;
    --lumx-widget-header-font-family: "TT Commons";
    --lumx-widget-footer-font-family: "TT Commons";
    --lumx-typography-custom-title1-font-family: "TT Commons";
    --lumx-typography-custom-title1-font-size: 50px;
    --lumx-typography-custom-title1-font-weight: 400;
    --lumx-typography-custom-title1-line-height: 60px;
    --lumx-typography-custom-title2-font-family: "TT Commons";
    --lumx-typography-custom-title2-font-size: 36px;
    --lumx-typography-custom-title2-font-weight: 400;
    --lumx-typography-custom-title2-line-height: 44px;
    --lumx-typography-custom-title3-font-family: "TT Commons";
    --lumx-typography-custom-title3-font-size: 30px;
    --lumx-typography-custom-title3-font-weight: 400;
    --lumx-typography-custom-title3-line-height: 36px;
    --lumx-typography-custom-title4-font-family: "TT Commons";
    --lumx-typography-custom-title4-font-size: 24px;
    --lumx-typography-custom-title4-font-weight: 400;
    --lumx-typography-custom-title4-line-height: 30px;
    --lumx-typography-custom-title5-font-family: "TT Commons";
    --lumx-typography-custom-title5-font-size: 18px;
    --lumx-typography-custom-title5-font-weight: 500;
    --lumx-typography-custom-title6-font-family: "TT Commons";
    --lumx-typography-custom-title6-font-size: 16px;
    --lumx-typography-custom-title6-font-weight: 500;
    --lumx-typography-custom-intro-font-family: "TT Commons";
    --lumx-typography-custom-intro-font-size: 26px;
    --lumx-typography-custom-intro-font-weight: 400;
    --lumx-typography-custom-intro-line-height: 36px;
    --lumx-typography-custom-body-font-family: "TT Commons";
    --lumx-typography-custom-body-font-size: 16px;
    --lumx-typography-custom-body-large-font-family: "TT Commons";
    --lumx-typography-custom-body-large-font-size: 20px;
    --lumx-typography-custom-quote-font-family: "TT Commons";
    --lumx-typography-custom-quote-font-size: 20px;
    --lumx-typography-custom-quote-font-weight: 400;
    --lumx-typography-custom-publish-info-font-family: "TT Commons";
    --lumx-typography-custom-publish-info-font-size: 16px;
    --lumx-typography-custom-button-size-m-font-family: "TT Commons";
    --lumx-typography-custom-button-size-m-font-size: 18px;
    --lumx-typography-custom-button-size-m-font-weight: 400;
    --lumx-typography-custom-button-size-s-font-family: "TT Commons";
    --lumx-typography-custom-button-size-s-font-size: 16px;
    --lumx-typography-custom-button-size-s-font-weight: 400;
    --lumx-typography-custom-tag-font-family: "TT Commons";
    --lumx-typography-custom-tag-font-size: 12px;
    --lumx-typography-custom-metadata-font-family: "TT Commons";
    --lumx-typography-custom-metadata-font-size: 12px;
    --lumx-button-border-radius: 0;
    --lumx-button-emphasis-high-state-default-padding-horizontal: 24px;
    --lumx-button-emphasis-high-state-default-theme-light-background-color: var(--lumx-color-yellow-100);
    --lumx-button-emphasis-high-state-default-theme-light-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-high-state-hover-padding-horizontal: 24px;
    --lumx-button-emphasis-high-state-hover-theme-light-background-color: var(--lumx-color-yellow-200);
    --lumx-button-emphasis-high-state-hover-theme-light-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-high-state-active-padding-horizontal: 24px;
    --lumx-button-emphasis-high-state-active-theme-light-background-color: var(--lumx-color-yellow-200);
    --lumx-button-emphasis-high-state-active-theme-light-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-medium-state-default-padding-horizontal: 24px;
    --lumx-button-emphasis-medium-state-default-border-width: 1px;
    --lumx-button-emphasis-medium-state-default-theme-light-background-color: transparent;
    --lumx-button-emphasis-medium-state-default-theme-light-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-medium-state-default-theme-light-border-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-medium-state-hover-padding-horizontal: 24px;
    --lumx-button-emphasis-medium-state-hover-border-width: 1px;
    --lumx-button-emphasis-medium-state-hover-theme-light-background-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-medium-state-hover-theme-light-color: var(--lumx-color-light-N);
    --lumx-button-emphasis-medium-state-hover-theme-light-border-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-medium-state-active-padding-horizontal: 24px;
    --lumx-button-emphasis-medium-state-active-border-width: 1px;
    --lumx-button-emphasis-medium-state-active-theme-light-background-color: var(--lumx-color-dark-N);
    --lumx-button-emphasis-medium-state-active-theme-light-color: var(--lumx-color-light-L2);
    --lumx-button-emphasis-medium-state-active-theme-light-border-color: var(--lumx-color-dark-N);
    --lumx-text-field-state-default-theme-light-header-label-color: var(--lumx-color-dark-L1);
    --lumx-text-field-state-default-theme-light-input-background-color: transparent;
    --lumx-text-field-state-default-theme-light-input-border-color: var(--lumx-color-dark-N);
    --lumx-text-field-state-default-theme-light-input-content-color: var(--lumx-color-dark-L1);
    --lumx-text-field-state-default-theme-light-input-placeholder-color: var(--lumx-color-dark-L3);
    --lumx-text-field-state-hover-theme-light-header-label-color: var(--lumx-color-dark-L1);
    --lumx-text-field-state-hover-theme-light-input-background-color: var(--lumx-color-grey);
    --lumx-text-field-state-hover-theme-light-input-border-color: var(--lumx-color-dark-N);
    --lumx-text-field-state-hover-theme-light-input-content-color: var(--lumx-color-dark-L1);
    --lumx-text-field-state-hover-theme-light-input-placeholder-color: var(--lumx-color-dark-L3);
    --lumx-tag-list-separator: "";
    --lumx-tag-border-radius: 1px;
    --lumx-tag-state-default-padding-horizontal: 8px;
    --lumx-tag-state-default-border-width: 1px;
    --lumx-tag-state-default-theme-light-background-color: var(--lumx-color-beige);
    --lumx-tag-state-default-theme-dark-background-color: var(--lumx-color-beige);
    --lumx-tag-state-default-theme-dark-color: var(--lumx-color-dark-N);
    --lumx-tag-state-hover-padding-horizontal: 8px;
    --lumx-tag-state-hover-border-width: 1px;
    --lumx-tag-state-hover-theme-light-background-color: var(--lumx-color-beige);
    --lumx-tag-state-hover-theme-light-color: var(--lumx-color-dark-L2);
    --lumx-tag-state-hover-theme-dark-background-color: var(--lumx-color-beige);
    --lumx-tag-state-hover-theme-dark-color: var(--lumx-color-dark-N);
    --lumx-tag-state-active-padding-horizontal: 8px;
    --lumx-tag-state-active-border-width: 1px;
    --lumx-tag-state-active-theme-light-background-color: var(--lumx-color-beige);
    --lumx-tag-state-active-theme-light-color: var(--lumx-color-dark-L2);
    --lumx-tag-state-active-theme-dark-background-color: var(--lumx-color-beige);
    --lumx-tag-state-active-theme-dark-color: var(--lumx-color-dark-N);
    --lumx-metadata-list-separator: "";
    --lumx-metadata-border-radius: 2px;
    --lumx-metadata-state-default-padding-horizontal: 8px;
    --lumx-metadata-state-default-border-width: 1px;
    --lumx-metadata-state-default-theme-light-color: var(--lumx-color-dark-N);
    --lumx-metadata-state-default-theme-light-border-color: var(--lumx-color-dark-N);
    --lumx-metadata-state-hover-padding-horizontal: 8px;
    --lumx-metadata-state-hover-border-width: 1px;
    --lumx-metadata-state-hover-theme-light-color: var(--lumx-color-dark-N);
    --lumx-metadata-state-hover-theme-light-border-color: var(--lumx-color-dark-N);
    --lumx-metadata-state-hover-theme-dark-color: var(--lumx-color-light-L2);
    --lumx-metadata-state-active-padding-horizontal: 8px;
    --lumx-metadata-state-active-border-width: 1px;
    --lumx-metadata-state-active-theme-light-border-color: var(--lumx-color-dark-N);
    --lumx-metadata-state-active-theme-dark-color: var(--lumx-color-light-L2);
}

/* --- NATIVE UI ELEMENTS OVERRIDES */

/* Widget list horizontal / grid wo margin */

.widget-content-list--view-mode-horizontal,
.widget-content-list--view-mode-horizontal .widget-content {
    overflow: visible;
}

.widget-content-list--view-mode-horizontal .widget-slideshow,
.widget-content-list--view-mode-horizontal .widget-slideshow .widget-slideshow__wrapper {
    margin: -12px;
}

/* Fix contribution field style bad style */

.contribution-field .contribution-field__field {
    min-height: var(--lumx-text-field-input-min-height) !important;
    padding: 0 var(--lumx-text-field-input-padding-horizontal) !important;
    background-color: var(--lumx-text-field-state-default-theme-light-input-background-color) !important;
    border-radius: var(--lumx-text-field-input-border-radius) !important;
}

.contribution-field .contribution-field__field:hover {
    background-color: var(--lumx-text-field-state-hover-theme-light-input-background-color) !important;
}

.contribution-field .contribution-field__field:active {
    background-color: var(--lumx-text-field-state-focus-theme-light-input-background-color) !important;
}

.contribution-field .contribution-field__field > span {
    font-size: inherit !important;
    line-height: inherit !important;
    color: var(--lumx-text-field-state-default-theme-light-input-placeholder-color) !important;
}

/* Fix widget comments spacings */

.block-comment-editor {
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: var(--lumx-spacing-unit-huge) !important;
}

.comments {
    padding: 0 !important;
}

/* Fix metafdata widget social actions position on legacy */

.widget-meta__field--author {
    margin-bottom: var(--lumx-spacing-unit-regular) !important;
}

.widget-meta-author .user-block__profile-picture {
    width: 36px !important;
    height: 36px !important;
}

.widget-meta__field--publication-date {
    padding-right: 0 !important;
    margin-left: 0 !important;
}

.widget-meta__field--social {
    margin-top: var(--lumx-spacing-unit-big) !important;
    margin-left: 0 !important;
}

.widget-meta-social {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}

/* --- HEADER OVERRIDES */

/* Search box */

.theme-lumapps .header .searchbox {
    background-color: transparent;

    --lumx-text-field-state-default-input-border-top-width: 1px;
    --lumx-text-field-state-default-input-border-bottom-width: 1px;
    --lumx-text-field-state-default-input-border-left-width: 1px;
    --lumx-text-field-state-hover-input-border-top-width: 1px;
    --lumx-text-field-state-hover-input-border-bottom-width: 1px;
    --lumx-text-field-state-hover-input-border-left-width: 1px;
    --lumx-text-field-input-border-radius: 0;
}

/* Navigation */

.main-nav-item:not(.main-nav-item--is-active) .main-nav-item__label {
    font-weight: 400 !important;
    color: var(--lumx-color-dark-N) !important;
}

.main-nav-item .main-nav-item__link:hover .main-nav-item__label {
    color: var(--lumx-color-primary-N) !important;
}

/* --- WIDGET CLASSES */

/* Breaking news (home) */

@media screen and (min-width: 1024px) {
    .widget--breaking-news .block-page-preview__content {
        overflow: visible;
    }
  
    .widget--breaking-news .block-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        row-gap: calc(var(--lumx-spacing-unit-regular) * 4);
        column-gap: calc(var(--lumx-spacing-unit-regular) * 4);
    }

    .widget--breaking-news .block-list .block-list__item:first-child {
        grid-column: span 3;
        padding-bottom: calc(var(--lumx-spacing-unit-regular) * 4);
        border-bottom: 1px solid var(--lumx-color-dark-L5);

        --lumx-typography-custom-title4-font-size: var(--lumx-typography-custom-title1-font-size);
        --lumx-typography-custom-title4-font-weight: 500;
        --lumx-typography-custom-title4-line-height: var(--lumx-typography-custom-title1-line-height);
        --lumx-typography-custom-body-font-size: 24px;
        --lumx-typography-custom-body-font-weight: 300;
        --lumx-typography-custom-body-line-height: 32px;
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview {
        flex-direction: row-reverse;
        gap: calc(var(--lumx-spacing-unit-regular) * 8);
        align-items: flex-start;
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__thumbnail-wrapper {
        position: relative;
        flex: 0 0 50%;
        max-width: none;
        margin-right: calc(var(--lumx-spacing-unit-regular) * 6);
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__thumbnail-wrapper::before {
        position: absolute;
        top: calc(var(--lumx-spacing-unit-huge));
        right: calc(var(--lumx-spacing-unit-big) * -1);
        bottom: calc(var(--lumx-spacing-unit-big) * -1);
        left: calc(var(--lumx-spacing-unit-regular) * 8);
        content: "";
        border: 1px solid var(--lumx-color-dark-L2);
        border-radius: 10px;
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background {
        aspect-ratio: 282/169;
        padding-top: unset;
    }

    .widget--breaking-news .block-list__item:first-child .block-page-preview .block-page-preview__thumbnail-wrapper {
        --lumx-thumbnail-aspect-ratio: 282/169;
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image {
        border-radius: 10px;
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__content {
        position: relative;
        margin-top: calc(var(--lumx-spacing-unit-regular) * 8);
        margin-left: calc(var(--lumx-spacing-unit-regular) * 8);
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__content::before {
        position: absolute;
        top: calc(var(--lumx-spacing-unit-big) * -1);
        left: calc(var(--lumx-spacing-unit-regular) * -8);
        z-index: -1;
        width: 150px;
        height: 150px;
        content: "";
        background-color: var(--lumx-color-yellow-100);
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__link {
        /* stylelint-disable-next-line value-no-vendor-prefix */
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .widget--breaking-news .block-list .block-list__item:first-child .block-page-preview .block-page-preview__excerpt {
        /* stylelint-disable-next-line value-no-vendor-prefix */
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .widget--breaking-news .block-list .block-list__item:not(:first-child) .block-page-preview__field:nth-child(3) {
        display: none;
    }

    .widget--breaking-news .block-list .block-list__item:not(:first-child) .block-page-preview .block-page-preview__thumbnail-wrapper {
        flex: 0 0 100px;
    }

    .widget--breaking-news .block-list .block-list__item:not(:first-child) .block-page-preview .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background {
        aspect-ratio: 1/1;
        padding-top: unset;
    }

    .widget--breaking-news .block-list .block-list__item:not(:first-child) {
        --lumx-thumbnail-aspect-ratio: 1/1;
    }

    .widget--breaking-news .block-list .block-list__item:not(:first-child) .block-page-preview .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image {
        border-radius: 5px;
    }

    .widget--breaking-news .block-list .lumx-divider {
        display: none;
    }

    .widget--breaking-news .widget-footer {
        margin-top: calc(var(--lumx-spacing-unit-regular) * 4);
        border-top: 1px solid var(--lumx-color-dark-L5);
    }
}

/* Birthdays (home) */

.widget--birthdays .block-remote,
.widget--birthdays .extension-component,
.widget--birthdays .lelab-marketplace-widget-lucca-birthdays {
    height: 100%;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays {
    display: flex;
    gap: calc(var(--lumx-spacing-unit-regular) * 6);
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > .lumx-divider {
    display: none;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > div:first-child {
    flex-direction: column;
    flex-shrink: 0;
    align-self: flex-start;
    width: 115px;
    height: auto;
    padding: 0 !important;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > div:first-child::after {
    width: 115px;
    height: 118px;
    content: "";
    background-image: url("https://we.lumapps.com/serve/AMIfv970W0rKTa9YBplryHq67gD4TTEgkXDR6XXMXgnf_VBLS9OudFrhwbKkQthj5dDACZJTRKzlbniEpzNxGy9aRZTndDP3BWQy1m4Zw5sz4z7TlL5somGZM1piHh-h5fhttnNtuAhGpTjsuNIUJV1tyqjs-Yh24A/birthdays.png");
    background-size: 115px 118px;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > div .lumx-typography-subtitle2 {
    display: block;
    font-family: "TT Commons", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > div:last-child {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--lumx-spacing-unit-big);
    padding: 0 !important;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > div:last-child .lumx-user-block {
    padding: 0 !important;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > div:last-child .lumx-user-block .lumx-user-block__avatar {
    overflow: hidden;
    border-radius: 50%;
}

.widget--birthdays .lelab-marketplace-widget-lucca-birthdays > div:last-child > .lumx-typography-subtitle1 {
    display: none;
}

.widget--birthdays .lumapps_widget_birthday_buttons {
    padding-top: var(--lumx-spacing-unit-huge);
    margin-top: auto !important;
}

.widget--birthdays .lumapps_widget_birthday_buttons button {
    gap: var(--lumx-spacing-unit-regular);
    height: auto !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.widget--birthdays .lumapps_widget_birthday_buttons button::after {
    width: 29px;
    height: 10px;
    content: "";
    background-color: var(--lumx-color-dark-N);
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-mask-image: url("https://we.lumapps.com/serve/AMIfv96ygv_IyQr1sTrGPl6hB_UdkpZ0UdSn5pVgyQea-4jwZxPghk_wd3qZDPc_Obo0W9MhjssKzpy0IdUgZLSgRKHMqZQDQOuI_NadeKZMH2-3XqL82FneuKxA1vc6RbRvKq9ReynE6Fd_z3xDnBa5viqaYdvgLQ/arrow-right.svg");
    mask-image: url("https://we.lumapps.com/serve/AMIfv96ygv_IyQr1sTrGPl6hB_UdkpZ0UdSn5pVgyQea-4jwZxPghk_wd3qZDPc_Obo0W9MhjssKzpy0IdUgZLSgRKHMqZQDQOuI_NadeKZMH2-3XqL82FneuKxA1vc6RbRvKq9ReynE6Fd_z3xDnBa5viqaYdvgLQ/arrow-right.svg");
}

.widget--birthdays .lumapps_widget_birthday_buttons button span {
    font-size: 16px !important;
    line-height: 20px !important;
}

.widget--birthdays .lumapps_widget_birthday_buttons button:hover span {
    color: var(--lumx-color-primary-N) !important;
}

.widget--birthdays .lumapps_widget_birthday_buttons button:hover::after {
    background-color: var(--lumx-color-primary-N);
}

/* Content list - No separator (people widget - home) */

.widget--no-separator .block-list .lumx-divider {
    display: none;
}

/* Content list - Rounded thumbnail (people widget - home) */

.widget--rounded-thumbnail .block-page-preview .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image {
    border-radius: 10px;
}

/* Content list - Square thumbnail (people widget - home) */

.widget--square-thumbnail .block-page-preview .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background {
    aspect-ratio: 1/1;
    padding-top: unset;
}

.widget--square-thumbnail .block-page-preview .block-page-preview__thumbnail-wrapper {
    --lumx-thumbnail-aspect-ratio: 1/1;
}

/* Content list - Small thumbnail (people widget - home) */

.widget--small-thumbnail .block-page-preview .block-page-preview__thumbnail-wrapper {
    flex: 0 0 20%;
}

/* Content list - block grid item border (knowledge widget - home) */

.widget--block-grid-item-border .block-grid .block-grid__item {
    overflow: hidden;
    border: 1px solid var(--lumx-color-dark-L4);
    border-radius: 10px;
}

.widget--block-grid-item-border .block-page-preview .block-page-preview__thumbnail-wrapper {
    margin-bottom: 0;
}

.widget--block-grid-item-border .block-page-preview .block-page-preview__content {
    padding: calc(var(--lumx-spacing-unit-regular) * 4);
}

/* --- WIDGET SHARED STYLES */

/* Global footer arrow */

.widget[class*="widget--shared-v4"] .widget-footer .widget-footer__wrapper {
    gap: var(--lumx-spacing-unit-regular);
}

.widget[class*="widget--shared-v4"] .widget-footer .widget-footer__wrapper::before {
    width: 29px;
    height: 10px;
    content: "";
    background-color: var(--lumx-color-dark-N);
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-mask-image: url("https://we.lumapps.com/serve/AMIfv96ygv_IyQr1sTrGPl6hB_UdkpZ0UdSn5pVgyQea-4jwZxPghk_wd3qZDPc_Obo0W9MhjssKzpy0IdUgZLSgRKHMqZQDQOuI_NadeKZMH2-3XqL82FneuKxA1vc6RbRvKq9ReynE6Fd_z3xDnBa5viqaYdvgLQ/arrow-right.svg");
    mask-image: url("https://we.lumapps.com/serve/AMIfv96ygv_IyQr1sTrGPl6hB_UdkpZ0UdSn5pVgyQea-4jwZxPghk_wd3qZDPc_Obo0W9MhjssKzpy0IdUgZLSgRKHMqZQDQOuI_NadeKZMH2-3XqL82FneuKxA1vc6RbRvKq9ReynE6Fd_z3xDnBa5viqaYdvgLQ/arrow-right.svg");
}

.widget[class*="widget--shared-v4-low"] .widget-footer .widget-footer__wrapper:hover::before {
    background-color: var(--lumx-color-primary-N);
}

.widget[class*="widget--shared-v4"] .widget-footer .widget-footer__icon {
    display: none;
}

/* Widget section title (home) */

.widget--shared-v4-section-title {
    --lumx-typography-custom-title2-font-size: 20px;
    --lumx-typography-custom-title2-font-weight: 700;
    --lumx-typography-custom-title2-line-height: 30px;
    --lumx-typography-custom-title3-font-size: 36px;
    --lumx-typography-custom-title3-font-weight: 400;
    --lumx-typography-custom-title3-line-height: 44px;
}

.widget--shared-v4-section-title .widget-content {
    overflow: visible;
}

.widget--shared-v4-section-title h2 {
    margin-bottom: 0 !important;
    color: var(--lumx-color-primary-N);
}

/* Widget section title big (home) */

.widget--shared-v4-section-title-big {
    margin-top: 60px !important;
    overflow: visible !important;

    --lumx-typography-custom-title2-font-size: 20px;
    --lumx-typography-custom-title2-font-weight: 700;
    --lumx-typography-custom-title2-line-height: 30px;
    --lumx-typography-custom-title3-font-size: 50px;
    --lumx-typography-custom-title3-font-weight: 400;
    --lumx-typography-custom-title3-line-height: 50px;
}

.widget--shared-v4-section-title-big .widget-content {
    position: relative;
    overflow: visible !important;
}

.widget--shared-v4-section-title-big .widget-content::before {
    position: absolute;
    top: calc(var(--lumx-spacing-unit-regular) * -6);
    left: calc(var(--lumx-spacing-unit-regular) * -6);
    z-index: -1;
    width: 200px;
    height: 200px;
    content: "";
    background-color: var(--lumx-color-yellow-100);
}

/* Widget section main titles (HR newsletters) */
.widget--title--page-yellow.widget-html.widget--shared-nw-default-main-titles p {
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
}

/* Newsletter Article - image gallery full width  */
.widget--gallery-csm .lumx-thumbnail--align-left .lumx-thumbnail__background,
.widget--gallery-csm .lumx-thumbnail--align-left .lumx-thumbnail__image {
    width: 100%;
    margin-right: auto;
}
/* --- CELL CLASSES */

/* Community highlight cell (home) */

.component-cell--community-highlight .cell__wrapper {
    background-size: 170px 110px !important;
}

/* Community social metadata alignment */

.component-cell--community-social-metadata {
    align-items: flex-end;
}

/* Align vertically cells */
.component-cell--center {
    margin: auto;
    text-align:left;
}
@media only screen and (max-width: 767px) {
    /* Style Mobile */
    .component-cell--center {	
        text-align: center;
    }
}

.widget--tableau .block-html table {
    width: 100%;
    max-width: 100%;
    text-align: center;
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
}


/* --- ROW CLASSES */

/* Knowledge row (home) */

.component-row--knowledge {
    background-size: 347px 762px !important;
}

/* --- MISC */

/* Lumacademy User Profile Badges */

.user-profile__content .badge-image {
    width: 150px;
    height: 150px;
    margin-left: 20px;
}

.page-card .user-badge-card {
    padding-top: 5px;
}

#\32 11393286766744156079278120264654413240 {
    display: none;
}

/* Fix style bug on links in WREX */
/* See https://lumapps.slack.com/archives/C338LLE1H/p1673604694168689 for more details */

.wrex-content-link {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* Vizir custom */

.vz-avatar {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Position sticky */

.widget--anchors{
    position: sticky;
    top: 109px;
}

/* Change background color on spaces */

.page[data-id="front-office-space-page-page"] {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: -24px;
    margin-bottom: -24px;
    background-color: var(--lumx-color-beige);
}

/* Fix style bug on ANROM - Employee recognition */

.award__assignment-thumbnail .lumx-thumbnail__background .lumx-thumbnail__image {
    height: 65px;
}

/* My apps cta */

.my-apps-cta {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    background: linear-gradient(90deg, rgba(240,247,253,1) 0%, rgba(215,233,249,1) 25%, rgba(230,235,250,1) 75%, rgba(223,238,251,1) 100%);
    border-radius: 20px;
}

@media (max-width: 63.99em) {
    .my-apps-cta {
        flex-direction: column;
    }
}

.my-apps-cta img {
    margin: inherit !important;
    margin-right: 24px !important;
}

.my-apps-cta strong,
.my-apps-cta span {
    margin-right: 8px;
    font-size: 18px;
}

@media (max-width: 63.99em) {
    .my-apps-cta strong {
        text-align: center;
    }

    .my-apps-cta span {
        display: none;
    }
}

.my-apps-cta a {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 700;
    color: var(--lumx-color-blue) !important;
    text-decoration: none;
}

.my-apps-cta a:hover {
    text-decoration: underline;
}

.my-apps-cta a::before {
    width: 29px;
    height: 10px;
    content: "";
    background-color: var(--lumx-color-blue);
    -webkit-mask-image: url(https://we.lumapps.com/serve/AMIfv96ygv_IyQr1sTrGPl6hB_UdkpZ0UdSn5pVgyQea-4jwZxPghk_wd3qZDPc_Obo0W9MhjssKzpy0IdUgZLSgRKHMqZQDQOuI_NadeKZMH2-3XqL82FneuKxA1vc6RbRvKq9ReynE6Fd_z3xDnBa5viqaYdvgLQ/arrow-right.svg);
    mask-image: url(https://we.lumapps.com/serve/AMIfv96ygv_IyQr1sTrGPl6hB_UdkpZ0UdSn5pVgyQea-4jwZxPghk_wd3qZDPc_Obo0W9MhjssKzpy0IdUgZLSgRKHMqZQDQOuI_NadeKZMH2-3XqL82FneuKxA1vc6RbRvKq9ReynE6Fd_z3xDnBa5viqaYdvgLQ/arrow-right.svg);
}

.thomas-hp .main-nav {display:none}

/* Assistant was hiding FAB on Social Advocacy */
.assistant-widget {
  bottom: calc(24px * 2 + 60px);
}

/* Personal Feed Widget on the homepage: display in 3 columns */
/* To be removed once the option becomes native in the widget */
/* https://lumapps.slack.com/archives/C338LLE1H/p1744824914554039 */
@media screen and (min-width: 1024px) {
    .content-page--is-homepage .widget-personal-feed-preview .block-list{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: calc(var(--lumx-spacing-unit-regular) * 4);
        column-gap: calc(var(--lumx-spacing-unit-regular) * 4);

      
    
    }
}

div[data-id="my-apps-micro-app-e704b900-3f3c-4488-8839-c743dddfe694"] a {
  border-radius: 25px;
}

/* Main Nav - Style to highlight to site demo nav entry */
  
.main-nav__child--demo .main-nav-item__label,
.main-nav__child--demo .lumx-icon--no-shape
  {
	color: var(--lumx-color-primary-N) !important;
}

/* Remove Language popover on edit mode */

.content-language-popover{
    display:none !important;
}

.widget:not(.widget--has-ungrouped-container-block) {
    box-shadow: none !important;
}


/*Only for the we rebranding SPACE [refer to ps team if needed]*/
#werebrandingspace-userlist .lumx-divider {
   margin: -8px !important;
}

/* Custom Style for birthday V2 by Maximilien X Companion */
/* --- Styles pour la carte utilisateur --- */
[data-id="micro-app-80734855831452530246800607760642265795"] {

  /* 2. Boutons par défaut (Show/Hide, View Profile, Inactifs) */
  button {
    border-radius: 24px !important;
    border: 1px solid #dadce0 !important;
    background-color: #ffffff !important;
    color: #3c4043 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; /* Ombrage noir */
    transition: all 0.2s ease !important;
  }

  /* 3. Onglet Actif (Glow Jaune) */
  .lumx-button--theme-light {
    border: 1px solid #fbc02d !important;
    box-shadow: 0 0 12px rgba(251, 192, 45, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }

  /* 7. Avatars Ronds */
  img {
    border-radius: 50% !important;
    border: 2px solid #ffffff !important;
  }

  /* Nettoyage du pseudo-élément LumX */
  .lumx-button--size-m.lumx-button--emphasis-medium.lumx-button--variant-button::before {
    border: unset !important;
  }
}
/* End of custom Style for birthday V2 by Maximilien X Companion */