#compilot-calendar .fc-toolbar {flex-wrap: wrap;;}
#compilot-calendar .fc-scroller {}



/*--------------------------------------------------------------
Template : single-event.php
--------------------------------------------------------------*/
.compilot-single-event{padding:0 1.25rem;}
.compilot-single-event .compilot-event-item {display: grid;grid-template-columns:1fr;
grid-template-areas: 
    "content"
    "image";
}
.compilot-single-event .compilot-event-item{grid-area: content;padding: 0;}
.compilot-single-event .compilot-event-item::before{background: var(--link-color);border-radius: 1em;content: "";display: block;height: 100%;width: 5px;float: left;left: -1rem;position: relative;}
.compilot-single-event .compilot-event-item > * {border-bottom: 1px solid hsla(0, 0%,0%,.1);font-size: 1rem;padding: 1.5rem 0;}
.compilot-single-event .compilot-event-item > *:last-child{border-bottom: 1px solid transparent;}
.compilot-single-event .compilot-event-item .icon{margin: 0 .5rem 0 0;top: -0.1rem;}
.compilot-single-event .compilot-event-item .event-date{font-weight: bold;}
.compilot-single-event .compilot-event-item .event-hour{}
.compilot-single-event .compilot-event-item .event-location{}

.compilot-single-event .compilot-event-image{grid-area: image;}

/*--------------------------------------------------------------
Template : sidebar.php & today.php
--------------------------------------------------------------*/

/* .compilot-event-panel */
.compilot-sidebar .compilot-event-panel{margin: 0 0 3rem 0;}
.compilot-sidebar .compilot-event-panel a{display: block;text-decoration: none;}
.compilot-sidebar .compilot-event-panel .compilot-event-date{text-transform: uppercase;font-size: 1rem;color:var(--metadata-color);}
.compilot-sidebar .compilot-event-panel .compilot-event-date h3{font-weight: 700;margin:0 0 .5rem 0;}
.compilot-sidebar .compilot-event-panel .compilot-event-date p{text-transform: none;margin:0;}
.compilot-sidebar .compilot-event-panel .compilot-event-date::after{background: var(--link-color);border-radius: 1em;content: "";display: block;height: .30rem;width: 30%;height:4px;margin: .75rem 0 1.5rem 0;}
.compilot-sidebar .compilot-event-panel .compilot-event-date .icon-calendar{top: -.15rem;}
.compilot-sidebar .compilot-event-panel .compilot-event-date .compilot-date_jour{color:var(--metadata-color);font-weight:normal;text-align:center;margin:0;}
.compilot-sidebar .compilot-event-panel .compilot-event-date .compilot-date_jour_mois{text-align:center;margin:0;font-weight: 700;color:var(--main-headline-color);}
.compilot-sidebar .compilot-event-panel .compilot-event-date .compilot-date_annee{color:var(--metadata-color);font-weight:normal;text-align:center;margin:0;}
.compilot-sidebar .compilot-event-panel .separator {grid-area: separator;background: hsla(257,41%,41%,.1);border-radius: 1em;content: "";height: 100%;width: 3px;margin: 0 1rem 0 0;}

/* .compilot-event-item */
.compilot-sidebar .compilot-event-item{grid-area: content;padding: 1rem;background: var(--card-background-color);margin: 1rem 0;display: grid;grid-template-columns: minmax(76px, auto) auto 1fr;border-radius: 8px;box-shadow: 0 2px 5px rgba(0,0,0,0.08);transition: transform 0.3s ease, opacity 0.3s ease;grid-template-areas:
    "hours separator title" 
    ". separator title";
}
.compilot-sidebar .compilot-event-item .compilot-event-hours{grid-area: hours;margin: 0 1rem 0 0;display: grid;justify-items: end;grid-template-columns: 1fr;grid-template-areas:
    "heure_debut" 
    "heure_fin  ";
}
.compilot-sidebar .compilot-event-item .compilot-event-hours .compilot-heure_debut{grid-area: heure_debut;font-size: 1.1rem;font-weight: bold;color: var(--link-color);}
.compilot-sidebar .compilot-event-item .compilot-event-hours .compilot-heure_fin{grid-area: heure_fin;color:var(--metadata-color);font-size: .8rem;line-height: 1;}
.compilot-sidebar .compilot-event-item .compilot-event-title{grid-area: title;font-size: 1.1rem;line-height: 1.4;font-weight:700;color:var(--link-color);}
.compilot-sidebar .compilot-event-item .compilot-event-location{grid-area: location; font-size:.8rem;font-weight:400;padding: .5rem 0 0 0;margin: .5rem 0 0 0;color:var(--metadata-color);border-top: 1px solid hsla(257,41%,41%,.1);}
.compilot-sidebar .compilot-event-item .compilot-event-image{grid-area: image;}

