.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4294 .elementor-element.elementor-element-3ad0b8cc{text-align:start;font-family:"Inter", Sans-serif;font-size:21px;font-weight:500;letter-spacing:-0.2px;word-spacing:0px;color:#FFFFFFD6;}.elementor-4294 .elementor-element.elementor-element-3ad0b8cc p{margin-block-end:0px;}.elementor-4294 .elementor-element.elementor-element-8610a6f{width:100%;max-width:100%;}.elementor-4294 .elementor-element.elementor-element-c226fb9{width:100%;max-width:100%;}.elementor-4294 .elementor-element.elementor-element-6748844{width:100%;max-width:100%;}.elementor-4294 .elementor-element.elementor-element-c5f6dbf{width:100%;max-width:100%;}@media(max-width:767px){.elementor-4294 .elementor-element.elementor-element-3ad0b8cc{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}}/* Start custom CSS *//* =========================================================
   SAP AGENDA — FINITIONS VISUELLES
   Page Agenda uniquement
   ========================================================= */


/* =========================================================
   1. FILTRES — RAPPEL DU CODE COULEUR
   ========================================================= */

.sap-agenda-filter {
    gap: 8px;
}

/* Petit point devant chaque catégorie */
.sap-agenda-filter:not(.sap-agenda-filter--all)::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
}

.sap-agenda-filter--club::before {
    background: #2563EB;
}

.sap-agenda-filter--competition::before {
    background: #D9681D;
}

.sap-agenda-filter--decouverte::before {
    background: #548F32;
}

.sap-agenda-filter--stage::before {
    background: #7557C8;
}


/* Hover léger selon la catégorie */
.sap-agenda-filter--club:hover {
    background: #F4F8FF;
    border-color: rgba(37, 99, 235, .32);
}

.sap-agenda-filter--competition:hover {
    background: #FFF8F3;
    border-color: rgba(217, 104, 29, .32);
}

.sap-agenda-filter--decouverte:hover {
    background: #F5FAF2;
    border-color: rgba(84, 143, 50, .32);
}

.sap-agenda-filter--stage:hover {
    background: #F8F6FF;
    border-color: rgba(117, 87, 200, .32);
}


/* TOUS reste bleu SAP lorsqu'il est actif */
.sap-agenda-filter--all.is-active {
    background: #1E68E5;
    border-color: #1E68E5;
    color: #FFFFFF;
}


/* Catégorie sélectionnée = teinte discrète */
.sap-agenda-filter--club.is-active {
    background: #F0F5FF;
    border-color: #2563EB;
    color: #2563EB;
}

.sap-agenda-filter--competition.is-active {
    background: #FFF5EE;
    border-color: #D9681D;
    color: #B95517;
}

.sap-agenda-filter--decouverte.is-active {
    background: #F1F8ED;
    border-color: #548F32;
    color: #477D2B;
}

.sap-agenda-filter--stage.is-active {
    background: #F5F2FF;
    border-color: #7557C8;
    color: #6548B4;
}


/* =========================================================
   2. MOIS — ON GARDE LEUR TAILLE ACTUELLE
   On change seulement couleur + respiration
   ========================================================= */

.sap-agenda-month {
    margin-top: 44px;
}

.sap-agenda-month:first-child {
    margin-top: 32px;
}

.sap-agenda-month-title {
    margin-bottom: 17px !important;
    color: #001B2A !important;
}

.sap-agenda-month-list {
    gap: 10px;
}


/* =========================================================
   3. REPORTÉ — AMBRE, VISIBLE MAIS SOBRE
   ========================================================= */

.sap-agenda-status--postponed {
    padding: 4px 8px;
    border: 1px solid rgba(185, 130, 0, .32);
    background: #FFF2CA;
    color: #805C00;
}

.sap-agenda-card:has(.sap-agenda-status--postponed) {
    border-color: rgba(185, 130, 0, .45);
    background: #FFFCF4;
    box-shadow:
        inset 3px 0 0 rgba(185, 130, 0, .72),
        0 2px 10px rgba(0, 27, 42, .025);
}

.sap-agenda-card:has(.sap-agenda-status--postponed) .sap-agenda-date {
    background: rgba(255, 242, 202, .25);
}

.sap-agenda-card:has(.sap-agenda-status--postponed):hover {
    border-color: rgba(185, 130, 0, .65);
}


/* =========================================================
   4. ANNULÉ — ROUGE DOUX MAIS ÉVIDENT
   ========================================================= */

.sap-agenda-status--cancelled {
    padding: 4px 8px;
    border: 1px solid rgba(200, 62, 62, .30);
    background: #FFE5E5;
    color: #A92D2D;
}

/* Annule l'opacité grise actuelle du plugin */
.sap-agenda-card.is-cancelled {
    opacity: 1 !important;
    border-color: rgba(200, 62, 62, .45);
    background: #FFF8F8;
    box-shadow:
        inset 3px 0 0 rgba(200, 62, 62, .74),
        0 2px 10px rgba(0, 27, 42, .025);
}

.sap-agenda-card.is-cancelled .sap-agenda-date {
    background: rgba(255, 229, 229, .28);
}

.sap-agenda-card.is-cancelled:hover {
    border-color: rgba(200, 62, 62, .65);
}


/* =========================================================
   5. MODALE — RAPPEL VISUEL DU STATUT
   ========================================================= */

.sap-agenda-detail:has(.sap-agenda-status--postponed)
.sap-agenda-detail-head {
    padding: 14px 54px 14px 15px;
    border-left: 3px solid #B98200;
    border-radius: 7px;
    background: #FFFCF3;
}

.sap-agenda-detail:has(.sap-agenda-status--cancelled)
.sap-agenda-detail-head {
    padding: 14px 54px 14px 15px;
    border-left: 3px solid #C83E3E;
    border-radius: 7px;
    background: #FFF7F7;
}


/* =========================================================
   6. FOCUS — ÉVITER LE DOUBLE CADRE
   sans supprimer le repère clavier
   ========================================================= */

.sap-agenda-card:focus-within {
    outline: none !important;
}

.sap-agenda-card:has(> .sap-agenda-card-trigger:focus-visible) {
    box-shadow:
        0 0 0 2px rgba(30, 104, 229, .42),
        0 6px 20px rgba(0, 27, 42, .07);
}


/* =========================================================
   7. TABLETTE
   ========================================================= */

@media (max-width: 1024px) {

    .sap-agenda-month {
        margin-top: 40px;
    }

    .sap-agenda-month-title {
        margin-bottom: 15px !important;
    }
}


/* =========================================================
   8. MOBILE
   On conserve les tailles validées dans le plugin
   ========================================================= */

@media (max-width: 767px) {

    .sap-agenda-month {
        margin-top: 36px;
    }

    .sap-agenda-month:first-child {
        margin-top: 30px;
    }

    .sap-agenda-month-title {
        margin-bottom: 14px !important;
        color: #001B2A !important;
    }

    .sap-agenda-filter:not(.sap-agenda-filter--all)::before {
        width: 7px;
        height: 7px;
        flex-basis: 7px;
    }
}/* End custom CSS */