/*
Theme Name: FacMed Unité
Theme URI: 
Author: Aghiles Sf
Author URI: 
Description: Faculté de médecine - Unité
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 
Version: 1.0.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ollie
Text Domain: facmed-unite
Tags: Blogue, Portfolio, Divertissement, Style en grille, Une colonne, Deux colonnes, Trois colonnes, Quatre colonnes, Motifs pour l’éditeur, Styles de l’éditeur de bloc, Logo personnalisé, custom-menu, Éditeur de style, Images mises en avant, Éditeur de site, Modèle pleine largeur, rtl-language-support, Variations de styles, Modification de modèles, Options du thème, translation-ready, Blocs larges
*/

/* =========================
   Faits saillants — carré accent collé dans le coin haut-droit des cartes.
   Le carré (bloc HTML .udem-faits-corner-carre) est positionné en absolu
   par rapport à sa carte (.udem-faits-card), donc collé pile dans l'angle,
   sans tenir compte du padding interne de la carte.
========================= */
.udem-faits-card {
	position: relative;
}

.udem-faits-card .udem-faits-corner-carre {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 0;
	pointer-events: none;
}

/* =========================
   Consentement témoins (UdeM) — lien « Paramètres des témoins » du pied de page.
   Le composant officiel injecte un <a> sans classe : il hérite sinon de la
   couleur de lien par défaut (vert). On l'aligne sur les autres liens du
   footer sombre (blanc).
========================= */
#udem_cookie_consent_toggle a {
	color: #fff;
	cursor: pointer;
	text-decoration: none; /* le thème gère déjà le soulignement animé au survol */
	/* Même taille que « Confidentialité » / « Conditions d'utilisation » (x-small) —
	   sinon le composant hérite du « small » du groupe et paraît plus gros. */
	font-size: var(--wp--preset--font-size--x-small);
}

/* =========================
   Cartes entièrement cliquables (ex. /ressources/). Le JS clickable-cards.js
   ajoute .eoa-card-clickable aux .wp-block-cover.is-style-rounded-cover à lien
   unique ; on signale l'interactivité par le curseur sur toute la carte.
========================= */
.wp-block-cover.is-style-rounded-cover.eoa-card-clickable {
	cursor: pointer;
}

/* =========================
   Cartes « ressources » carrées (desktop ET mobile). Le bloc cover porte un
   aspect-ratio:3/4 en style inline (rectangle vertical) ; on force le carré 1/1.
   !important requis pour battre le style inline.
========================= */
.entry-content .wp-block-group.is-layout-grid:has(> .wp-block-cover.is-style-rounded-cover) > .wp-block-cover.is-style-rounded-cover {
	aspect-ratio: 1 / 1 !important;
}

/* =========================
   Mobile — cartes « ressources » à 2 colonnes au lieu d'1.
   La grille WP (is-layout-grid) utilise minmax(min(20rem,100%),1fr) : sur un
   téléphone (< ~660px) une seule colonne de 20rem tient → 1 carte par ligne.
   On force 2 colonnes. Les cartes ont aspect-ratio:3/4, elles se redimensionnent
   proportionnellement ; on réduit juste le titre pour qu'il tienne dans la largeur.
   Ciblage par :has() → uniquement les grilles contenant ces cartes-cover.
========================= */
@media (max-width: 781px) {
	.entry-content .wp-block-group.is-layout-grid:has(> .wp-block-cover.is-style-rounded-cover) {
		grid-template-columns: 1fr 1fr !important;
		gap: 14px !important;
	}
	.entry-content .wp-block-group.is-layout-grid:has(> .wp-block-cover.is-style-rounded-cover) .wp-block-heading {
		font-size: clamp(0.95rem, 3.4vw, 1.5rem) !important;
		line-height: 1.2 !important;
	}
}

