// Mixin firstLetterCapitalized
// Allows to capitalize only the first letter of a string
// Exemple : 'veuillez vous connecter' -> 'Veuillez vous connecter'

@mixin firstLetterCapitalized {
    text-transform:initial;
    &::first-letter{
        text-transform: uppercase;
    }
}

@mixin noBorderShadow ($y:2px, $z:6px, $opacity:.15){
    border: none;
    box-shadow: 0 $y $z rgba(0,0,0,$opacity);
}

@mixin newIcon ($icon, $va: unset, $fw:400) {
    &:before {
        font-family: remixicon !important;
        content: "#{$icon}";
        vertical-align: #{$va};
        font-weight: $fw;
    }
}

@mixin newIconAfter ($icon, $va: unset, $fw:400) {
    position: relative;
    &:after {
        font-family: remixicon !important;
        content: "#{$icon}";
        vertical-align: #{$va};
        font-weight: $fw;
    }
}

// Mixins pour les badges de statut (tâches Plat'AU/iDE'AU, archivage, etc.)
@mixin status-badge {
    display: block;
    min-width: 5em;
    max-width: 6.5em;
    text-align: center;
    padding: 0.2em 1em;
    border-radius: 1em;
    font-weight: 600;
    text-transform: capitalize;
}

@mixin status-color-error {
    background-color: #fcc;
    color: #b00;
}

@mixin status-color-draft {
    background-color: #E0CFFC;
    color: #6610f2;
}

@mixin status-color-new {
    background-color: #cfe2ff;
    color: #0058d9;
}

@mixin status-color-pending {
    background-color: #ffeaac;
    color: #826203;
}

@mixin status-color-done {
    background-color: #d1e7dd;
    color: #156a43;
}

@mixin status-color-archived {
    background-color: #e9ecef;
    color: #4c4c60;
}

@mixin status-color-debug {
    background-color: #ffd4b0;
    color: #984c0c;
}