/*
Theme Name: Aramco Child
Theme URI: http://demo.casethemes.net/aramco
Author: Case-Themes
Author URI: https://casethemes.net/
Description: **Introducing Aramco – Physical Therapy & Physiotherapy WordPress Theme**   Experience the future of rehabilitation with Aramco. This cutting-edge approach combines AI-driven techniques with expert therapy to optimize recovery, improve mobility, and enhance overall well-being.
Version: 1.0.0
Requires PHP: 7.4
Tested up to: 6.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: aramco
Text Domain: aramco-child
Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
Tags:  	chiropractor, clinic, dentist, doctor, healthcare, medical, orthopedic, pharmacy, physical therapy, physiotherapy, psychologist, rehab, rehabilitation, sport, wellness 
*//* ===== Personnalisation Johanna Soi M'Aime ===== */

/* TUILES FERMÉES (par défaut) */
.pxl-accordion1.style-default .pxl--item {
    background: #a8d5ba !important;
    border-color: #a8d5ba !important;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.pxl-accordion1.style-default .pxl--item::before {
    background: #b87333 !important;
}

.pxl-accordion1.style-default .pxl--item .pxl-accordion--title {
    color: #333333 !important;
    transition: color 0.3s ease;
}

/* Icône + fermée (gris) - ciblage agressif */
.pxl-accordion1.style-default .pxl--item .pxl-icon--plus,
.pxl-accordion1.style-default .pxl--item .pxl-icon--plus span,
.pxl-accordion1.style-default .pxl--item .pxl-icon--plus::before,
.pxl-accordion1.style-default .pxl--item .pxl-icon--plus::after {
    color: #333333 !important;
    background-color: #333333 !important;
    border-color: #333333 !important;
    transition: all 0.3s ease;
}

/* TUILES OUVERTES (avec classe .active) */
.pxl-accordion1.style-default .pxl--item.active {
    background: #faf9f6 !important;
    border-color: #b87333 !important;
}

.pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title {
    color: #b87333 !important;
}

/* Icône - ouverte (brun) - ciblage agressif */
.pxl-accordion1.style-default .pxl--item.active .pxl-icon--plus,
.pxl-accordion1.style-default .pxl--item.active .pxl-icon--plus span,
.pxl-accordion1.style-default .pxl--item.active .pxl-icon--plus::before,
.pxl-accordion1.style-default .pxl--item.active .pxl-icon--plus::after {
    color: #b87333 !important;
    background-color: #b87333 !important;
    border-color: #b87333 !important;
}










/* Container horaires - forcer row */
.horaires-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
    align-items: stretch !important;
}

/* Containers enfants à 50% */
.horaires-container > [class*="elementor-element"] {
    flex: 0 0 calc(50% - 15px) !important;
    width: calc(50% - 15px) !important;
    max-width: calc(50% - 15px) !important;
}

/* Forcer TOUS les niveaux du widget à 100% */
.horaires-container .elementor-widget-container,
.horaires-container .pxl-pxl-info-cards,
.horaires-container .pxl-pxl-info-cards3,
.horaires-container .pxl-pxl-info-cards1 {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
}

/* Responsive */
@media (max-width: 768px) {
    .horaires-container {
        flex-direction: column !important;
    }
    
    .horaires-container > [class*="elementor-element"] {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}