/* ==========================================================================
   Elementor Services Tabs & Accordion - Frontend Styles (Version 1.3.0)
   Structure flexible pour contrôle total via l'onglet STYLE
   ========================================================================== */

.estac-services-wrapper {
    width: 100%;
}

/* --- TABS (ONGLETS) --- */
.estac-tabs {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #e2e2e8; /* Bordure de séparation légère par défaut */
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.estac-tab-item {
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid #e2e2e8;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- ACCORDÉON (ITEM) --- */
.estac-accordion-item {
    overflow: hidden;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
}

.estac-accordion-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    /* Le background est géré par Group_Control_Background dans PHP */
}

/* --- GAUCHE : TITRE & MINIATURE --- */
.estac-service-title-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.estac-service-miniature {
    object-fit: cover;
    flex-shrink: 0;
    /* Taille et arrondi gérés par PHP */
}

.estac-service-title {
    display: inline-block;
}

/* --- DROITE : PRIX (HAUT) & TOGGLE (BAS) --- */
.estac-right-controls {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 8px;
    min-width: 80px;
}

.estac-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}

.estac-from {
    display: block;
}

.estac-price {
    display: block;
    white-space: nowrap;
}

/* --- CONTENU & DESCRIPTION --- */
.estac-accordion-content {
    overflow: hidden;
}

.estac-service-description {
    line-height: 1.6;
    /* Padding et Typo gérés par PHP */
}

/* --- ICÔNE TOGGLE (+ / -) --- */
.estac-toggle-icon {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
}

.estac-toggle-icon::before,
.estac-toggle-icon::after {
    content: '';
    position: absolute;
    background-color: currentColor; /* Récupère la couleur définie dans l'onglet Style */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

/* Barre horizontale */
.estac-toggle-icon::before {
    width: 100%;
    height: 2px;
}

/* Barre verticale */
.estac-toggle-icon::after {
    width: 2px;
    height: 100%;
}

/* Animation vers le "-" quand ouvert */
.estac-accordion-header[aria-expanded="true"] .estac-toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

/* --- RESPONSIVE BASIQUE --- */
@media (max-width: 767px) {
    .estac-right-controls {
        min-width: 70px;
    }
    .estac-service-title-wrapper {
        gap: 10px;
    }
}