/**
 * Styles pour le bloc Gutenberg et l'affichage des services
 * 
 * @package WM_Tarifs_Enfance_Jeunesse
 */

/* Styles pour l'aperçu du bloc dans l'éditeur */
.wm-tej-services-preview {
    padding: 20px;
    background-color: #f8f9fa;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
}

.wm-tej-services-preview h3 {
    margin-top: 0;
    color: #23282d;
}

/* Styles pour l'affichage des services en front-end */
.wm-tej-services {
    margin-bottom: 30px;
}

.wm-tej-services-category {
    margin-bottom: 30px;
}

.wm-tej-services-category-title {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e4e7;
}

.wm-tej-services-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.wm-tej-services-item {
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.wm-tej-services-item:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.wm-tej-services-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.wm-tej-services-description {
    margin-bottom: 15px;
}

.wm-tej-services-pricing {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e2e4e7;
}

.wm-tej-services-pricing-resident,
.wm-tej-services-pricing-non-resident {
    margin-bottom: 5px;
}

/* Pour la compatibilité avec l'ancien préfixe */
.tej-services {
    margin-bottom: 30px;
}

.tej-services-category {
    margin-bottom: 30px;
}

.tej-services-category-title {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e4e7;
}

.tej-services-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.tej-services-item {
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.tej-services-item:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.tej-services-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.tej-services-description {
    margin-bottom: 15px;
}

.tej-services-pricing {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e2e4e7;
}

.tej-services-pricing-resident,
.tej-services-pricing-non-resident {
    margin-bottom: 5px;
}