/* =========================================================
   MOBILE.CSS — version mobile épurée
   Chargé uniquement avec media="screen and (max-width: 700px)"
   ========================================================= */

/* Largeur générale */
.container,
.container.full,
.content,
.post,
.post-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Marges internes raisonnables */
.content,
.post-content {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Hero d’article simplifié */
article.post > header.post-hero {
  display: block !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

article.post > header.post-hero .post-hero__inner,
article.post > header.post-hero .post-hero__content {
  width: 100% !important;
  max-width: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Titre d'article */
article.post .post-title {
  margin-top: 1rem;
  font-size: 1.45rem;
  line-height: 1.25;
}

article.post .post-subtitle {
  display: block;
  margin-top: 0.5rem;
  font-size: 1rem;
}

/* Texte */
.post-content p,
.post-content li,
.post-content blockquote {
  text-align: left !important;
  font-size: 1rem;
  line-height: 1.65;
}

/* Images dans l’article : on les garde */
.figure {
  margin: 1.5rem auto;
}

.figure--small,
.figure--medium,
.figure--full {
  max-width: 100%;
}

.figure img,
.post-content img {
  width: 100%;
  height: auto;
}

.figure-caption {
  font-size: 0.9rem;
}

/* Page d’accueil : on garde les covers */
.card-feature img,
.card img,
.card-banner-media img,
.card-tag-media img {
  display: block !important;
}

/* Page d’accueil : ne pas casser la carte vedette */
.card-feature {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

/* Cartes / listes d’articles */
.card,
.card-feature,
.card--author-banner,
.card--tag-banner {
  box-shadow: none;
}

/* On garde le contenu des cartes lisible */
.card-feature .content,
.card-text,
.card-banner-overlay,
.card-tag-overlay {
  width: 100%;
}

/* Grilles : une colonne, mais on garde le mode grid */
.articles-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem;
}

.articles-grid-author,
.articles-grid-tag {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

/* Bandeaux auteur/tag */
.card-banner-link,
.card-banner-overlay,
.card-tag-link,
.card-tag-overlay {
  min-height: 150px;
}

.card-banner-overlay,
.card-tag-overlay {
  padding: 1rem 1.1rem;
}

.card-banner-title,
.card-tag-title {
  font-size: 1.1rem;
}

.card-banner-subtitle,
.card-tag-subtitle {
  font-size: 0.9rem;
}

/* Auteur */
.author-intro__top--with-photo {
  flex-direction: column;
  align-items: flex-start;
}

.author-intro__profile {
  display: none;
}

/* Divers */
.volume-title {
  font-size: 1.1rem;
}

.site-title a {
  font-size: 1.6rem;
}

.top-banner a {
  font-size: 0.8rem;
}

.p-highlight__content {
  font-size: 1rem;
}