@import url("gateway.css");
@import url("homepage.css");
@import url("homepage-interactions.css");
@import url("footer.css");
@import url("header.css");
@import url("fantasy.css");
@import url("dystopie.css");
@import url("unknownland.css");
@import url("auteure.css");
@import url("corbeau.css");
@import url("chroniques.css");
@import url("chroniques-categorie.css");
@import url("chronique-article.css");
@import url("tresor.css");
@import url("tresor-produit.css");
@import url("panier.css");
@import url("checkout.css");
@import url("compte.css");
@import url("legal.css");
@import url("gardiens.css");




.cart-source-hidden {
    display: none !important;
}

/* =========================================================
   MESSAGES SYSTÈME JOOMLA
   ========================================================= */

#system-message-container {
    background: transparent !important;
}

/* Message d'information */
#system-message-container joomla-alert[type="info"] {
    display: block !important;

    margin: 35px auto !important;
    padding: 24px 60px 24px 28px !important;

    max-width: 1400px !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 59, 99, 0.42),
            rgba(8, 22, 37, 0.38)
        ) !important;

    border: 1px solid rgba(103, 217, 243, 0.28) !important;
    border-radius: 12px !important;

    color: #F2F8FC !important;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;
}

/* Contenu */
#system-message-container .alert-wrapper,
#system-message-container .alert-message {
    color: #F2F8FC !important;
    background: transparent !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
}

/* Les différents paragraphes/messages */
#system-message-container .alert-message + .alert-message {
    margin-top: 5px !important;
}

/* Éléments importants éventuellement présents */
#system-message-container .alert-message strong {
    color: #67D9F3 !important;
    font-weight: 600 !important;
}

/* Croix de fermeture */
#system-message-container .joomla-alert--close {
    position: absolute !important;
    top: 15px !important;
    right: 18px !important;

    color: rgba(242, 248, 252, 0.65) !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    font-size: 20px !important;
}

#system-message-container .joomla-alert--close:hover {
    color: #67D9F3 !important;
}

/* =========================================================
   PAGES JOOMLA AVEC MESSAGE SYSTÈME
   ========================================================= */

body:has(#system-message-container joomla-alert) {
    background: #081625 !important;
}

body:has(#system-message-container joomla-alert) #tm-main,
body:has(#system-message-container joomla-alert) .uk-section,
body:has(#system-message-container joomla-alert) .uk-section-default,
body:has(#system-message-container joomla-alert) .uk-container {
    background-color: #081625 !important;
}

/* =========================================================
   PAGE CONNEXION JOOMLA — ESPACE PERSONNEL
   ========================================================= */

/* Fond général */
body:has(.com-users-login.login),
body:has(.com-users-login.login) #tm-main,
body:has(.com-users-login.login) .uk-section,
body:has(.com-users-login.login) .uk-section-default,
body:has(.com-users-login.login) .uk-container {
    background: #081625 !important;
}


/* Conteneur principal */
.com-users-login.login {
    max-width: 720px;
    margin: 70px auto 90px !important;
    padding: 38px 42px !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 59, 99, 0.34),
            rgba(8, 22, 37, 0.30)
        ) !important;

    border: 1px solid rgba(103, 217, 243, 0.18) !important;
    border-radius: 16px !important;

    color: #F2F8FC !important;

    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.16) !important;
}


/* Formulaire */
#com-users-login__form {
    margin: 0 !important;
}


/* Espacement des champs */
#com-users-login__form .control-group {
    margin-bottom: 18px !important;
}


/* Labels */
#com-users-login__form .control-label,
#com-users-login__form label {
    margin-bottom: 8px !important;

    color: rgba(242, 248, 252, 0.82) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 18px !important;
}


/* Champs */
#com-users-login__form input[type="text"],
#com-users-login__form input[type="password"],
#com-users-login__form input[type="email"] {
    width: 100% !important;
    min-height: 48px !important;

    box-sizing: border-box !important;

    padding: 10px 14px !important;

    color: #F2F8FC !important;

    background: rgba(8, 22, 37, 0.60) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}


