/* CCS custom pour renault LMS */

/* Typo Renault (assets/fonts) */
@font-face {
    font-family: 'Renault Group';
    src: url('../fonts/RenaultGroup-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Renault Group';
    src: url('../fonts/RenaultGroup-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Renault Group';
    src: url('../fonts/RenaultGroup-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Renault Group';
    src: url('../fonts/RenaultGroup-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

body,
#page,
input,
button,
select,
textarea,
.bb-grid,
#lifter-course-content,
.bb-llms-content-wrap,
.bb-vw-container,
.bb-llms-banner,
.mes-formations-header,
.side-panel-menu,
.buddypanel {
    font-family: 'Renault Group', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.llms-meta-title,
.llms-section-title,
.llms-lesson-title,
.mes-formations-header__title,
.bb-course-title {
    font-family: 'Renault Group', Arial, sans-serif !important;
}

/* Page login : pas de box-shadow ni de border-radius */
body.login,
body.login *,
body.login *::before,
body.login *::after {
    box-shadow: none !important;
    border-radius: 0 !important;
}

























/* Ajustements icones menu lateral */
.buddypanel-menu > li > .bb-menu-item > img {
    width: 36px;
}

/* Login personnalisé */

.login #login_error {
    border-left-color: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* BuddyBoss force #fff sur les liens d’erreur (prévu pour fond danger).
   Avec fond transparent ci-dessus → blanc sur blanc. */
.login #login_error a,
.login #login_error a:hover,
.login #login_error a:focus {
    color: #23B1B6 !important;
    text-decoration: underline;
}

.login.bb-login #login {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.login input[type=email],
.login input[type=password],
.login input[type=text] {
    border-radius: 0px !important;
}

.login .button-primary,
.login form .submit input,
#loginform input[type="submit"] {
    border-radius: 0px !important;
    box-shadow: none !important;
}

/* Sidebar buddyboss theme */

aside.buddypanel.buddypanel--toggle-on,
header.panel-head {
    background-color: #270058 !important;
}

[class*=" bb-icon-"]:before,
[class^=bb-icon-]:before {
    color: #d5d5d5 !important;
}

/* Icône accueil (page cours) en gris noir */
.buddyboss_legacy.bb-icon-home-small:before,
i.buddyboss_legacy.bb-icon-home-small:before {
    color: #ffffff !important;
}

.bb-template-v2 .side-panel-menu a {
    border-radius: 0;
    background-color: #270058;
    padding: 10px 0 !important;
    color: white;
}

.bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item>a {
    background-color: #270058;
    color: var(--bb-sidenav-text-active);
    border-left: 8px solid white;
}

.bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item>a:hover {
    color: var(--bb-sidenav-text-active);
    background-color: #350070;
}

.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item) a:hover {
    color: #ffffff;
    background-color: #350070;
}

.bb-template-v2 .buddypanel .bb-toggle-panel:hover {
    background-color: #350070 !important;
}

#page {
    background-image: url(../images/background/bg-renault.jpg);
    background-size: auto;
    background-position: top left;
    background-repeat: round;
    background-color: #ffffff;
}


/* Page Mes formations – header (MY TRAINING COURSES, durée, icônes check) */
.mes-formations-header {
    margin-bottom: 28px;
}

.mes-formations-header__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.mes-formations-header__icon {
    display: block;
}

.mes-formations-header__icon--laptop {
    width: 48px;
    height: auto;
}

.mes-formations-header__sep {
    width: 1px;
    height: 28px;
    background: #D2D2D2;
    margin: 0 20px;
}

.mes-formations-header__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0.02em;
}

.mes-formations-header__duration {
    font-size: 15px;
    color: #333;
}

.mes-formations-header__checks {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.mes-formations-header__check-icon {
    width: 37px;
    height: 37px;
    display: block;
}

/* Page de cours LifterLMS */

.bb-vw-container.bb-llms-banner {
    background-color: #4613A5 !important;
}

h1.entry-title {
    color: #ffffff !important;

}

.bb-llms-banner:before {
    background-image: none !important;
    opacity: 1;
    background-color: #4613A5 !important;
}

h1.entry-title {
    font-size: 42px;
    font-weight: 400;
}

span.course-date {
    color: #ffffff !important;
}

/* Fil d'Ariane cours (Accueil | Mes formations | titre) : en blanc (hors #lifter-course-content) */
.llms-course-entry-content-wrap > p {
    color: #ffffff !important;
}
.llms-course-entry-content-wrap > p a,
.llms-course-entry-content-wrap > p a.a_formation {
    color: #ffffff !important;
}
.llms-course-entry-content-wrap > p a:hover,
.llms-course-entry-content-wrap > p a.a_formation:hover {
    color: rgba(255, 255, 255, 0.9) !important;
}
.llms-course-entry-content-wrap > p .bb-icon-home-small:before,
.llms-course-entry-content-wrap > p .buddyboss_legacy.bb-icon-home-small:before {
    color: #ffffff !important;
}

/* Page cours : textes en blanc (contenu #lifter-course-content) */
#lifter-course-content,
#lifter-course-content p,
#lifter-course-content a,
#lifter-course-content h2,
#lifter-course-content h3,
#lifter-course-content h4,
#lifter-course-content h5,
#lifter-course-content .llms-meta-title,
#lifter-course-content .llms-author-info,
#lifter-course-content .llms-author-info.name,
#lifter-course-content .llms-author-info.label,
#lifter-course-content .progress__indicator,
#lifter-course-content .llms-button-primary,
#lifter-course-content .llms-section-title,
#lifter-course-content .llms-lesson-title,
#lifter-course-content .llms-lesson-counter,
#lifter-course-content .llms-lesson-complete {
    color: #ffffff !important;
}

/* Tuiles modules : garder le texte sombre sur fond blanc */
#lifter-course-content .group_module .wprime-module-title .title_section,
#lifter-course-content .group_module .wprime-module-statut-text { color: #333 !important; }
#lifter-course-content .group_module .wprime-module-duration .duration_info { color: #666 !important; }
#lifter-course-content .group_module .wprime-lms-launch-link { color: #1a1a1a !important; }
#lifter-course-content .group_module .wprime-lms-locked { color: #666 !important; }

#lifter-course-content a:hover {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Icône Accueil (fil d'Ariane) en blanc */
#lifter-course-content .bb-icon-home-small:before,
#lifter-course-content .buddyboss_legacy.bb-icon-home-small:before {
    color: #ffffff !important;
}

