/* ==========================================================================
   MYEVENT BO — Profondeur & couleur des fiches d'edition (*edit.php)
   --------------------------------------------------------------------------
   Inspire de CAMRAIL/Kwanza :
   docs KWANZA-NOUVEAU-SHELL-MODALES-NOTIF.md (base Kwanza commune aux 2 BO).

   Teinte primaire = VIOLET DU LOGO MyEvent (#853092, echantillonne sur
   FO/images/logo.png). Pour changer la teinte, ajuster les 3 variables.
   --------------------------------------------------------------------------
   PORTEE :
   - Regles des fiches scopees a body[onload*="fillForm"] / .editFrm : aucun
     effet sur les pages de liste (pas de .editFrm, pas de fillForm).
   - EXCEPTION assumee (demande explicite) : #cboxTitle theme la barre de
     titre de TOUS les popups colorbox du BO (rendu par la page parente),
     pas seulement les fiches d'edition.
   Charge APRES formstyle.css (via UTILS/header.php) -> nos regles priment.
   ========================================================================== */

/* Palette (violet logo MyEvent) :
     primaire #853092  |  clair #a24bb0  |  fonce #6b2676  */

/* Fond gris doux : fait ressortir les cartes blanches (scope : fiche) */
body[onload*="fillForm"] {
    background: #eef1f5;
}

/* Bandeau titre in-iframe (fiches qui ont #iframeHeader) */
#iframeHeader {
    background: linear-gradient(135deg, #a24bb0 0%, #853092 100%);
    color: #fff;
    padding: 12px 16px;
    margin: 0 0 16px 0;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    text-align: center;
}
#iframeHeader h4,
#iframeHeader h5,
#iframeHeader .semi0,
#iframeHeader .semi1,
#iframeHeader b,
#iframeHeader span {
    color: #fff !important;
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: .3px;
}

/* Groupes de champs internes (fieldset id="bloc_*") -> cartes blanches.
   Le wrapper externe <fieldset style="border:0"> n'est PAS cible. */
.editFrm fieldset[id^="bloc"] {
    background: #fff;
    border: 1px solid #e6e0ea;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(40, 20, 50, .07);
    padding: 8px 14px 14px;
    margin-bottom: 14px;
}

/* Titre du groupe (legend) : accent violet + soulignement */
.editFrm fieldset[id^="bloc"] > legend {
    width: auto;
    padding: 2px 12px;
    margin-bottom: 6px;
    color: #853092;
    font-weight: 700;
    border-bottom: 2px solid #a24bb0;
}

/* Boutons des fiches : allure Bootstrap (plat, radius, padding) + couleurs
   distinctes par role. Scope .editFrm -> ne touche pas les autres .button du BO.
   Surcharge le style/gradient de formstyle.css (.button, .button.gray). */
.editFrm .button {
    -webkit-appearance: none;   /* neutralise le rendu natif du bouton qui calait le texte en haut */
    appearance: none;
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding: .375rem 1rem;
    font-family: inherit;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-shadow: none;          /* enleve l'ombre 0 -1px de formstyle qui decalait le texte */
    vertical-align: middle;
    white-space: nowrap;
    color: #fff;
    background-image: none;
    background-color: #6c757d;
    border: 1px solid transparent;
    border-radius: .25rem;
    cursor: pointer;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
}

/* Enregistrer (submit) : primaire violet marque MyEvent */
.editFrm #submitFrm.button,
.editFrm input[type="submit"].button {
    background-color: #853092;
    border-color: #6b2676;
}
.editFrm #submitFrm.button:hover,
.editFrm input[type="submit"].button:hover {
    background-color: #6b2676;
}

/* Annuler : secondaire gris (Bootstrap btn-secondary) */
.editFrm .button.gray,
.editFrm #cancelBtn.button,
.editFrm #cancelDel.button {
    background-color: #6c757d;
    border-color: #6c757d;
}
.editFrm .button.gray:hover,
.editFrm #cancelBtn.button:hover,
.editFrm #cancelDel.button:hover {
    background-color: #5a6268;
}

/* Supprimer : danger rouge (Bootstrap btn-danger) */
.editFrm #deleteFrm.button {
    background-color: #dc3545;
    border-color: #dc3545;
}
.editFrm #deleteFrm.button:hover {
    background-color: #c82333;
}

/* --------------------------------------------------------------------------
   Barre de titre des popups colorbox (rendu par la page parente).
   Espace bas de 28px deja reserve par colorbox.css (#cboxLoadedContent
   margin-bottom:28px) -> on transforme la legende grise en bandeau violet.
   -------------------------------------------------------------------------- */
#cboxTitle:not(:empty) {
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 24px;
    line-height: 24px;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: .3px;
    background: linear-gradient(135deg, #a24bb0 0%, #853092 100%);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .12);
}