/* Placeholder */
#com-users-login__form input::placeholder {
    color: rgba(242, 248, 252, 0.38) !important;
}


/* Focus */
#com-users-login__form input:focus {
    outline: none !important;

    border-color: rgba(103, 217, 243, 0.60) !important;

    box-shadow:
        0 0 0 2px rgba(60, 169, 226, 0.08) !important;
}


/* Groupe mot de passe */
#com-users-login__form .password-group,
#com-users-login__form .input-group {
    display: flex !important;
    width: 100% !important;
}


/* Bouton œil */
#com-users-login__form .input-password-toggle {
    min-width: 52px !important;

    color: #F2F8FC !important;

    background: rgba(18, 59, 99, 0.54) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-left: 0 !important;

    border-radius: 0 7px 7px 0 !important;

    box-shadow: none !important;
}

#com-users-login__form .input-password-toggle:hover {
    color: #67D9F3 !important;
    background: rgba(18, 59, 99, 0.72) !important;
}


/* Se rappeler de moi */
.com-users-login__remember {
    margin: 6px 0 22px !important;
}

.com-users-login__remember label {
    color: rgba(242, 248, 252, 0.78) !important;
}

.com-users-login__remember input[type="checkbox"] {
    accent-color: #67D9F3;
}


/* Bouton Connexion */
.com-users-login__submit .btn-primary {
    min-height: 44px !important;
    padding: 0 22px !important;

    color: #F2F8FC !important;

    background: rgba(60, 169, 226, 0.14) !important;

    border: 1px solid rgba(103, 217, 243, 0.48) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: "Cinzel", serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

.com-users-login__submit .btn-primary:hover {
    background: rgba(60, 169, 226, 0.22) !important;
    border-color: #67D9F3 !important;
}


/* Liens secondaires */
.com-users-login__options {
    display: flex !important;
    flex-direction: column !important;

    margin-top: 28px !important;

    border-top: 1px solid rgba(103, 217, 243, 0.14) !important;

    background: transparent !important;
}


/* Chaque lien */
.com-users-login__options .list-group-item {
    padding: 13px 4px !important;

    color: rgba(242, 248, 252, 0.72) !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(103, 217, 243, 0.10) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 17px !important;

    text-decoration: none !important;
}


/* Survol des liens */
.com-users-login__options .list-group-item:hover {
    color: #67D9F3 !important;

    background: rgba(60, 169, 226, 0.05) !important;
}


/* Messages de validation */
#com-users-login__form .invalid,
#com-users-login__form .form-control-danger {
    border-color: rgba(230, 105, 105, 0.52) !important;
}

/* =========================================================
   PAGE JOOMLA — MOT DE PASSE PERDU
   ========================================================= */

/* Fond général */
body:has(.com-users-reset),
body:has(.com-users-reset) #tm-main,
body:has(.com-users-reset) .uk-section,
body:has(.com-users-reset) .uk-section-default,
body:has(.com-users-reset) .uk-container {
    background: #081625 !important;
}

/* Carte principale */
.com-users-reset {
    max-width: 760px;
    margin: 70px auto 90px !important;
    padding: 38px 42px !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 59, 99, 0.34),
            rgba(8, 22, 37, 0.30)
        ) !important;

    border: 1px solid rgba(103, 217, 243, 0.18) !important;
    border-radius: 16px !important;

    color: #F2F8FC !important;

    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.16) !important;
}

/* Formulaire */
.com-users-reset__form {
    margin: 0 !important;
}

/* Texte d'introduction */
.com-users-reset legend {
    margin: 0 0 28px !important;
    padding: 0 !important;

    color: #F2F8FC !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 21px !important;
    line-height: 1.5 !important;

    border: 0 !important;
    background: transparent !important;
}