/* =========================
   Mobile — taille « small » remontée à 1.05rem. Le preset fluide du thème
   (clamp(.9rem, …, 1.05rem)) descend à 0.9rem (~14px) sur téléphone → trop petit.
   On fixe le plancher à 1.05rem : concerne tout le texte en taille « small »
   (menu, légendes, sous-textes, etc.).
========================= */
@media (max-width: 781px) {
	:root {
		--wp--preset--font-size--small: 1.05rem;
	}
}

/* =========================
   Mobile — texte de corps plus lisible. Le body du thème utilise
   clamp(0.875rem, …, 1.25rem) → il tombe à ~14px sur téléphone (paragraphes
   trop petits). On relève le plancher : ~18px sur téléphone → 20px en tablette.
   Corrige aussi la hiérarchie du footer (les titres de section sont de simples
   paragraphes gras qui redevenaient plus petits que leurs liens en « small »).
========================= */
@media (max-width: 781px) {
	body {
		font-size: clamp(1.125rem, 0.95rem + 0.9vw, 1.25rem);
	}
}

/* =========================
   Footer mobile — les 3 liens légaux sur une seule ligne.
   À 15px les libellés totalisent ~420px (trop pour un téléphone), donc on
   empêche le retour à la ligne et on réduit la taille de façon fluide pour
   qu'ils tiennent sans déborder (jusqu'à ~0.95rem sur tablette).
========================= */
@media (max-width: 781px) {
	footer .wp-block-group:has(> #udem_cookie_consent_toggle) {
		flex-wrap: nowrap;
		gap: 0.4rem;
	}
	footer .wp-block-group:has(> #udem_cookie_consent_toggle) > p {
		margin: 0;
	}
	footer .wp-block-group:has(> #udem_cookie_consent_toggle) > p,
	footer #udem_cookie_consent_toggle a {
		white-space: nowrap;
		font-size: clamp(0.5rem, 2.6vw, 0.95rem);
	}
}

/* =========================
   Accueil — cartes Études / Recherche / École : espacement titre → sous-titre
   constant. Le conteneur est en justify-content:space-between, donc quand le
   sous-titre est court (ex. « Votre parcours commence ici », 1 ligne) l'espace
   libre de la carte se répartit et le trou titre→texte grandit. On empile depuis
   le haut avec un gap fixe et on garde l'image collée en bas (margin-top:auto).
========================= */
.home .entry-content .wp-block-group.is-vertical:has(> .wp-block-image) {
	justify-content: flex-start;
	row-gap: 16px;
	padding-top: 0 !important;   /* Recherche avait un padding-top:10px → décalait tout le bloc vers le bas */
}
.home .entry-content .wp-block-group.is-vertical:has(> .wp-block-image) > .wp-block-image {
	margin-top: auto;
}

/* =========================
   Footer desktop — barre du bas (copyright « © Faculté de médecine… » + liens
   « Confidentialité / Conditions d'utilisation / Paramètres des témoins »)
   ramenée de 15px à 12px. Le mobile conserve sa règle fluide ci-dessus.
   !important requis : le copyright porte `.has-x-small-font-size` (préset cœur
   appliqué en !important) et « Paramètres des témoins » est ciblé par un
   sélecteur ID (#udem_cookie_consent_toggle a) du plugin de consentement.
========================= */
@media (min-width: 782px) {
	.footer-bloc .has-x-small-font-size.is-content-justification-space-between,
	.footer-bloc .has-x-small-font-size.is-content-justification-space-between p,
	.footer-bloc .has-x-small-font-size.is-content-justification-space-between a,
	.footer-bloc .has-x-small-font-size.is-content-justification-space-between .has-small-font-size,
	.footer-bloc .has-x-small-font-size.is-content-justification-space-between #udem_cookie_consent_toggle a {
		font-size: 12px !important;
	}
}

/* =========================
   Footer — logo invisible : la <figure> du logo avait `opacity:0` (animation
   d'apparition au défilement, type Twentig, restée bloquée car le footer n'est
   jamais « révélé »). On force la visibilité pour que le logo s'affiche toujours.
========================= */
.site-footer .wp-block-image,
.site-footer .wp-block-image img {
	opacity: 1 !important;
}