/**
 * Feuille de style principale du thème WordPress « Le Temps d’un Sillon ».
 *****************************************************************************/

/**
 * Disposition générale.
 */

/* Éviter de séparer encore plus les deux colonnes de la disposition générale,
 * même sur les écrans larges. */
@media (min-width: 993px) {
  .ast-left-sidebar #primary {
    padding-left:  30px;
  }
  .ast-left-sidebar #secondary {
    padding-right: 30px;
  }
}

/* Sur tablette et téléphone, lorsque la disposition générale passe en une
 * seule colonne, rajouter un séparateur horizontal entre la zone principale
 * et la zone secondaire de la page. */
@media (max-width: 921px) {
  .ast-left-sidebar #secondary {
    border-top:    1px solid var(--ast-border-color);
  }
}


/**
 * Formulaire de recherche dans la colonne de gauche.
 */

/* Rendre les éléments du formulaire les plus larges possibles, avec une
 * gouttière pour les séparer lorsqu'ils sont sur plusieurs colonnes. */
form.recherche > div > ul {
  width:         100%;
  display:       flex;
  flex-wrap:     wrap;
  column-gap:    1em;
}
form.recherche > div > ul > li {
  width:         100%;
  padding-right: 0;
}

/* Sur tablette, afficher le formulaire sur deux colonnes, sauf la boîte
 * de recherche (premier élément du formulaire) et le bouton de recherche
 * (dernier élément du formulaire). */
@media (min-width: 545px) and (max-width: 921px) {
  form.recherche > div > ul > li:not(:first-child):not(:last-child) {
    width:       calc(50% - 1em);
  }
}

/* Rendre les boîtes de sélection les plus larges possibles, et tronquer les
 * items qui dépassent. */
form.recherche select {
  width:         100%;
}
form.recherche select option {
  white-space:   normal;
  text-overflow: ellipsis;
  overflow:      hidden;
}

/* Rendre la boîte de recherche aussi large que les autres boîtes. */
form.recherche input[type="text"] {
  width:         100%;
}

/* Ajouter une marge au-dessus du bouton de recherche, et le rendre aussi
 * large que les autres boîtes. */
form.recherche input[type="submit"] {
  margin-top:    15px;
  width:         100%;
}


/**
 * Bloc des derniers ajouts sur la page d'accueil.
 */

/* Style général du bloc. */
.latest-post-selection.two-columns-ltds {
  display:          flex;
  flex-wrap:        wrap;
  align-items:      center;
  margin-right:     -10px;
  line-height:      1.2em;
}

/* Style de chaque publication listée dans le bloc. */
.latest-post-selection.two-columns-ltds article {
  background-color: unset;
  float:            unset;
  width:            calc((100% - 20px) / 2);
  margin-right:     10px;
  margin-bottom:    10px;
  padding:          0;
  overflow:         unset;
  height:           unset;
  max-height:       unset;
  contain-intrinsic-size: unset;
}

/* Style de la vignette d'une publication. */
.latest-post-selection.two-columns-ltds article img {
  float:            unset;
  display:          inline-block;
  margin:           0 auto;
}

/* Style du titre d'une publication. */
.latest-post-selection.two-columns-ltds article .item-title-tag {
  font-size:        unset;
  display:          inline-block;
}


/**
 * Listes de catégories sur la page d'accueil.
 */

/* Par défaut (sauf pour les années) : sur trois colonnes, avec un '>' devant
 * chaque item. */
.widget_lc_taxonomy ul:not(#lct-widget-annee) {
  list-style-type: '> ';
  column-count:    3;
  column-gap:      1em;
}
.widget_lc_taxonomy ul:not(#lct-widget-annee) li {
  margin-left:     1.2em;
  hyphens:         auto;
  break-inside:    avoid;
}

/* Cas particulier pour les supports et les zones géographiques : en quatre
 * colonnes. */
.widget_lc_taxonomy ul#lct-widget-support,
.widget_lc_taxonomy ul#lct-widget-zone {
  column-count:    4;
}

/* Sur téléphone, passer en deux colonnes, et les supports et zones
 * géographiques en trois colonnes. */
@media (max-width: 545px) {
  .widget_lc_taxonomy ul:not(#lct-widget-annee) {
    column-count:  2;
  }
  .widget_lc_taxonomy ul#lct-widget-support,
  .widget_lc_taxonomy ul#lct-widget-zone {
    column-count:  3;
  }
}

/* Cas particulier pour les années : en ligne, avec un '/' comme séparateur. */
.widget_lc_taxonomy ul#lct-widget-annee li {
  display:         inline-block;
}
.widget_lc_taxonomy ul#lct-widget-annee li:not(:last-child):after {
  content:         ' / ';
}


/**
 * Page d'une archive.
 */

/* Style pour l'affichage des métadonnées de l'archive. */
.ltds-metadata {
  line-height:      1.25em;
}
.ltds-metadata-name {
  font-weight:      bold;
}
.ltds-taxonomy-term {
  text-decoration:  none !important;
}

/* Style de la vignette permettant de télécharger le fichier. */
.wp-block-image.ltds-file-link {
  float:            unset;
  font-size:        80%;
  line-height:      1.2em;
}
.wp-block-image.ltds-file-link > a {
  display:          block;
}


/**
 * Listes de publications (sur la page d'un mot-clé ou après une recherche).
 */

/* Coller le titre de la page à gauche. */
body.archive .ast-archive-description,
body.search  .ast-archive-description {
  padding-left:    0px;
}

/* Taille du descriptif. */
body.archive .ast-archive-description p,
body.search  .ast-archive-description p {
  font-size:       1rem;
}

/* Supprimer l'ombrage des cartouches individuels des articles, et aligner
 * les éléments vers la gauche du cartouche. */
.ast-blog-layout-5-grid .ast-article-inner {
  box-shadow:      none;
  align-items:     flex-start;
}

/* Afficher l'intégralité de la vignette. */
.ast-blog-layout-5-grid .ast-blog-featured-section img {
  object-fit:      contain;
}

/* Réduire la marge entre les paragraphes dans le cartouche. */
.ast-blog-layout-5-grid .entry-content p {
  margin-bottom:  .2em;
}

/* Sur tablette, conserver la disposition en deux colonnes 25%/75% pour
 * la vignette et la description de la publication. */
@media (min-width: 545px) {
  .ast-blog-layout-5-grid .ast-blog-featured-section {
    width:         25%;
    margin-bottom: 0;
  }
  .ast-blog-layout-5-grid .post-content {
    width:         75%;
    padding-left:  1.5em;
  }
}

/* Sur téléphone, ajuster certaines marges pour la disposition en une seule
 * colonne. */
@media (max-width: 544px) {
  .ast-blog-layout-5-grid .ast-blog-featured-section {
    margin-bottom: .2em;
  }
  .ast-blog-layout-5-grid .post-content {
    padding:       0;
  }
}