/* services.css — Styles spécifiques à la page services */

/* Alternate section background (replaces inline style="background: var(--mpat-bg-2)") */
.service-section-alt { background: var(--mpat-bg-2); }

/* Tabs scrollbar hidden (replaces inline style="scrollbar-width:none") */
.tabs-scrollbar-hide { scrollbar-width: none; }
.tabs-scrollbar-hide::-webkit-scrollbar { display: none; }

/* Product mini-cards icons */
.product-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5rem;
    color: var(--mpat-pink);
    width: 40px;
    height: 40px;
}
.product-card-icon svg,
.product-card-icon i { width: 28px; height: 28px; }

/* Icônes service item avec Lucide */
.service-item-icon {
    min-width: 42px;
    height: 42px;
    background: var(--mpat-pink-pale);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--mpat-pink);
}
.service-item-icon svg,
.service-item-icon i { width: 20px; height: 20px; }

/* Ongles section icon cards */
.service-nail-icon {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--mpat-pink);
}
.service-nail-icon svg,
.service-nail-icon i { width: 44px; height: 44px; }

/* Soins section icon */
.service-soin-icon {
    width: 56px; height: 56px;
    border-radius: 16px;
    background: var(--mpat-pink-pale);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 1rem;
    color: var(--mpat-pink);
}
.service-soin-icon svg,
.service-soin-icon i { width: 28px; height: 28px; }