/*
 * Lona Chocolat — adaptation aux écrans (thème enfant).
 *
 * Ne change ni les polices, ni les couleurs, ni le style : seulement les
 * dispositions et quelques détails qu'Elementor ne sait pas régler.
 *
 * Depuis la 0.27.0, les tailles, largeurs, marges, espacements et tailles de
 * texte de chaque bloc sont des RÉGLAGES ELEMENTOR (onglets Disposition et
 * Avancé, par appareil : ordinateur, tablette, mobile). Ils se voient et se
 * changent dans l'éditeur ; ce fichier ne les écrase plus.
 *
 * Ce qui reste ici, faute de réglage Elementor équivalent :
 *   - les cibles tactiles (44 px), les titres équilibrés (text-wrap), le
 *     soulignement de la page en cours dans le menu ;
 *   - l'en-tête sur une seule rangée en tablette et mobile (superposition,
 *     clics laissés passer) et le menu déroulant pleine largeur ;
 *   - les colonnes de lecture À L'INTÉRIEUR des widgets (descriptions des
 *     encadrés), la description de « Le goût du local » alignée à gauche ;
 *   - les plages d'écran qui ne correspondent à aucun appareil d'Elementor
 *     (768 – 1023, 900 – 1024, 1000 – 1024, moins de 360 px) ;
 *   - la photo du savoir-faire sur ordinateur : largeur et format 3 × 4
 *     (Elementor écrirait sa largeur « ordinateur » après celle de la
 *     tablette sur cette page, et l'imposerait aussi à la tablette) ;
 *   - le cadrage du bandeau Contact sur mobile (taille « auto 112 % ») ;
 *   - les CGV en deux colonnes avec sommaire fixe, et les pages du thème Astra.
 *
 * Points de rupture d'Elementor : mobile ≤ 767 px, tablette ≤ 1024 px.
 * La classe .lc-rwd (ajoutée au <body> par functions.php) donne à ces
 * règles la priorité sur celles d'Elementor, sans !important.
 */

/* ------------------------------------------------------------------ *
 * Tous les écrans
 * ------------------------------------------------------------------ */
/* Pages de la boutique (Lona Commerce) : l'espace sous l'en-tête et avant le
   pied de page vient de l'extension seule. Astra ajoutait une marge à
   #primary qui changeait selon le type de page (0, 58, 60 ou 64 px). */
.lc-rwd.lc-shop-page .site-content #primary,
.lc-rwd.lc-commerce-page .site-content #primary {
	margin-top: 0;
	margin-bottom: 0;
}

/* Boutons Elementor : au moins 44 px de haut (cible tactile), comme ceux de
   la boutique. Les marges intérieures et la taille du texte se règlent
   toujours dans Elementor. */
.lc-rwd .elementor .elementor-button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* En-tête : la page en cours est repérée dans le menu (soulignement de la
   couleur du texte, aucune couleur ajoutée). */
.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 .current-menu-item > a.hfe-menu-item {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 6px;
}

body:has(.lc-gc-page) .elementor .elementor-element.elementor-element-6e58a82 .current-menu-item > a.hfe-menu-item {
	text-decoration: none;
}

/* Titres sur plusieurs lignes : lignes équilibrées, pas de mot isolé. */
.lc-rwd .elementor .elementor-element.elementor-element-2157d62 .elementor-heading-title,
.lc-rwd .elementor .elementor-element.elementor-element-e5e9968 .elementor-heading-title,
.lc-rwd .elementor .elementor-element.elementor-element-c1be26e .elementor-heading-title,
.lc-rwd .elementor .elementor-element.elementor-element-06b9527 .elementor-image-box-title,
.lc-rwd .elementor .elementor-element.elementor-element-81d099b .elementor-image-box-title,
.lc-rwd .elementor .elementor-element.elementor-element-0c914c4 .elementor-heading-title,
.lc-rwd .elementor .elementor-element.elementor-element-9c08f2b .elementor-image-box-title,
.lc-rwd .elementor .elementor-element.elementor-element-lcg0002,
.lc-rwd .elementor .elementor-element.elementor-element-lcg0065 .elementor-heading-title {
	text-wrap: balance;
}

/* CGV — cartes « particulier / professionnel » : liens alignés en bas des deux
   cartes, quelle que soit la longueur du texte au-dessus. */