/* Groupes */
.com-users-reset .control-group {
    margin-bottom: 20px !important;
}

/* Labels */
.com-users-reset .control-label,
.com-users-reset label {
    margin-bottom: 8px !important;

    color: rgba(242, 248, 252, 0.82) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 18px !important;
}

/* Champ email */
.com-users-reset input[type="email"],
.com-users-reset input[type="text"] {
    width: 100% !important;
    min-height: 48px !important;

    box-sizing: border-box !important;
    padding: 10px 14px !important;

    color: #F2F8FC !important;
    background: rgba(8, 22, 37, 0.60) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}

.com-users-reset input:focus {
    outline: none !important;

    border-color: rgba(103, 217, 243, 0.60) !important;

    box-shadow:
        0 0 0 2px rgba(60, 169, 226, 0.08) !important;
}

/* Bouton Envoyer */
.com-users-reset__submit .btn-primary {
    min-height: 44px !important;
    padding: 0 22px !important;

    color: #F2F8FC !important;
    background: rgba(60, 169, 226, 0.14) !important;

    border: 1px solid rgba(103, 217, 243, 0.48) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: "Cinzel", serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

.com-users-reset__submit .btn-primary:hover {
    background: rgba(60, 169, 226, 0.22) !important;
    border-color: #67D9F3 !important;
}

/* Erreurs */
.com-users-reset .invalid,
.com-users-reset .form-control-danger {
    border-color: rgba(230, 105, 105, 0.52) !important;
}

/* =========================================================
   PAGE JOOMLA — IDENTIFIANT PERDU
   ========================================================= */

/* Fond général */
body:has(.com-users-remind),
body:has(.com-users-remind) #tm-main,
body:has(.com-users-remind) .uk-section,
body:has(.com-users-remind) .uk-section-default,
body:has(.com-users-remind) .uk-container {
    background: #081625 !important;
}

/* Carte principale */
.com-users-remind {
    max-width: 760px;
    margin: 70px auto 90px !important;
    padding: 38px 42px !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 59, 99, 0.34),
            rgba(8, 22, 37, 0.30)
        ) !important;

    border: 1px solid rgba(103, 217, 243, 0.18) !important;
    border-radius: 16px !important;

    color: #F2F8FC !important;

    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.16) !important;
}

/* Texte d'introduction */
.com-users-remind legend {
    margin: 0 0 28px !important;
    padding: 0 !important;

    color: #F2F8FC !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 21px !important;
    line-height: 1.5 !important;

    border: 0 !important;
    background: transparent !important;
}

/* Groupes */
.com-users-remind .control-group {
    margin-bottom: 20px !important;
}

/* Labels */
.com-users-remind .control-label,
.com-users-remind label {
    margin-bottom: 8px !important;

    color: rgba(242, 248, 252, 0.82) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 18px !important;
}

/* Champ email */
.com-users-remind input[type="email"],
.com-users-remind input[type="text"] {
    width: 100% !important;
    min-height: 48px !important;

    box-sizing: border-box !important;
    padding: 10px 14px !important;

    color: #F2F8FC !important;
    background: rgba(8, 22, 37, 0.60) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}

/* Focus */
.com-users-remind input:focus {
    outline: none !important;

    border-color: rgba(103, 217, 243, 0.60) !important;

    box-shadow:
        0 0 0 2px rgba(60, 169, 226, 0.08) !important;
}

