:root {
    /* Variables de couleurs */
    --color-primary: #EF7900;
    --color-text: #465a65;
    --color-bg: #fff;
    --color-border: #eee;

    /* Variables de tailles */
    --font-small: 13px;
    --radius-sm: 10px;
    --transition: 0.2s ease;
}

/* Bouton large */
.btn-lg {
    width: 240px; /* arrondi */
}

/* Margin utilitaire */
.ms-n5 {
    margin-left: -40px;
}

/* Icônes prestation */
#iprestation svg {
    max-width: 45px;
    height: 47px;
    margin-top: 1rem;
}

/* Carte prestation générique */
.card.prestation {
    cursor: pointer;
    max-width: 120px;
    max-height: 200px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    transition: transform var(--transition), box-shadow var(--transition);
}

.card.prestation:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.card.prestation img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    border-radius: 50%;
    margin-top: 10px;
}

.card.prestation .card-body {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.card.prestation .card-text,
.prestation-card .card-text {
    font-size: var(--font-small);
    line-height: 1.3;
    text-align: center;
    margin: 0;
}

/* Carte prestation alternative */
.prestation-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
    width: 120px;
    height: 160px;
    margin: 0 auto;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
    background-color: var(--color-bg);
    transition: transform var(--transition), box-shadow var(--transition);
}

.prestation-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.prestation-card .svg-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 100%;
    height: 70px;
    margin-bottom: 10px;*/
}

.prestation-card svg {
    max-width: 60px;
    max-height: 60px;
    display: block;
}

.prestation-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 120px;
    /*height: 180px;*/
    padding: 10px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #eee;
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.prestation-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.svg-wrapper {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /*margin-bottom: 10px;*/
}

.svg-icon {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}