/* =====================================================================
   The Events Calendar — habillage Atelier Quantique
   atelierquantique.fr · or #c8a04f · crème #f3f4ee · Alegreya / Open Sans

   Thème Hello Elementor : déposer ce fichier dans
   wp-content/mu-plugins/atelier-quantique-events/tec-restyle.css
   — le mu-plugin atelier-quantique-events.php le charge tout seul.
   (Il fonctionne aussi collé dans Personnaliser > CSS additionnel
   ou dans Elementor > Réglages du site > CSS personnalisé.)

   Le sélecteur `html:root` est volontaire : il l'emporte sur le `:root`
   de The Events Calendar quel que soit l'ordre de chargement des CSS.

   Constat sur le site : TEC tourne actuellement avec son accent bleu
   par défaut (#334aff). Le bloc ci-dessous le remplace par l'or de la
   charte — une seule redéfinition, et l'embed, la vue mois, la vue
   liste et la page événement suivent.
   ===================================================================== */

html:root {
	/* --- Accent : l'or de la charte --- */
	--tec-color-accent-primary: #c8a04f;
	--tec-color-accent-primary-hover: #c8a04fcc;
	--tec-color-accent-primary-active: #ab8639;
	--tec-color-accent-primary-background: #c8a04f14;
	--tec-color-accent-primary-week-event: #c8a04f1a;
	--tec-color-accent-primary-week-event-hover: #c8a04f33;
	--tec-color-background-primary-multiday: #c8a04f3d;
	--tec-color-background-primary-multiday-hover: #c8a04f57;
	--tec-color-event-icon-hover: #c8a04f;
	--tec-color-icon-focus: #c8a04f;

	/* --- Accent secondaire : le gris chaud des titres --- */
	--tec-color-accent-secondary: #464646;
	--tec-color-accent-secondary-hover: #464646cc;
	--tec-color-accent-secondary-active: #333333;

	/* --- Texte --- */
	--tec-color-text-primary: #333333;
	--tec-color-text-primary-light: #3333339e;
	--tec-color-text-secondary: #8a857c;
	--tec-color-text-events-title: #464646;
	--tec-color-text-event-date: #8a857c;

	/* --- Fonds : blanc, crème en secondaire --- */
	--tec-color-background: #ffffff;
	--tec-color-background-events: transparent;   /* supprime le cadre gris */
	--tec-color-background-secondary: #f3f4ee;    /* le crème du site */
	--tec-color-background-secondary-hover: #eceee3;
	--tec-color-background-transparent: #ffffffe6;

	/* --- Bordures : gris chaud, plus discrètes que le #d5d5d5 par défaut --- */
	--tec-color-border-default: #e6e4dc;
	--tec-color-border-secondary: #efede6;
	--tec-color-border-active: #c8a04f;
	--tec-color-border-hover: #c8a04f;

	/* --- Typo & formes : Open Sans, angles nets comme les boutons du site --- */
	--tec-font-family-sans-serif: "Open Sans", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--tec-font-weight-bold: 600;
	--tec-border-radius-default: 3px;
}

/* ---------------------------------------------------------------------
   1. Titres en Alegreya, comme les h1/h3 du site
   ------------------------------------------------------------------ */
.tribe-common .tribe-events-calendar-month__header-title,
.tribe-common .tribe-events-calendar-month__calendar-event-title,
.tribe-common .tribe-events-calendar-list__event-title,
.tribe-common .tribe-events-calendar-day__event-title,
.tribe-common h1.tribe-events-single-event-title,
.tribe-events-c-top-bar__datepicker-button {
	font-family: Alegreya, Georgia, "Times New Roman", serif;
	font-weight: 500;
	letter-spacing: 0;
}

.tribe-common .tribe-events-calendar-month__calendar-event-title-link,
.tribe-common .tribe-events-calendar-list__event-title-link {
	text-decoration: none;
	transition: color 0.2s ease;
}

.tribe-common .tribe-events-calendar-month__calendar-event-title-link:hover,
.tribe-common .tribe-events-calendar-list__event-title-link:hover {
	color: #c8a04f;
	text-decoration: none;
}

/* ---------------------------------------------------------------------
   2. Cadre général : on allège
   ------------------------------------------------------------------ */
.tribe-common .tribe-events-calendar-month,
.tec-events-calendar-embed,
.tribe-events-calendar-month__body {
	border: 0;
}

