/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*Zoé Descharles 2026*/
/* Version mobile */
@media only screen and (max-width: 767px) {

    h1 {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    h2 {
        font-size: 35px !important;
        line-height: 35px !important;
    }

}

/* =========================================================
   HYDROGEN CALENDAR EMBEDS — STYLE PERSONNALISÉ
   ========================================================= */

:root {
  --hycal-background: #FAEDDE;
  --hycal-today: #F4D9BC;
  --hycal-event-background: #E5C3A7;
  --hycal-event-border: #BE4223;

  --hycal-text: #21150e;
  --hycal-muted-text: #8d837b;
  --hycal-grid-border: rgba(65, 49, 39, 0.35);
}

/* Conteneur général du calendrier */
.wp-block-hydrogen-calendar-embeds,
[class*="hydrogen-calendar"],
[class*="hycal"] {
  font-family: inherit;
}

/* Fond général */
.fc {
  padding: 24px;
  background-color: var(--hycal-background);
  color: var(--hycal-text);
  border-radius: 0;
  box-sizing: border-box;
}

/* Supprime certains espacements ajoutés par les thèmes WordPress */
.fc table,
.fc table th,
.fc table td {
  margin: 0;
}

/* =========================================================
   BARRE SUPÉRIEURE
   ========================================================= */

.fc .fc-toolbar {
  gap: 15px;
  margin-bottom: 20px;
}

.fc .fc-toolbar-title {
  color: var(--hycal-text);
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  font-weight: 700;
}

/* Boutons précédent, suivant, aujourd’hui, mois, liste */
.fc .fc-button-primary {
  padding: 8px 14px;
  color: var(--hycal-text);
  background-color: transparent;
  border: 1px solid var(--hycal-event-border);
  border-radius: 3px;
  box-shadow: none;
  text-transform: none;
}

.fc .fc-button-primary:hover,
.fc .fc-button-primary:focus {
  color: #fff;
  background-color: var(--hycal-event-border);
  border-color: var(--hycal-event-border);
  box-shadow: none;
}

/* Bouton actif */
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  color: #fff;
  background-color: var(--hycal-event-border);
  border-color: var(--hycal-event-border);
  box-shadow: none;
}

/* Bouton désactivé */
.fc .fc-button-primary:disabled {
  opacity: 0.45;
  color: var(--hycal-text);
  background-color: transparent;
  border-color: var(--hycal-event-border);
}

/* =========================================================
   GRILLE DU CALENDRIER
   ========================================================= */

.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td,
.fc-theme-standard th {
  border-color: var(--hycal-grid-border);
}

/* Fond des cellules */
.fc .fc-daygrid-day,
.fc .fc-col-header-cell {
  background-color: var(--hycal-background);
}

/* En-têtes lun., mar., mer., etc. */
.fc .fc-col-header-cell-cushion {
  padding: 7px 5px;
  color: var(--hycal-text);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

/* Hauteur des cases */
.fc .fc-daygrid-day-frame {
  min-height: 98px;
}

/* Numéro du jour */
.fc .fc-daygrid-day-number {
  padding: 7px 8px 3px;
  color: var(--hycal-text);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

/* Jour actuel */
.fc .fc-day-today,
.fc .fc-daygrid-day.fc-day-today {
  background-color: var(--hycal-today) !important;
}

/* Numéro du jour actuel légèrement renforcé */
.fc .fc-day-today .fc-daygrid-day-number {
  font-weight: 700;
}

/* Jours appartenant au mois précédent ou suivant */
.fc .fc-day-other {
  background-color: rgba(250, 237, 222, 0.45);
}

.fc .fc-day-other .fc-daygrid-day-number {
  color: var(--hycal-muted-text);
  opacity: 0.55;
}

/* =========================================================
   ÉVÉNEMENTS / BADGES “NON DISPONIBLE”
   ========================================================= */

.fc .fc-daygrid-event,
.fc .fc-timegrid-event,
.fc .fc-event {
  margin: 2px 3px;
  padding: 3px 2px;
  color: var(--hycal-text);
  background-color: var(--hycal-event-background);
  border: 1px solid var(--hycal-event-border);
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
}

/* Événement survolé */
.fc .fc-event:hover,
.fc .fc-event:focus {
  color: var(--hycal-text);
  background-color: var(--hycal-event-background);
  border-color: var(--hycal-event-border);
  filter: brightness(0.97);
}

/* Contenu interne du badge */
.fc .fc-daygrid-event .fc-event-main,
.fc .fc-event .fc-event-main {
  color: var(--hycal-text);
}

/* Titre de l’événement */
.fc .fc-event-title,
.fc .fc-event-title-container {
  color: var(--hycal-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Heure de l’événement */
.fc .fc-event-time {
  color: var(--hycal-text);
  font-size: 13px;
  font-weight: 700;
}

/* Événements affichés sous forme de point */
.fc .fc-daygrid-dot-event {
  align-items: flex-start;
  background-color: var(--hycal-event-background);
  border: 1px solid var(--hycal-event-border);
}


/* =========================================================
   VUE LISTE
   ========================================================= */

.fc .fc-list {
  border-color: var(--hycal-grid-border);
  background-color: var(--hycal-background);
}

.fc .fc-list-day-cushion {
  background-color: var(--hycal-today);
}

.fc .fc-list-event:hover td {
  background-color: rgba(229, 195, 167, 0.45);
}

.fc .fc-list-event-dot {
  border-color: var(--hycal-event-border);
}

.fc .fc-list-event-title a,
.fc .fc-list-event-time {
  color: var(--hycal-text);
  text-decoration: none;
}

/* =========================================================
   POPOVER “PLUS D’ÉVÉNEMENTS”
   ========================================================= */

.fc .fc-popover {
  color: var(--hycal-text);
  background-color: var(--hycal-background);
  border-color: var(--hycal-grid-border);
  box-shadow: 0 8px 25px rgba(65, 49, 39, 0.15);
}

.fc .fc-popover-header {
  background-color: var(--hycal-today);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {
  .fc {
    padding: 12px;
  }

  .fc .fc-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .fc .fc-toolbar-chunk {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .fc .fc-toolbar-title {
    text-align: center;
  }

  .fc .fc-button-primary {
    padding: 7px 10px;
    font-size: 13px;
  }

  .fc .fc-daygrid-day-frame {
    min-height: 72px;
  }

  .fc .fc-col-header-cell-cushion,
  .fc .fc-daygrid-day-number {
    font-size: 12px;
  }

  .fc .fc-event-title,
  .fc .fc-event-time {
    font-size: 11px;
  }
}