/* Style des événements passés */
.compilot-event-item.event-past {opacity: 0.55;/* rend le bloc plus pâle */position: relative;transition: opacity 0.3s ease-in-out;}
/* Ligne barrée sur l'heure de fin */
.compilot-event-item.event-past .compilot-event-hours .compilot-heure_fin {text-decoration: line-through;color: #999;}
/* Titre grisé */
.compilot-event-item.event-past .compilot-event-title {color: #777;}
/* Petit badge indiquant "Terminé" */
.compilot-event-item.event-past::after {content: "⏳ Terminé";position: absolute;top: 5px;right: 8px;background: #e74c3c;color: #fff;font-size: 11px;padding: 2px 6px;border-radius: 4px;font-weight: bold;}


/*--------------------------------------------------------------
Template : event-listing.php
--------------------------------------------------------------*/
.compilot-event-listing .compilot-event-item{gap: 1rem;padding: 0;align-items: start; background: hsl(260, 30%, 80%);display: grid;
grid-template-columns:minmax(64px, 1fr) 6fr minmax(100px, 1fr);
grid-template-areas: 
    "date content image";
}

/*@media screen and (min-width: 962px){
    .compilot-event-listing .compilot-event-content {
        grid-template-columns:1fr;
        grid-template-areas: 
        "image"
        "content";
    }
    .compilot-event-listing .compilot-event-content .compilot-event-date{display:none;}
}*/



.compilot-event-listing .compilot-event-item .compilot-event-date{grid-area: date; width: 100%;height:auto;aspect-ratio: 1 / 1;text-align:center;background:#333;color:#fff;padding:.5rem;border-radius:6px;}
.compilot-event-listing .compilot-event-item .compilot-event-date .compilot-date-day{font-size:1.5rem;font-weight:700}
.compilot-event-listing .compilot-event-item .compilot-event-date .compilot-date-month{text-transform:uppercase;font-size:.9rem}



.compilot-event-listing .compilot-event-item{grid-area: content; }
.compilot-event-listing .compilot-event-item .compilot-datetime{font-size:1rem;margin:0 0 .5rem}
.compilot-event-listing .compilot-event-item .compilot-event-title{margin:0 0 .5rem;font-size:1.2rem}




.compilot-event-listing .compilot-event-item .compilot-event-image {grid-area: image; aspect-ratio: 1 / 1; width: 100%; height: auto; overflow: hidden; /* Pour éviter les débordements */display: flex; /* Optionnel si on veut centrer */}
.compilot-event-listing .compilot-event-item .compilot-event-image img{width: 100%;height: 100%;object-fit: cover; /* ou "contain", selon l'effet voulu */display: block;}














/* container global */
.fc {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-size: 14px;
  color: #1f2937;
}

/* suppression grille lourde */
.fc-theme-standard td,
.fc-theme-standard th,
.fc-scrollgrid {
  border: none !important;
}

/* header semaine */
.fc-col-header-cell {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #9ca3af;
  padding: 10px 0;
}

/* cellule jour */
.fc-daygrid-day {
  padding: 6px;
}

.fc-daygrid-day-frame {
  border-radius: 10px;
  transition: background .15s ease;
}

/* hover cellule */
.fc-daygrid-day-frame:hover {
  background: #f9fafb;
}

/* numéro du jour */
.fc-daygrid-day-number {
  font-size: 13px;
  font-weight: 500;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #374151;
}

/* aujourd'hui */
.fc-day-today .fc-daygrid-day-number {
  background: #eef2ff;
  color: #4f46e5;
  font-weight: 600;
}

/* jours hors mois */
.fc-day-other .fc-daygrid-day-number {
  color: #d1d5db;
}

/* événement */
.fc-daygrid-event {
  border: none;
  background: #f1f5f9;
  color: #334155;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 12px;
  margin-top: 3px;
}

/* hover événement */
.fc-daygrid-event:hover {
  background: #e2e8f0;
}

/* dot event option */
.fc-daygrid-event-dot {
  border-color: var(--link-color-visited);
}

/* barre navigation */
.fc-toolbar-title {
  font-size: 18px;
  font-weight: 600;
}

/* boutons */
.fc-button {
  background: #f3f4f6 !important;
  border: none !important;
  color: #374151 !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
}

.fc-button:hover {
  background: #e5e7eb !important;
}

.fc-button-active {
  background: var(--link-color-visited)!important;
  color: white !important;
}

/* hauteur lignes mois */
.fc-daygrid-body tr {
  height: 85px;
}

.fc .fc-daygrid-day-top{background: hsla(-130,100%,90%,.4);border-left: 1px solid white;border-right: 1px solid white;}
.fc .fc-list-event-dot {border:5px solid var(--link-color-visited) !important;}




#compilot-calendar-category {
  appearance: none;           /* supprime style natif */
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;

  padding: 10px 40px 10px 14px;
  font-size: 14px;
  font-family: inherit;
  color: #111827;

  cursor: pointer;
  outline: none;
  transition: all 0.2s ease;

  /* flèche custom */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}

#compilot-calendar-category:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}

#compilot-calendar-category:hover {
  border-color: #d1d5db;
}