/* ============================================================
   Thème « partagili » — identité visuelle complète (07/10)
   ============================================================ */
:root {
    --brand-primary: #41b9a2;
    --brand-light: #5cc9b3;
    --brand-accent: #2c7a63;
    --brand-btntext: #ffffff; /* FIX 07/10 : blanc sur turquoise (le patron n'aime pas le noir sur fond coloré) */
    --brand-overlay-deep: rgba(20, 52, 42, .72);
    --brand-overlay-mid: rgba(20, 52, 42, .38);
    --brand-overlay-soft: rgba(20, 52, 42, .10);
    --brand-hero-sub: #d8fff4;

    /* — Jetons teintés turquoise : la feuille entière suit — */
    --vd-bg: #edf6f3;
    --vd-card: #fdfffe;
    --vd-line: #d5e8e2;
}

/* — Bannière : photo héros low-poly turquoise + halo de marque — */
#header {
    background-image:
        radial-gradient(250px 180px at 78% 40%, rgba(255, 255, 255, .22), transparent 72%),
        linear-gradient(115deg, rgba(44, 122, 99, .80) 0%, rgba(44, 122, 99, .32) 45%, rgba(65, 185, 162, .10) 100%),
        url('../../imgs-client/heroes/hero-partagili.jpg?v=20261006') !important;
    padding-top: 42px !important;
    padding-bottom: 40px !important;
    border-bottom: 4px solid var(--brand-accent) !important;
    background-size: auto, auto, cover !important;
    background-position: center, center, center !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    position: relative;
}
#header::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: -4px; height: 4px;
    background: repeating-linear-gradient(90deg, var(--brand-primary) 0 14px, transparent 14px 26px);
}
#label-client { color: #fff !important; font-size: 21px !important; text-shadow: 0 2px 10px rgba(10, 40, 32, .5) !important; }
#label-service { color: #eafff9 !important; font-size: 15.5px !important; text-shadow: 0 1px 8px rgba(10, 40, 32, .5) !important; }

/* — Boutons : pilule sportive — */
.default-button, button, input[type="submit"], input[type="button"] {
    border-radius: 12px !important;
    box-shadow: 0 2px 6px rgba(44, 122, 99, .28) !important;
}
a.cc-free { border-radius: 12px !important; }
#calendar a.cc-free .cc-label { font-weight: 700 !important; }

/* — Calendrier : cartons crème, liseré turquoise (identité actuelle soignée) — */
#calendar .calendar-date-row td { background: #fffdf6 !important; }
#calendar .calendar-cell.cc-free {
    background: linear-gradient(180deg, #45c2ab 0%, #2c8a72 100%) !important;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .12), inset 0 0 0 1px rgba(255, 255, 255, .22) !important;
}
#calendar a.cc-free:hover { background: linear-gradient(180deg, #2c8a72 0%, #246e5b 100%) !important; }
#calendar a.calendar-cell.cc-free .cc-label { color: #ffffff !important; opacity: 1 !important; text-shadow: 0 1px 2px rgba(12, 60, 48, .35) !important; }
.panel, .vamos-meteo-card { border-top: 3px solid var(--brand-primary) !important; }

/* — Logo : chevauchement volontaire sur la bannière — */
#logo { margin-bottom: 0 !important; /* FIX 07/10 : logo dans la banniere */ position: relative; z-index: 5; background-image: url('../../imgs-client/logos/logo-partagili.png?v=20261006') !important; }
/* — Respiration sous la bannière — */
#content, #calendar-toolbar { margin-top: 14px !important; }
/* — État « passé » discret — */
#calendar tr.cc-past .cc-label, #calendar .cc-past { opacity: .55; }

/* — Mobile : on garde le joueur dans le cadre — */
@media screen and (max-width: 640px) {
    #header { background-position: center, center, 74% center !important; }
}