.tribe-events-calendar-month__day {
	border-color: #efede6;
}

/* ---------------------------------------------------------------------
   3. Numéros de jour · aujourd'hui en pastille or
   ------------------------------------------------------------------ */
.tribe-events-calendar-month__day-date-daynum {
	font-variant-numeric: tabular-nums;
	font-weight: 400;
	color: #333333;
}

.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum {
	background: #c8a04f;
	color: #ffffff;
	border-radius: 50%;
	width: 1.75rem;
	height: 1.75rem;
	display: inline-grid;
	place-items: center;
	line-height: 1;
	font-weight: 600;
}

.tribe-events-calendar-month__day--past {
	opacity: 0.4;
}

.tribe-events-calendar-month__day-cell--selected {
	background: #f3f4ee;
	border-radius: 3px;
}

/* ---------------------------------------------------------------------
   4. En-têtes de jours (L M M J V S D)
   ------------------------------------------------------------------ */
.tribe-events-calendar-month__header-column-title {
	font-family: "Open Sans", sans-serif;
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.11em;
	font-weight: 600;
	color: #8a857c;
}

/* ---------------------------------------------------------------------
   5. Pastilles / titres d'événements dans les cases
   ------------------------------------------------------------------ */
.tribe-events-calendar-month__calendar-event-title-link,
.tribe-events-calendar-month__multiday-event-bar-title {
	font-size: 0.92rem;
	line-height: 1.25;
}

.tribe-events-calendar-month__mobile-events-icon--event {
	background-color: #c8a04f;
}

.tribe-events-calendar-month__calendar-event-datetime {
	font-size: 0.75rem;
	color: #8a857c;
	font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------------------
   6. Barre de navigation (mois précédent / suivant)
   ------------------------------------------------------------------ */
.tribe-events-c-top-bar,
.tribe-events-header__events-bar {
	border: 0;
	padding-bottom: 0.4rem;
}

.tribe-events-c-nav__prev,
.tribe-events-c-nav__next,
.tribe-events-c-top-bar__nav-link {
	border-radius: 3px;
	transition: background 0.2s ease, color 0.2s ease;
}

.tribe-events-c-top-bar__nav-link:hover {
	background: #c8a04f;
	color: #ffffff;
}

.tribe-events-c-top-bar__nav-link:hover .tribe-common-c-svgicon {
	color: #ffffff;
}

/* Éléments souvent superflus dans un embed compact — décommenter au besoin */
/*
.tribe-events-c-top-bar__datepicker { display: none; }
.tribe-events-c-events-bar__search-container { display: none; }
.tribe-events-header__top-bar { display: none; }
*/

/* ---------------------------------------------------------------------
   7. Boutons : mêmes codes que « En savoir plus » du site
      (or plein, texte crème, 3px, padding 12/24)
   ------------------------------------------------------------------ */
.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn {
	background-color: #c8a04f;
	color: #f3f4ee;
	border-radius: 3px;
	padding: 12px 24px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	letter-spacing: 0;
	border: 0;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.tribe-common .tribe-common-c-btn:hover,
.tribe-common a.tribe-common-c-btn:hover {
	background-color: #ab8639;
	color: #ffffff;
}

.tribe-common .tribe-common-c-btn--secondary {
	background-color: #f3f4ee;
	color: #c8a04f;
	box-shadow: inset 0 0 0 1px #e6e4dc;
}

.tribe-common .tribe-common-c-btn--secondary:hover {
	background-color: #eceee3;
	color: #ab8639;
}

/* ---------------------------------------------------------------------
   8. Liens généraux du calendrier, alignés sur l'or des liens du site
   ------------------------------------------------------------------ */
.tribe-common a:not(.tribe-common-c-btn) {
	color: #c8a04f;
}

.tribe-common a:not(.tribe-common-c-btn):hover {
	color: #ab8639;
}

/* ---------------------------------------------------------------------
   9. Responsive
   ------------------------------------------------------------------ */
@media (max-width: 600px) {
	.tribe-events-calendar-month__day {
		padding: 2px;
	}
	.tribe-events-calendar-month__day-date-daynum {
		font-size: 0.8rem;
	}
	.tribe-common .tribe-common-c-btn {
		padding: 10px 18px;
	}
}