/* Bouton Envoyer */
.com-users-remind__submit .btn-primary {
    min-height: 44px !important;
    padding: 0 22px !important;

    color: #F2F8FC !important;

    background: rgba(60, 169, 226, 0.14) !important;

    border: 1px solid rgba(103, 217, 243, 0.48) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: "Cinzel", serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

.com-users-remind__submit .btn-primary:hover {
    background: rgba(60, 169, 226, 0.22) !important;
    border-color: #67D9F3 !important;
}

/* Erreurs */
.com-users-remind .invalid,
.com-users-remind .form-control-danger {
    border-color: rgba(230, 105, 105, 0.52) !important;
}

/* =========================================================
   PAGE JOOMLA — CRÉATION DE COMPTE
   ========================================================= */

/* Fond général */
body:has(.registration),
body:has(.registration) #tm-main,
body:has(.registration) .uk-section,
body:has(.registration) .uk-section-default,
body:has(.registration) .uk-container {
    background: #081625 !important;
}


/* Carte principale */
.registration {
    max-width: 820px;
    margin: 70px auto 90px !important;
    padding: 40px 44px !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 59, 99, 0.34),
            rgba(8, 22, 37, 0.30)
        ) !important;

    border: 1px solid rgba(103, 217, 243, 0.18) !important;
    border-radius: 16px !important;

    color: #F2F8FC !important;

    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.16) !important;
}


/* Formulaire */
#member-registration {
    margin: 0 !important;
}


/* Fieldsets */
#member-registration fieldset {
    margin: 0 0 28px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}


/* Titre "Création de compte" */
#member-registration legend {
    width: 100% !important;

    margin: 0 0 28px !important;
    padding: 0 0 14px !important;

    color: #F2F8FC !important;

    font-family: "Cinzel", serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.03em !important;

    border-bottom: 1px solid rgba(103, 217, 243, 0.16) !important;

    background: transparent !important;
}


/* Groupes de champs */
#member-registration .control-group {
    margin-bottom: 18px !important;
}


/* Labels */
#member-registration .control-label,
#member-registration label {
    margin-bottom: 8px !important;

    color: rgba(242, 248, 252, 0.82) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 18px !important;
}


/* Champs */
#member-registration input[type="text"],
#member-registration input[type="email"],
#member-registration input[type="password"],
#member-registration select,
#member-registration textarea {
    width: 100% !important;
    min-height: 48px !important;

    box-sizing: border-box !important;
    padding: 10px 14px !important;

    color: #F2F8FC !important;

    background: rgba(8, 22, 37, 0.60) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}


/* Placeholder */
#member-registration input::placeholder,
#member-registration textarea::placeholder {
    color: rgba(242, 248, 252, 0.38) !important;
}


/* Focus */
#member-registration input:focus,
#member-registration select:focus,
#member-registration textarea:focus {
    outline: none !important;

    border-color: rgba(103, 217, 243, 0.60) !important;

    box-shadow:
        0 0 0 2px rgba(60, 169, 226, 0.08) !important;
}


/* Bouton œil mot de passe */
#member-registration .input-password-toggle {
    min-width: 52px !important;

    color: #F2F8FC !important;

    background: rgba(18, 59, 99, 0.54) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-left: 0 !important;

    box-shadow: none !important;
}

#member-registration .input-password-toggle:hover {
    color: #67D9F3 !important;
    background: rgba(18, 59, 99, 0.72) !important;
}


/* Astérisques */
#member-registration .star {
    color: #67D9F3 !important;
}


/* Texte d'aide / validation */
#member-registration .form-control-feedback,
#member-registration small {
    color: rgba(242, 248, 252, 0.56) !important;
}


/* Boutons */
#member-registration .btn-primary,
#member-registration button[type="submit"] {
    min-height: 44px !important;
    padding: 0 22px !important;

    color: #F2F8FC !important;

    background: rgba(60, 169, 226, 0.14) !important;

    border: 1px solid rgba(103, 217, 243, 0.48) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: "Cinzel", serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

#member-registration .btn-primary:hover,
#member-registration button[type="submit"]:hover {
    background: rgba(60, 169, 226, 0.22) !important;
    border-color: #67D9F3 !important;
}


