/* --- ID 247: hivepress - favoris --- */
/* ===========================
   HomerentAI — Calendrier
   =========================== */

/* Conteneur du calendrier */
.hp-page__content .fc {
  background: #ffffff;
  border-radius: 32px;
  padding: 24px 28px 30px;
  box-shadow:
    0 26px 80px rgba(15, 23, 42, 0.06),
    0 0 0 1px rgba(148, 163, 184, 0.10);
}

/* Header mois + boutons */
.hp-page__content .fc-toolbar.fc-header-toolbar {
  margin-bottom: 24px;
}

.hp-page__content .fc-toolbar-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0f172a;
}

/* Boutons FullCalendar (précédent / suivant / lock) */
.hp-page__content .fc .fc-button {
  border-radius: 999px;
  border: none;
  background: #ffffff;
  color: #1d2850;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.10);
  padding: 0.55rem 0.9rem;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.hp-page__content .fc .fc-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(76, 111, 255, 0.26);
}

.hp-page__content .fc .fc-button:focus-visible {
  outline: 2px solid #4c6fff;
  outline-offset: 2px;
}

/* En-tête des jours (lun., mar., ...) */
.hp-page__content .fc-col-header-cell {
  background: #f8fafc;
  border: none;
}

.hp-page__content .fc-col-header-cell-cushion {
  padding: 0.8rem 0;
  font-weight: 500;
  text-transform: lowercase;
  color: #6b7280;
}

/* Cellules de jours */
.hp-page__content .fc-daygrid-day {
  border: none;
  background: #f9fafb;
}

.hp-page__content .fc-daygrid-day.fc-day-today {
  background: #fefce8; /* jaune très pâle pour aujourd’hui */
}

/* Jours hors mois */
.hp-page__content .fc-daygrid-day.fc-day-other {
  opacity: 0.35;
}

/* Numéro de jour */
.hp-page__content .fc-daygrid-day-number {
  padding: 0.8rem 0.6rem 0.4rem;
  font-weight: 500;
  color: #0f172a;
}

/* Évènements (barre bleue #248) */
.hp-page__content .fc-daygrid-event {
  border-radius: 999px;
  background: #4c6fff;
  border: none;
  padding: 0.25rem 0.9rem;
  font-size: 0.85rem;
  box-shadow: 0 14px 34px rgba(76, 111, 255, 0.4);
}

.hp-page__content .fc-daygrid-event .fc-event-title {
  color: #ffffff;
  font-weight: 600;
}

/* Plages “bloquées” */
.hp-page__content .fc-bg-event.fc-blocked {
  background: rgba(252, 165, 165, 0.28);  /* rouge très doux */
}

/* Lignes horizontales invisibles */
.hp-page__content .fc-theme-standard td,
.hp-page__content .fc-theme-standard th {
  border: none;
}

/* Wrapper calendrier pour un peu de marge vs le titre */
.hp-page__content .fc-view-harness {
  margin-top: 20px;
}











/* ===========================
   Vue liste calendrier (mobile)
   =========================== */

/* Liste : cachée par défaut sur desktop, visible seulement en mobile */
#hr-calendar-list {
  display: none;
  margin-top: 24px;
}

/* Items */
.hr-calendar-list__subtitle {
  font-size: 0.95rem;
  color: #6b7280;
  margin-bottom: 10px;
}

.hr-calendar-list__items {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hr-calendar-list__item {
  display: flex;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

/* Bloc date à gauche */
.hr-calendar-list__date {
  flex: 0 0 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #eff4ff;
  color: #1d2850;
}

.hr-calendar-list__date .day {
  font-size: 1.1rem;
  font-weight: 700;
}

.hr-calendar-list__date .fulldate {
  font-size: 0.75rem;
  opacity: 0.7;
}

/* Contenu */
.hr-calendar-list__content h3 {
  margin: 0 0 4px;
  font-size: 0.98rem;
  font-weight: 600;
  color: #0f172a;
}

.hr-calendar-list__content .meta {
  margin: 0 0 8px;
  font-size: 0.85rem;
  color: #6b7280;
}

.hr-calendar-list__link {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 500;
  text-decoration: none;
  background: #4c6fff;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(76, 111, 255, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.hr-calendar-list__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(76, 111, 255, 0.4);
}

/* Message vide */
.hr-calendar-list__empty {
  font-size: 0.9rem;
  color: #6b7280;
}

/* ===========================
   Bascule Desktop / Mobile
   =========================== */

/* Desktop : grille visible, liste cachée */
@media (min-width: 768px) {
  .hp-page__content .fc {
    display: block;
  }
  #hr-calendar-list {
    display: none;
  }
}

/* Mobile : seulement la liste */
@media (max-width: 767.98px) {
  .hp-page__content .fc {
    display: none;
  }
  #hr-calendar-list {
    display: block;
  }
}






/* ===========================
   Calendrier – Contraste jours
   =========================== */

/* Chaque cellule a un léger cadre intérieur */
.hp-page__content .fc-daygrid-day-frame {
  box-shadow:
    inset 0 -1px 0 rgba(226, 232, 240, 0.9),
    inset 1px 0 0 rgba(226, 232, 240, 0.9);
  background: #f9fafb;
}

/* Aujourd’hui plus marqué */
.hp-page__content .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
  background: #fefce8;
  box-shadow:
    inset 0 -1px 0 rgba(226, 232, 240, 0.9),
    inset 1px 0 0 rgba(226, 232, 240, 0.9),
    0 0 0 1px rgba(250, 204, 21, 0.45);
}

/* Jours hors mois bien atténués */
.hp-page__content .fc-daygrid-day.fc-day-other .fc-daygrid-day-frame {
  background: #f3f4f6;
  opacity: 0.45;
}

/* Numéro de jour un peu plus sombre */
.hp-page__content .fc-daygrid-day-number {
  color: #111827;
}

/* ===========================
   Boutons FullCalendar (lock / unlock / nav)
   DA HomerentAI
   =========================== */

.hp-page__content .fc .fc-button,
.hp-page__content .fc .fc-button-primary {
  border-radius: 999px !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  background: #ffffff !important;
  color: #1d2850 !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.10) !important;
  padding: 0.55rem 0.9rem !important;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

/* Hover : fond très léger bleu, icône toujours foncée */
.hp-page__content .fc .fc-button:hover {
  background: #eef2ff !important;
  color: #1d2850 !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(76, 111, 255, 0.26) !important;
}

/* Bouton "actif" (verrou ouvert, mois sélectionné, etc.) */
.hp-page__content .fc .fc-button:not(:disabled).fc-button-active,
.hp-page__content .fc .fc-button-primary:not(:disabled).fc-button-active {
  background: #4c6fff !important;
  border-color: #4c6fff !important;
  color: #ffffff !important;
  box-shadow: 0 16px 40px rgba(76, 111, 255, 0.45) !important;
  transform: translateY(0);
}

/* Hover sur un bouton déjà actif : léger éclaircissement */
.hp-page__content .fc .fc-button:not(:disabled).fc-button-active:hover {
  filter: brightness(1.04);
}

/* Icônes à l'intérieur des boutons */
.hp-page__content .fc .fc-button i,
.hp-page__content .fc .fc-button span.fc-icon {
  color: inherit !important;
}

/* Pour être sûr de tuer tout ancien dégradé résiduel */
.hp-page__content .fc .fc-button,
.hp-page__content .fc .fc-button-primary,
.hp-page__content .fc .fc-button:not(:disabled).fc-button-active {
  background-image: none !important;
}