@charset "UTF-8";

/*
 * « Ressources » — module 110, mod_docman_documents, position bottom-b,
 * colonne de droite des actualités (grille du conteneur bottom-b : voir
 * actualites.css pour la base, complétée en bas de ce fichier).
 *
 * Layout alternatif du cœur DOCman (templates/html/mod_docman_documents/
 * default.html.php) : copie conforme, un seul ajout — le lien « Toutes les
 * ressources » en pied de liste. L'icône de type de document vient du
 * réglage `show_icon` du module (activé), pas d'un ajout de balisage.
 *
 * Pas de bouton de téléchargement à masquer : ce layout du cœur n'en pose
 * pas, contrairement à la vue de composant (/ressources, voir ressources.css)
 * — le titre du document est déjà le seul lien de la tuile.
 */

.sema-ressources {
  padding-block: clamp(2.5rem, 5vw, 4rem);
  padding-inline: var(--rem-marge-page);
  background-color: var(--rem-creme);
}

.sema-ressources__titre {
  margin: 0 0 1.25rem;
  padding-block-end: 0.6rem;
  color: var(--rem-encre);
  font-family: var(--rem-police-display);
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
  border-block-end: var(--rem-trait) solid var(--rem-encre);
}

/* ------------------------------------------------------------------ Liste */

/* Même gap que les autres grilles de cartes du site (besoins, acteurs,
   agenda, actualités) : clamp(1.25rem, 2.5vw, 1.75rem). */
.sema-ressources .mod_docman--documents ul {
  display: grid;
  gap: clamp(1.25rem, 2.5vw, 1.75rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ------------------------------------------------------------------ Tuile */

/* Même padding interne que les autres cartes du site (besoins, agenda). */
.sema-ressources .module_document {
  padding: 1.25rem 1.4rem;
  background-color: var(--rem-creme);
  border: var(--rem-trait) solid var(--rem-encre);
  box-shadow: 0.35rem 0.35rem 0 var(--rem-encre);
}

.sema-ressources .koowa_header {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}

.sema-ressources .koowa_header__item--image_container {
  flex: 0 0 auto;
  line-height: 1;
}

.sema-ressources .koowa_header__image_link svg,
.sema-ressources .koowa_header__image_link img {
  display: block;
  inline-size: 1.75rem;
  block-size: 1.75rem;
}

.sema-ressources .koowa_header__title_link {
  color: var(--rem-encre);
  font-family: var(--rem-police-display);
  font-weight: 700;
  text-decoration: none;
  text-wrap: balance;
}

.sema-ressources .koowa_header__title_link:hover,
.sema-ressources .koowa_header__title_link:focus-visible {
  text-decoration: underline;
  text-decoration-color: var(--rem-terre);
  text-decoration-thickness: var(--rem-trait-fin);
  text-underline-offset: 0.2em;
}

/* Étiquettes « Nouveau » / « Populaire » du cœur : reprises en mono, sans le
   fond Bootstrap par défaut, pour rester dans la charte du site. */
.sema-ressources .label {
  display: inline-block;
  margin-inline-start: 0.4em;
  padding: 0.1em 0.5em;
  color: var(--rem-creme);
  font-family: var(--rem-police-mono);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background-color: var(--rem-terre) !important;
  border-radius: 0;
}

/* ------------------------------------------------------------------- Méta */

.sema-ressources .module_document__info {
  display: flex;
  flex-wrap: wrap;
  margin-block-start: 0.5rem;
  color: var(--rem-terre);
  font-family: var(--rem-police-mono);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Le cœur DOCman pose déjà un séparateur (`•`) en pseudo-élément sur ces
   mêmes divs, chargé après cette feuille : sans ce `!important`, les deux
   séparateurs s'additionnent (« 10 SEPTEMBRE 2026 • · 1.95 MB »). */
.sema-ressources .module_document__info > div::before,
.sema-ressources .module_document__info > div::after {
  content: none !important;
}

.sema-ressources .module_document__info > div:not(:first-child)::before {
  content: "· " !important;
}

.sema-ressources .module_document__category a {
  color: inherit;
}

/* Même piège de spécificité que le séparateur ci-dessus : module.min.css pose
   `.k-ui-namespace .mod_docman ul .module_document__info div.module_document__date`
   ((0,4,2)), plus spécifique que `.sema-ressources .module_document__date`
   ((0,2,0)) et chargé après cette feuille — sans `!important`, notre taille
   est ignorée silencieusement. */
.sema-ressources .module_document__date,
.sema-ressources .module_document__size {
  font-size: 0.875rem !important;
}

/* --------------------------------------------------------------- Lien bas */

.sema-ressources__tout {
  margin: 1.5rem 0 0;
  font-family: var(--rem-police-mono);
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sema-ressources__tout a {
  color: var(--rem-foret);
  text-decoration: none;
}

.sema-ressources__tout a:hover,
.sema-ressources__tout a:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: var(--rem-trait-fin);
  text-underline-offset: 0.3em;
}

/* La grille du conteneur `.container-bottom-b` (partagée avec Actualités et
   Rejoindre) vit dans accueil-bottom-b.css, chargée par les trois gabarits
   concernés — ce n'est pas une affaire de style de carte propre à Ressources. */