/*
 * LaMortaise.com : charte des boutons (tout le site)
 * Ajoute le 2026-11-06 (decision de David : meme police, meme couleur, coins a 8 px).
 * Charge automatiquement par YOOtheme (templates/yootheme/css/custom.css).
 * Retour en arriere : supprimer ce fichier.
 *
 * Regle unique :
 *   - police Nunito Sans, 14 px, graisse 600, sans espacement entre les lettres ;
 *   - coins de 8 px ;
 *   - un seul bleu : #5388B4 (survol : #4A7295) ;
 *   - deux versions : PLEIN (action principale) et CONTOUR (action secondaire).
 * Les tailles (hauteur, marges) restent propres a chaque bouton.
 * Les boutons du forum (.kbtn) sont regles dans nts_kbee_custom.css avec la meme charte.
 */

/* --- Base commune --- */
.uk-button:not(.uk-button-text):not(.uk-button-link):not(.uk-button-danger),
.btn:not(.btn-link):not(.btn-close),
button.login {
    font-family: 'Nunito Sans', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    border-radius: 8px;
}

/* --- Version PLEINE : action principale --- */
.uk-button.uk-button-primary,
.uk-button.uk-button-secondary,
.btn.btn-primary,
button.login {
    background-color: #5388B4;
    border: 1px solid #5388B4;
    color: #fff;
}

.uk-button.uk-button-primary:hover,
.uk-button.uk-button-primary:focus,
.uk-button.uk-button-primary:active,
.uk-button.uk-button-secondary:hover,
.uk-button.uk-button-secondary:focus,
.uk-button.uk-button-secondary:active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
button.login:hover,
button.login:focus {
    background-color: #4A7295;
    border-color: #4A7295;
    color: #fff;
}

/* --- Version CONTOUR : action secondaire --- */
.uk-button.uk-button-default,
.btn.btn-secondary,
.btn.btn-outline-primary,
.btn.btn-outline-secondary {
    background-color: #fff;
    border: 1px solid #5388B4;
    color: #2F5B7C;
}

.uk-button.uk-button-default:hover,
.uk-button.uk-button-default:focus,
.uk-button.uk-button-default:active,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus {
    background-color: #5388B4;
    border-color: #5388B4;
    color: #fff;
}

/* --- Petits boutons colles a un champ (recherche, afficher le mot de passe) :
       coins de 8 px seulement du cote exterieur --- */
.input-group > .btn:last-child,
.input-group > .input-group-append > .btn {
    border-radius: 0 8px 8px 0;
}

.input-group > .btn:first-child {
    border-radius: 8px 0 0 8px;
}

/*
 * LaMortaise.com : page Profil du membre (/register?view=profile) et formulaire de modification
 * Ajoute le 2026-11-06 (audit). Copie d'avant : custom.css.bak-20261106
 * Titres Kreon, textes Nunito Sans, cartes blanches, bleu #5388B4.
 */
.com-users-profile,
.com-users-profile__edit {
    font-family: "Nunito Sans", system-ui, sans-serif;
    color: #26292C;
}
.com-users-profile fieldset {
    background: #fff;
    border: 1px solid #E4E1DB;
    border-radius: 8px;
    padding: 20px 24px;
    margin: 0 0 20px;
    min-width: 0;
}
.com-users-profile legend {
    float: none;
    width: auto;
    padding: 0;
    margin: 0 0 14px;
    font-family: "Kreon", serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    color: #26292C;
}
.com-users-profile dl {
    display: grid;
    grid-template-columns: minmax(150px, 220px) 1fr;
    gap: 8px 20px;
    margin: 0;
}
.com-users-profile dt {
    margin: 0;
    font-family: "Nunito Sans", system-ui, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #4A7295;
    overflow-wrap: anywhere;
}
.com-users-profile dd {
    margin: 0;
    font-family: "Nunito Sans", system-ui, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #26292C;
}
.com-users-profile fieldset > p {
    font-family: "Nunito Sans", system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}
.com-users-profile__edit.btn-toolbar {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}
@media (max-width: 640px) {
    .com-users-profile dl { grid-template-columns: 1fr; gap: 2px; }
    .com-users-profile dd { margin-bottom: 10px; }
}
/* Correctif : le titre de chaque carte du profil ne doit pas chevaucher la bordure */
.com-users-profile legend {
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.com-users-profile legend + * {
    clear: both;
}
.com-users-profile fieldset > p {
    margin-top: 0;
}

/* Formulaire « Modifier votre profil » : champs comme ceux du forum (40 px, coins 6 px, focus bleu) */
#member-profile input[type=text],
#member-profile input[type=email],
#member-profile input[type=password],
#member-profile select {
    font-family: "Nunito Sans", system-ui, sans-serif;
    font-size: 16px;
    color: #26292C;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    min-height: 40px;
    background-color: #fff;
}
#member-profile input:focus,
#member-profile select:focus {
    border-color: #5388B4;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(83,136,180,.2);
}
#member-profile legend {
    font-family: "Kreon", serif;
    font-weight: 400;
}
#member-profile .input-password-toggle {
    border-radius: 0 6px 6px 0;
}

/* Menu de gauche du forum (module 225) aussi sur les pages hors Kunena (messages prives uddeIM).
   Meme regles que dans nts_kbee_custom.css (qui ne se charge que sur les pages Kunena). Ajoute le 2026-11-06. */
#module-225 .uk-nav-default > li > a {
    font-family: 'Nunito Sans', system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    padding: 9px 12px;
    border-radius: 8px;
    color: #26292C;
}
#module-225 .uk-nav-default > li > a:hover {
    background: #E8EDF2;
    color: #1E3E57;
}
#module-225 .uk-nav-default > li.uk-active > a {
    background: #EAF0F5;
    color: #1E3E57;
    font-weight: 700;
}