/* Boutons secondaires éventuels */
#member-registration .btn-secondary {
    min-height: 44px !important;
    padding: 0 22px !important;

    color: rgba(242, 248, 252, 0.82) !important;

    background: transparent !important;

    border: 1px solid rgba(103, 217, 243, 0.26) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}


/* Erreurs */
#member-registration .invalid,
#member-registration .form-control-danger {
    border-color: rgba(230, 105, 105, 0.52) !important;
}

/* =========================================================
   PAGE JOOMLA — MODIFICATION DU PROFIL
   ========================================================= */

/* Fond général */
body:has(.com-users-profile__edit),
body:has(.com-users-profile__edit) #tm-main,
body:has(.com-users-profile__edit) .uk-section,
body:has(.com-users-profile__edit) .uk-section-default,
body:has(.com-users-profile__edit) .uk-container {
    background: #081625 !important;
}


/* Carte principale */
.com-users-profile__edit {
    max-width: 900px;
    margin: 70px auto 90px !important;
    padding: 40px 44px !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 59, 99, 0.34),
            rgba(8, 22, 37, 0.30)
        ) !important;

    border: 1px solid rgba(103, 217, 243, 0.18) !important;
    border-radius: 16px !important;

    color: #F2F8FC !important;

    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.16) !important;
}


/* Formulaire */
#member-profile {
    margin: 0 !important;
}


/* Fieldsets */
#member-profile fieldset {
    margin: 0 0 30px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}


/* Titres des sections */
#member-profile legend {
    width: 100% !important;

    margin: 0 0 26px !important;
    padding: 0 0 14px !important;

    color: #F2F8FC !important;

    font-family: "Cinzel", serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.03em !important;

    border-bottom:
        1px solid rgba(103, 217, 243, 0.16) !important;

    background: transparent !important;
}


/* Groupes de champs */
#member-profile .control-group {
    margin-bottom: 20px !important;
}


/* Labels */
#member-profile .control-label,
#member-profile label {
    margin-bottom: 8px !important;

    color: rgba(242, 248, 252, 0.82) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 18px !important;
}


/* Champs */
#member-profile input[type="text"],
#member-profile input[type="email"],
#member-profile input[type="password"],
#member-profile input[type="tel"],
#member-profile select,
#member-profile textarea {
    width: 100% !important;
    min-height: 48px !important;

    box-sizing: border-box !important;
    padding: 10px 14px !important;

    color: #F2F8FC !important;

    background: rgba(8, 22, 37, 0.60) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
}


/* Champs désactivés / readonly */
#member-profile input[readonly],
#member-profile input:disabled {
    color: rgba(242, 248, 252, 0.52) !important;

    background: rgba(8, 22, 37, 0.38) !important;

    border-color: rgba(103, 217, 243, 0.12) !important;

    cursor: not-allowed;
}


/* Placeholder */
#member-profile input::placeholder,
#member-profile textarea::placeholder {
    color: rgba(242, 248, 252, 0.35) !important;
}


/* Focus */
#member-profile input:focus,
#member-profile select:focus,
#member-profile textarea:focus {
    outline: none !important;

    border-color: rgba(103, 217, 243, 0.60) !important;

    box-shadow:
        0 0 0 2px rgba(60, 169, 226, 0.08) !important;
}


/* Bouton œil du mot de passe */
#member-profile .input-password-toggle {
    min-width: 52px !important;

    color: #F2F8FC !important;

    background: rgba(18, 59, 99, 0.54) !important;

    border: 1px solid rgba(103, 217, 243, 0.20) !important;
    border-left: 0 !important;

    box-shadow: none !important;
}

#member-profile .input-password-toggle:hover {
    color: #67D9F3 !important;

    background: rgba(18, 59, 99, 0.72) !important;
}


/* Textes d'aide */
#member-profile small,
#member-profile .form-text,
#member-profile .form-control-feedback {
    color: rgba(242, 248, 252, 0.52) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 15px !important;
}


/* Astérisques */
#member-profile .star {
    color: #67D9F3 !important;
}