.lc-rwd .lona-cgv-choix__lien {
	margin-top: auto;
	text-wrap: balance;
}

/* ------------------------------------------------------------------ *
 * Tous les écrans tactiles (≤ 1024 px)
 * ------------------------------------------------------------------ */
@media (max-width: 1024px) {
	/* Pied de page : liens (menu « Découvrir », CGV, téléphone, e-mail, adresse)
	   et icônes des réseaux assez grands pour le doigt. */
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0012 a,
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0016 a {
		display: inline-block;
		padding-block: 10px;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0006 .elementor-icon-list-item > a,
	.lc-rwd .elementor .elementor-element.elementor-element-lcc0212 .elementor-icon-list-item > a {
		padding-block: 10px;
	}

	/* Carrousels : flèches assez grandes pour le doigt (20 px auparavant). */
	.lc-rwd .elementor .elementor-swiper-button {
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0003 .elementor-social-icon {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	/* En-tête sur une seule rangée : bouton du menu à gauche, logo au centre,
	   panier à droite. La rangée des icônes se pose sur celle du logo ; elle
	   laisse passer les clics, sauf sur le bouton, le menu et le panier.
	   Marges, largeurs et alignements de ces blocs : réglages Elementor. */
	.lc-rwd .elementor .elementor-element.elementor-element-f943714 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		align-items: center;
		pointer-events: none;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 .hfe-nav-menu__toggle {
		margin-left: 0;
		margin-right: auto;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 .hfe-nav-menu__toggle,
	.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 nav.hfe-dropdown,
	.lc-rwd .elementor .elementor-element.elementor-element-00f8505 {
		pointer-events: auto;
	}

	/* Menu déroulant : sur toute la largeur de l'en-tête, fermé par un filet,
	   libellés alignés sur la marge du site. */
	.lc-rwd .elementor .elementor-element.elementor-element-bbc1376,
	.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 {
		position: static;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 nav.hfe-dropdown {
		left: 0;
		right: 0;
		width: 100%;
		border-bottom: 1px solid #c4c4c4;
		box-shadow: 0 14px 24px -14px rgba(36, 23, 19, 0.35);
	}
	.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 nav.hfe-dropdown .menu-item a.hfe-menu-item {
		padding-left: 20px;
		padding-right: 20px;
	}

	/* Bouton « retour en haut » d'Astra : 44 px pour le doigt, plus près du bord. */
	.lc-rwd #ast-scroll-top {
		width: 44px;
		height: 44px;
		right: 16px;
		bottom: 16px;
		line-height: 44px;
	}

	/* CGV : liens des sommaires et « Retour au sommaire » faciles à toucher.
	   Seulement eux : les cartes « particulier / professionnel » gardent leur
	   mise en page. */
	.lc-rwd .lona-cgv-sommaire a {
		display: block;
		padding-block: 10px;
	}
	.lc-rwd .lona-cgv-retour a {
		display: inline-block;
		padding-block: 11px;
	}

	/* Ma chocolaterie — coulisses : pas de blanc sous le dernier paragraphe. */
	.lc-rwd .elementor .elementor-element.elementor-element-d90cea9 p:last-child {
		margin-bottom: 0;
	}
}

/* ------------------------------------------------------------------ *
 * Tablette (768 – 1024 px)
 * ------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1024px) {
	/* Menu déroulant : libellés sur la marge de la tablette. */
	.lc-rwd .elementor .elementor-element.elementor-element-6e58a82 nav.hfe-dropdown .menu-item a.hfe-menu-item {
		padding-left: 24px;
		padding-right: 24px;
	}

	/* Ma chocolaterie : paragraphes de présentation dans une même colonne de
	   lecture centrée (texte intérieur des encadrés). */
	.lc-rwd .elementor .elementor-element.elementor-element-9d37eb6 .elementor-icon-box-description,
	.lc-rwd .elementor .elementor-element.elementor-element-06b9527 .elementor-image-box-description {
		max-width: 640px;
		margin-inline: auto;
	}
}

/* Tablette large (900 – 1024 px) : plage sans appareil Elementor. */
@media (min-width: 900px) and (max-width: 1024px) {
	/* Contact : coordonnées et formulaire côte à côte, comme sur ordinateur (la
	   carte beige, empilée, restait aux deux tiers vide). */
	.lc-rwd .elementor .elementor-element.elementor-element-lcc0200 {
		--flex-direction: row;
		--align-items: flex-start;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcc0210 {
		--width: 38%;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcc0220 {
		--width: 57%;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcc0210 {
		position: sticky;
		top: 24px;
	}

	/* Ma chocolaterie : photo de la boutique cadrée sur le comptoir (le cadre très
	   large ne montrait que le plafond). */
	.lc-rwd .elementor .elementor-element.elementor-element-c1b3819 {
		background-position: 50% 65%;
	}
}

/* Pied de page : à partir de 1000 px, les quatre colonnes de l'ordinateur
   (en 2 × 2, il faisait 794 px de haut à 1024 px). Plage sans appareil
   Elementor. */
@media (min-width: 1000px) and (max-width: 1024px) {
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0004 {
		--width: 27%;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0007 {
		--width: 24%;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0010 {
		--width: 23%;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0013 {
		--width: 14%;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0014 {
		--row-gap: 32px;
		--column-gap: 32px;
	}
}

/* ------------------------------------------------------------------ *
 * Tablette en hauteur (768 – 1023 px) : plage sans appareil Elementor
 * (à 1024 px, la tablette à l'horizontale garde la disposition d'ordinateur).
 * ------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1023px) {
	/* Accueil — univers : deux par rangée (quatre vignettes de 157 px
	   auparavant, plus petites que sur un téléphone). */
	.lc-rwd .elementor .elementor-element.elementor-element-09188c5 {
		flex-wrap: wrap;
		row-gap: 40px;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-09188c5 > .elementor-widget-image-box {
		--container-widget-width: calc(50% - 10px);
		width: calc(50% - 10px);
		max-width: calc(50% - 10px);
	}

	/* CGV : une colonne de lecture centrée de 640 px (environ 85 caractères),
	   cartes du haut comprises. */
	.lc-rwd .elementor-626 .elementor-element.lona-cgv,
	.lc-rwd .elementor-626 .elementor-element.elementor-element-lcg0004 {
		--content-width: 640px;
	}
	/* « L'essentiel en bref » : deux colonnes exactes (2 × 48 % plus l'écart
	   dépassaient d'un pixel la colonne de 640 px). */
	.lc-rwd .elementor-626 .lona-cgv-essentiel > .e-con > .e-con {
		--width: calc((100% - 24px) / 2);
	}
}

/* Bouton « retour en haut » au-dessus de la barre du bas du pied de page (il
   masquait la fin du lien des CGV, calé à droite). */
@media (min-width: 768px) and (max-width: 1279px) {
	.lc-rwd #ast-scroll-top {
		bottom: 80px;
	}
}

/* ------------------------------------------------------------------ *
 * Mobile (≤ 767 px)
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
	/* Ma chocolaterie : « Le goût du local » lu comme les autres textes longs
	   (description à gauche, titre centré). */
	.lc-rwd .elementor .elementor-element.elementor-element-06b9527 .elementor-image-box-description {
		text-align: left;
	}

	/* Contact — bandeau : une vraie photo cadrée sur le carnet et la plaque
	   (hauteur et position : réglages Elementor ; cette taille d'image n'existe
	   pas dans Elementor). */
	.lc-rwd .elementor .elementor-element.elementor-element-8fgzk1s {
		background-size: auto 112%;
	}

	/* Accueil — titres des quatre univers (lien sous chaque photo). */
	.lc-rwd .elementor .elementor-widget-image-box .elementor-image-box-title a {
		display: inline-block;
		padding-block: 11px;
	}

	/* Pied de page : liens « Découvrir » sur deux colonnes. */
	.lc-rwd .elementor .elementor-element.elementor-element-lcf0012 ul.lona-pied-liens {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 16px;
	}

	/* Résultats de recherche : titres faciles à toucher. */
	.lc-rwd.search .entry-title a {
		display: inline-block;
		padding-block: 8px;
	}
}

/* Très petits téléphones (< 360 px) */
@media (max-width: 359px) {
	/* Contact : « Itinéraire jusqu'à la boutique » tient sur une ligne. */
	.lc-rwd .elementor .elementor-element.elementor-element-lcc0215 .elementor-button {
		padding-left: 14px;
		padding-right: 14px;
	}
}

/* ------------------------------------------------------------------ *
 * Ordinateurs et grands écrans (≥ 1025 px)
 * ------------------------------------------------------------------ */
@media (min-width: 1025px) {
	/* Accueil — savoir-faire : la photo garde sa forme (3 × 4) à toutes les
	   largeurs. Ses marges, son fond et l'alignement de la section sont des
	   réglages Elementor. */
	.lc-rwd .elementor .elementor-element.elementor-element-2ae230a {
		width: clamp(400px, 40vw, 540px);
		aspect-ratio: 3 / 4;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-36f8d0a .elementor-icon-box-description,
	.lc-rwd .elementor .elementor-element.elementor-element-667bf84 .elementor-icon-box-description,
	.lc-rwd .elementor .elementor-element.elementor-element-6098859 .elementor-icon-box-description {
		text-wrap: pretty;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-9e03fa0 {
		flex: 1 1 0;
		min-width: 0;
	}

	/* Ma chocolaterie : textes de présentation dans une même colonne de lecture
	   (texte intérieur des encadrés). */
	.lc-rwd .elementor .elementor-element.elementor-element-9d37eb6 .elementor-icon-box-description,
	.lc-rwd .elementor .elementor-element.elementor-element-06b9527 .elementor-image-box-description {
		max-width: 720px;
		margin-inline: auto;
	}
	.lc-rwd .elementor .elementor-element.elementor-element-64e2ebb .elementor-image-box-description {
		max-width: 680px;
	}

	/* Contact : la carte « La boutique » accompagne la lecture du formulaire. */
	.lc-rwd .elementor .elementor-element.elementor-element-lcc0210 {
		position: sticky;
		top: 24px;
	}
}

/* ------------------------------------------------------------------ *
 * CGV en deux colonnes (≥ 1024 px)
 * ------------------------------------------------------------------ */
/* Chaque partie (particuliers, professionnels) devient un document : le
   sommaire à gauche reste visible pendant la lecture, les articles à droite
   gardent des lignes d'environ 85 caractères. Le haut de partie (titre,
   introduction, « L'essentiel en bref ») occupe toute la largeur. */
@media (min-width: 1024px) {
	.lc-rwd .elementor-626 .elementor-element.lona-cgv {
		--content-width: 1180px;
	}
	.lc-rwd .elementor-626 .lona-cgv > .e-con-inner {
		display: grid;
		grid-template-columns: minmax(220px, 300px) minmax(0, 620px);
		justify-content: center;
		align-items: start;
		column-gap: clamp(40px, 5vw, 80px);
	}
	.lc-rwd .elementor-626 .lona-cgv > .e-con-inner > * {
		grid-column: 2;
	}
	/* Haut de partie : tout ce qui précède le sommaire. */
	.lc-rwd .elementor-626 .lona-cgv > .e-con-inner > :has(~ * .lona-cgv-sommaire) {
		grid-column: 1 / -1;
	}
	/* Le sommaire occupe la colonne de gauche sur toute la hauteur des articles. */
	.lc-rwd .elementor-626 .lona-cgv > .e-con-inner > :has(.lona-cgv-sommaire) {
		grid-column: 1;
		grid-row: span 400;
		position: sticky;
		top: 24px;
	}
	.lc-rwd .lona-cgv-sommaire {
		max-height: calc(100vh - 48px);
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		padding: 22px 24px;
	}
	.lc-rwd .lona-cgv-sommaire ol {
		columns: 1;
	}
	/* Dans la colonne, liens compacts (la règle tactile ≤ 1024 px doublait leur
	   hauteur à 1024 px). */
	.lc-rwd .lona-cgv-sommaire a {
		padding-block: 3px;
	}
	/* Sommaire trop long pour l'écran : la suite est signalée par un fondu en
	   bas, qui disparaît en fin de liste. Lié au défilement de la liste : quand
	   elle tient entière, aucun fondu (et aucun sur les navigateurs anciens). */
	@supports (animation-timeline: scroll()) {
		.lc-rwd .lona-cgv-sommaire {
			animation: lc-cgv-fondu linear both;
			animation-timeline: scroll(self);
		}
	}

	/* Introduction : centrée sous le titre, en lignes de longueur confortable. */
	.lc-rwd .elementor-626 .lona-cgv > .e-con-inner > .elementor-widget-text-editor:has(~ * .lona-cgv-sommaire) {
		max-width: 72ch;
		margin-inline: auto;
	}

	/* « L'essentiel en bref » : trois colonnes sur toute la largeur. */
	.lc-rwd .elementor-626 .lona-cgv-essentiel > .e-con > .e-con {
		--width: calc((100% - 48px) / 3);
	}
}

/* Écrans peu hauts : sommaire resserré pour tenir sans défiler. */
@media (min-width: 1024px) and (max-height: 940px) {
	.lc-rwd .lona-cgv-sommaire {
		padding: 16px 20px;
	}
	.lc-rwd .lona-cgv-sommaire li {
		margin-bottom: 2px;
		line-height: 1.3;
	}
}

/* ------------------------------------------------------------------ *
 * Pages du thème Astra sans mise en page dédiée (article, archives,
 * recherche, page introuvable)
 * ------------------------------------------------------------------ */
/* Fond blanc comme le reste du site : le gris-bleu par défaut d'Astra
   faisait ressortir le carré blanc du logo. */
.lc-rwd.ast-separate-container {
	background-color: #fff;
}
/* Même distance sous l'en-tête et avant le pied de page que les pages de la
   boutique (le style « boîtes » d'Astra, devenu invisible sur fond blanc,
   laissait 80 à 112 px de vide). */
.lc-rwd.ast-separate-container #primary {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: var(--lc-space-page-top, clamp(24px, 4vw, 56px));
	padding-bottom: var(--lc-space-page-bottom, clamp(40px, 6vw, 80px));
}
.lc-rwd.ast-separate-container #primary .ast-archive-description {
	padding: 0 1em;
	margin-bottom: clamp(20px, 2.3vw, 33px);
}
.lc-rwd.ast-separate-container.single-post .ast-article-single:not(.comment) {
	padding-top: 0;
}
.lc-rwd.error404.ast-separate-container .ast-404-layout-1 {
	padding-top: 0;
}
.lc-rwd.ast-separate-container .ast-article-post .ast-article-inner {
	border: 1px solid var(--lc-line, #E6DCCB);
	border-radius: var(--lc-radius, 8px);
}
/* Vignettes des résultats et des archives : l'image entière, jamais déformée
   (les photos de sachets, en hauteur, étaient écrasées dans un cadre en
   largeur), sur le fond crème des emplacements d'image de la boutique. */
.lc-rwd:is(.search, .archive) .ast-article-post .post-thumb-img-content {
	aspect-ratio: 4 / 3;
	background-color: var(--lc-cream, #F8F3EB);
}
.lc-rwd:is(.search, .archive) .ast-article-post .post-thumb-img-content img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* Recherche : titre à gauche, fil d'Ariane au-dessus, comme la recherche de la
   boutique. */
.lc-rwd.search .ast-container section.ast-archive-description {
	display: flex;
	flex-direction: column;
	text-align: left;
}
.lc-rwd.search .ast-archive-description .ast-breadcrumbs-wrapper {
	order: -1;
	margin-bottom: 10px;
}
/* Titres et liens à la police et aux couleurs déjà utilisées par la boutique
   (variables de l'extension, mêmes valeurs en secours) ; H1 à la même échelle. */
.lc-rwd:is(.search, .archive, .error404) .page-title,
.lc-rwd.single-post .entry-header .entry-title,
.lc-rwd:is(.search, .archive) .ast-article-post .entry-title {
	font-family: var(--lc-font-display, "EB Garamond", Georgia, serif);
	font-weight: 500;
	color: var(--lc-ink, #241713);
}
.lc-rwd:is(.search, .archive, .error404) .page-title,
.lc-rwd.single-post .entry-header .entry-title {
	font-size: clamp(28px, 3.4vw, 44px);
	line-height: 1.15;
}
.lc-rwd:is(.search, .archive) #primary .ast-archive-description .page-title {
	font-family: var(--lc-font-display, "EB Garamond", Georgia, serif);
	font-size: clamp(28px, 3.4vw, 44px);
	font-weight: 500;
	line-height: 1.15;
	color: var(--lc-ink, #241713);
}
.lc-rwd:is(.search, .archive) #primary .ast-archive-description .page-title * {
	font-size: inherit;
	font-family: inherit;
}
.lc-rwd:is(.search, .archive) .ast-article-post .entry-title a {
	color: inherit;
}
/* Créations listées par la recherche du site : ni auteur ni date de
   publication (il ne restait qu'une barre oblique). */
.lc-rwd.search .type-lc_product .entry-meta {
	display: none;
}
.lc-rwd:is(.search, .archive, .single-post) .ast-breadcrumbs a,
.lc-rwd.single-post .entry-content a,
.lc-rwd.single-post .comment-content a,
.lc-rwd.single-post .comment-reply-link,
.lc-rwd.single-post .ast-comment-meta a,
.lc-rwd.single-post .ast-comment-cite-wrap a,
.lc-rwd:is(.search, .archive, .single-post) .ast-taxonomy-container a {
	color: var(--lc-accent, #8C5A35);
}
.lc-rwd .ast-pagination .page-numbers.current {
	border-color: var(--lc-accent, #8C5A35);
	background-color: var(--lc-accent, #8C5A35);
	color: #fff;
}
.lc-rwd .ast-pagination a.page-numbers,
.lc-rwd .ast-pagination .next,
.lc-rwd .ast-pagination .prev {
	color: var(--lc-accent, #8C5A35);
}
/* Pagination : numéros et « Suivant » groupés au centre. */
.lc-rwd .ast-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.lc-rwd .ast-pagination .nav-links .next,
.lc-rwd .ast-pagination .nav-links .prev {
	float: none;
	margin: 0;
}
.lc-rwd:is(.search, .archive, .single-post) .entry-meta,
.lc-rwd:is(.search, .archive, .single-post) .entry-meta * {
	color: var(--lc-muted, #6E5B50);
}
.lc-rwd.single-post #respond .submit {
	border-color: var(--lc-accent, #8C5A35);
	background-color: var(--lc-accent, #8C5A35);
	color: #fff;
}
.lc-rwd.single-post #respond .submit:hover,
.lc-rwd.single-post #respond .submit:focus-visible {
	border-color: var(--lc-accent-hover, #6F4629);
	background-color: var(--lc-accent-hover, #6F4629);
}
/* Page introuvable : phrase sur deux lignes de la largeur du titre, champ de
   recherche à la même mesure, loupe assez grande pour le doigt. */
.lc-rwd.error404 .error-404 .page-sub-title {
	max-width: 22em;
	margin-inline: auto;
	text-wrap: balance;
}
.lc-rwd.error404 .ast-404-search .widget_search {
	max-width: clamp(320px, 50vw, 528px);
}
.lc-rwd.error404 .error-404 .search-form label {
	display: block;
}
.lc-rwd.error404 .error-404 .search-submit {
	top: 0;
	right: 0;
	width: 44px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 960px) {
	.lc-rwd.ast-separate-container #primary .ast-archive-description {
		padding-inline: 0;
	}
}

@media (min-width: 600px) and (max-width: 921px) {
	.lc-rwd:is(.search, .archive) #main > .ast-row > .ast-article-post {
		width: 50%;
	}
}

@media (max-width: 921px) {
	/* Date, auteur et date des commentaires lisibles (11,9 px auparavant) ;
	   liens isolés faciles à toucher. */
	.lc-rwd header.entry-header .entry-meta,
	.lc-rwd header.entry-header .entry-meta *,
	.lc-rwd .entry-meta,
	.lc-rwd .entry-meta *,
	.lc-rwd .ast-comment-time,
	.lc-rwd .ast-comment-time * {
		font-size: 13px;
	}
	.lc-rwd .comment-reply-link {
		display: inline-block;
		padding-block: 12px;
	}
	.lc-rwd .ast-comment-time a {
		display: inline-block;
		padding-block: 6px;
	}
}

@media (max-width: 544px) {
	/* Commentaires alignés sur le texte de l'article (décalés de 22 px). */
	.lc-rwd.ast-separate-container .ast-comment-list li.depth-1,
	.lc-rwd.ast-separate-container .comment-respond {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@keyframes lc-cgv-fondu {
	0%, 96% {
		-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 32px), transparent);
		mask-image: linear-gradient(to bottom, #000 calc(100% - 32px), transparent);
	}
	100% {
		-webkit-mask-image: none;
		mask-image: none;
	}
}