/** Card stylisé pour prendre toute la page */
.custom-card {
    color: var(--color-theme, black);
    background-color: var(--icad-color-gray-light);
    border: 3px solid var(--border-color-theme, black);
    padding: 10px 20px;
    border-radius: 20px;
    margin: 20px 120px 40px 120px;
    text-align: center;
}

.custom-card i {
    color: var(--card--icon-color, var(--color-theme, black));
    font-size: 40px;
    display: block;
}

.custom-card img {
    width: 30px;
}

.custom-card span {
    display: block;
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 20px;
}

.custom-card a {
    margin-top: 30px;
}

/** Thèmes */
.custom-card[data-card-theme="error"] {
    --color-theme: var(--icad-color-primary);
    --border-color-theme: var(--icad-color-primary);
}

.custom-card[data-card-theme="success"] {
    --color-theme: black;
    --card--icon-color: var(--icad-color-green);
    --border-color-theme: var(--icad-color-green);
}

.custom-card[data-card-theme="info"] {
    --color-theme: var(--icad-color-secondary-dark);
    --card--icon-color: var(--icad-color-secondary-light);
    --border-color-theme: var(--icad-color-secondary-light);
}

/** Card classiques */
.card {
    padding: 10px;
    border-radius: 10px;
    background-color: var(--card--bg-color, var(--bs-gray-200));
}

#flashbag-wrapper .card:not(:first-child) {
    margin-top: .25rem;
}

.card .card-title {
    display: inline-block;
    overflow: visible;
    line-height: 1.5rem;
    color: var(--icad-color-primary-dark);
    font-weight: bold;
    font-size: 1.1rem;

    margin: 0.5rem 0 0.10rem 0.25rem;
}

.card .card-link-list {
    font-size: 10px;
    list-style: none;
}

.card .card-link-list a:any-link,
.card .card-link-list a:hover {
    color: var(--icad-color-primary);
}

.card .card-link-list img {
    width: 20px;
}

.card.card-success {
    --card--bg-color: var(--bs-success-bg-subtle);
}

.card.card-error {
    --card--bg-color: var(--bs-danger-bg-subtle);
}

.card.card-warning {
    --card--bg-color: var(--bs-warning-bg-subtle);
}