/* Boutons */
.com-users-profile__edit-submit .btn,
.com-users-profile__edit-submit button,
.com-users-profile__edit-submit input[type="submit"] {
    min-height: 44px !important;

    padding: 0 22px !important;

    color: #F2F8FC !important;

    background: rgba(60, 169, 226, 0.14) !important;

    border: 1px solid rgba(103, 217, 243, 0.48) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: "Cinzel", serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}


/* Survol */
.com-users-profile__edit-submit .btn:hover,
.com-users-profile__edit-submit button:hover,
.com-users-profile__edit-submit input[type="submit"]:hover {
    background: rgba(60, 169, 226, 0.22) !important;

    border-color: #67D9F3 !important;

    color: #F2F8FC !important;
}


/* Bouton secondaire éventuel */
.com-users-profile__edit-submit .btn-secondary {
    background: transparent !important;

    border-color: rgba(103, 217, 243, 0.28) !important;

    color: rgba(242, 248, 252, 0.76) !important;
}


/* Erreurs */
#member-profile .invalid,
#member-profile .form-control-danger {
    border-color: rgba(230, 105, 105, 0.52) !important;
}


/* Responsive */
@media (max-width: 700px) {

    .com-users-profile__edit {
        margin: 35px 14px 60px !important;

        padding: 26px 20px !important;

        border-radius: 12px !important;
    }

    #member-profile legend {
        font-size: 22px !important;
    }
}

/* =========================================================
   JOOMLA — PROFIL UTILISATEUR APRÈS SAUVEGARDE
   ========================================================= */

.com-users-profile.profile {
    max-width: 900px;
    margin: 60px auto 90px !important;
    padding: 36px 40px !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 59, 99, 0.30),
            rgba(8, 22, 37, 0.26)
        ) !important;

    border: 1px solid rgba(103, 217, 243, 0.16) !important;
    border-radius: 16px !important;

    color: #F2F8FC !important;

    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.14) !important;
}


/* ---------------------------------------------------------
   BOUTON MODIFIER MON PROFIL
   --------------------------------------------------------- */

.com-users-profile__edit {
    margin: 0 0 28px !important;
    padding: 0 !important;

    list-style: none !important;
}

.com-users-profile__edit .btn {
    color: #F2F8FC !important;

    background: rgba(60, 169, 226, 0.14) !important;

    border: 1px solid rgba(103, 217, 243, 0.38) !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: "Cinzel", serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;

    padding: 11px 18px !important;
}

.com-users-profile__edit .btn:hover {
    background: rgba(60, 169, 226, 0.22) !important;

    border-color: #67D9F3 !important;

    color: #F2F8FC !important;
}


/* ---------------------------------------------------------
   BLOC PROFIL
   --------------------------------------------------------- */

#users-profile-core {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}


/* Titre "Profil" */
#users-profile-core legend {
    width: 100% !important;

    margin: 0 0 24px !important;
    padding: 0 0 14px !important;

    color: #F2F8FC !important;

    font-family: "Cinzel", serif !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    letter-spacing: 0.025em !important;

    border-bottom:
        1px solid rgba(103, 217, 243, 0.16) !important;
}


/* Liste des informations */
#users-profile-core dl {
    margin: 0 !important;
}


/* Libellés */
#users-profile-core dt {
    color: rgba(242, 248, 252, 0.62) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}


/* Valeurs */
#users-profile-core dd {
    color: #F2F8FC !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 18px !important;

    margin-bottom: 14px !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 900px) {

    .com-users-profile.profile {
        margin: 35px 18px 60px !important;
        padding: 28px 24px !important;
    }
}

@media (max-width: 600px) {

    .com-users-profile.profile {
        margin: 25px 14px 50px !important;
        padding: 24px 18px !important;

        border-radius: 12px !important;
    }

    #users-profile-core legend {
        font-size: 22px !important;
    }
}