/* Tuiles modules Wprime (group_module) : carte blanche, bordure, statut | titre | bouton START */
.group_module .wprime-module-card {
    background: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 0;
    padding: 16px 20px;
    margin-bottom: 16px;
}

.group_module .wprime-module-row {
    display: flex;
    align-items: stretch;
    gap: 0;
    min-height: 72px;
}

.group_module .wprime-module-status {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 120px;
    align-self: center;
}

.group_module .wprime-module-status .icon_progression {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.group_module .wprime-module-statut-text {
    font-size: 14px;
    color: #333;
}

.group_module .wprime-module-sep {
    width: 1px;
    align-self: stretch;
    min-height: 32px;
    background: #D2D2D2;
    margin: 0 20px;
}

.group_module .wprime-module-title {
    flex: 1;
    align-self: center;
}

.group_module .wprime-module-title .title_section {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.group_module .wprime-module-title .wprime-module-duration {
    margin-top: 6px;
}

.group_module .wprime-module-action {
    flex-shrink: 0;
    min-width: 180px;
    width: 28%;
    max-width: 220px;
    display: flex;
    align-items: stretch;
}

.group_module .wprime-module-action .wprime-lms-module {
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* Bouton module : défaut (À FAIRE / START) */
.group_module .wprime-module-action .wprime-lms-launch-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 16px 32px;
    background: #F8C1AF !important;
    color: #1a1a1a !important;
    border: none;
    border-radius: 0;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-decoration: none;
    cursor: pointer;
}

.group_module .wprime-module-action .wprime-lms-launch-link:hover {
    background: #f5b09a !important;
    color: #1a1a1a !important;
}

/* IN PROGRESS : CONTINUER — bg #B3CDEC */
.group_module .wprime-module-action .ld-scoStatus-incomplete_passed .wprime-lms-launch-link {
    background: #B3CDEC !important;
    color: #1a1a1a !important;
}

.group_module .wprime-module-action .ld-scoStatus-incomplete_passed .wprime-lms-launch-link:hover {
    background: #9ebdd9 !important;
    color: #1a1a1a !important;
}

/* FINISHED : START OVER — fond #BFD994 */
.group_module .wprime-module-action .ld-scoStatus-completed .wprime-lms-launch-link {
    background: #BFD994 !important;
    color: #1a1a1a !important;
}

.group_module .wprime-module-action .ld-scoStatus-completed .wprime-lms-launch-link:hover {
    background: #aed07d !important;
    color: #1a1a1a !important;
}

/* ÉCHEC (score < score maîtrise) : RECOMMENCER — fond #E57C6B */
.group_module .wprime-module-action .ld-scoStatus-failed .wprime-lms-launch-link {
    background: #E57C6B !important;
    color: #1a1a1a !important;
}

.group_module .wprime-module-action .ld-scoStatus-failed .wprime-lms-launch-link:hover {
    background: #d96a5a !important;
    color: #1a1a1a !important;
}

.group_module .wprime-module-action .wprime-lms-locked {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 16px 32px;
    background: #e5e5e5;
    color: #666;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    cursor: not-allowed;
}

.group_module .wprime-module-duration {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}

.group_module .wprime-module-duration .wprime-module-timer-icon {
    width: 16px;
    height: 16px;
}

.group_module .wprime-module-duration .duration_info {
    font-size: 13px;
    color: #666;
}

.group_module .wprime-module-wrap {
    margin-bottom: 24px;
}

.group_module .wprime-module-msg {
    margin: 10px 0 0;
    padding: 0;
    font-size: 13px;
    color: #666;
}

.bb-course-excerpt{
    margin-top: 15px !important;
}

/* Badge « À FAIRE » (statut à faire / progress) */
.ld-status.ld-primary-background.ld-status-progress {
    background-color: #e9ecef !important;
    color: #495057 !important;
}

.llms-loop-list li.llms-loop-item{
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.llms-loop-list .llms-loop-item-content{
    border-radius: 0 !important;
}

.bb-cover-wrap.bb-cover-wrap--llms{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.mes-formations-header__title{
    color: white !important;
}

/* Page Contact – formulaire CF7 : centré, compact, textes blancs, bouton #270058 */
#content .wpcf7,
#content .entry-content .wpcf7 {
    max-width: 420px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#content .wpcf7 p {
    margin: 0 0 12px 0 !important;
}
#content .wpcf7 p:last-of-type {
    margin-bottom: 0 !important;
}
#content .wpcf7 label {
    display: block;
    margin-bottom: 4px !important;
    font-size: 14px;
}
#content .wpcf7 input[type="text"],
#content .wpcf7 input[type="email"],
#content .wpcf7 textarea {
    width: 100% !important;
    max-width: 400px;
    padding: 8px 10px !important;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
}
#content .wpcf7 textarea {
    min-height: 80px;
    resize: vertical;
}
#content .wpcf7 label,
#content .wpcf7 .wpcf7-form-control-wrap,
#content .wpcf7 input[type="text"],
#content .wpcf7 input[type="email"],
#content .wpcf7 textarea,
#content .wpcf7-response-output,
#content .entry-content .entry-header .entry-title {
    color: #ffffff !important;
}
#content .wpcf7 input,
#content .wpcf7 textarea,
#content .wpcf7 .wpcf7-form-control {
    border-radius: 0 !important;
    color: #ffffff !important;
}
#content .wpcf7 input[type="submit"],
#content .wpcf7 .wpcf7-submit {
    background: #270058 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 24px !important;
    font-size: 14px;
    margin-top: 4px !important;
}
#content .wpcf7 input[type="submit"]:hover,
#content .wpcf7 .wpcf7-submit:hover {
    background: #350070 !important;
    color: #ffffff !important;
}