/*
 * Page « Ressources gratuites » d'un livre. Les couleurs et les polices sont
 * celles du thème (variables de theme.json) ; le formulaire reprend les
 * classes .lc-nl-* de la page Newsletter, déjà mises en forme par le thème.
 */

.lcr {
	padding-block: clamp(28px, 5vw, 56px);
}

.lcr-admin {
	margin: 0 0 24px;
	padding: 10px 14px;
	border-left: 4px solid var(--wp--preset--color--terracotta);
	background: var(--wp--preset--color--sand);
	font-size: .9rem;
}

/* --- En-tête : couverture, titre, phrase d'accroche */
.lcr-tete {
	display: flex;
	gap: clamp(18px, 4vw, 40px);
	align-items: center;
	margin-bottom: 28px;
}
/* Couverture et texte sont des liens vers la fiche du livre. */
.lcr-tete a {
	color: inherit;
	text-decoration: none;
}
.lcr-tete__lien-couverture { display: block; flex: 0 0 auto; }
.lcr-tete__texte { display: block; }
.lcr-tete__lien-couverture:hover .lcr-tete__couverture,
.lcr-tete__lien-couverture:focus-visible .lcr-tete__couverture {
	transform: translateY(-3px);
}
.lcr-tete__texte:hover .lcr-tete__titre,
.lcr-tete__texte:focus-visible .lcr-tete__titre {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 6px;
}
.lcr-tete__couverture {
	transition: transform .2s ease;
	flex: 0 0 auto;
	width: clamp(110px, 18vw, 180px);
	height: auto;
	border-radius: 4px;
	box-shadow: 0 10px 28px rgba(23, 23, 19, .18);
}
.lcr-tete__surtitre {
	margin: 0 0 6px;
	color: var(--wp--preset--color--forest);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.lcr-tete__titre {
	margin: 0 0 10px;
	font-family: var(--wp--preset--font-family--editorial);
	font-size: clamp(1.7rem, 3.4vw, 2.6rem);
	line-height: 1.15;
}
/* La phrase qui dit le marché : abonnement → téléchargement. */
.lcr-tete__intro {
	margin: 0;
	max-width: 46rem;
	color: var(--wp--preset--color--ink);
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
}

.lcr-sous-titre {
	margin: 0 0 14px;
	font-family: var(--wp--preset--font-family--editorial);
	font-size: clamp(1.3rem, 2.4vw, 1.7rem);
}

.lcr-etat {
	padding: 22px;
	border-radius: 6px;
	background: var(--wp--preset--color--sand);
	text-align: center;
}

/*
 * Page fermée : deux colonnes, chacune avec son titre. À gauche le
 * formulaire d'abonnement (l'action demandée), à droite les ressources du
 * livre. Sur téléphone elles s'empilent dans le même ordre.
 */
.lcr-ferme {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 56px);
	align-items: start;
}
.lcr-acces {
	padding: clamp(18px, 3vw, 28px);
	border: 1px solid var(--lc-border, #e6e0d4);
	border-top: 4px solid var(--wp--preset--color--terracotta);
	border-radius: 8px;
	background: var(--wp--preset--color--white);
	box-shadow: 0 8px 26px rgba(23, 23, 19, .06);
}
.lcr-ferme .lcr-ressources { padding-top: clamp(18px, 3vw, 28px); }
.lcr-acces__texte {
	margin: 0 0 6px;
	font-size: .95rem;
}
.lcr-form { margin-top: 1rem; }
.lcr-form--code input[name="lcr_code"] {
	font-family: 'Courier New', monospace;
	font-size: 1.6rem;
	letter-spacing: .35em;
	text-align: center;
}
.lcr-autre { margin-top: 12px; }
.lcr-lien {
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--terracotta-dark);
	text-decoration: underline;
	cursor: pointer;
	font: inherit;
	font-size: .9rem;
}

/* --- Les cartes de ressources */
.lcr-liste {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 18px;
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}
.lcr-liste.is-ferme {
	grid-template-columns: 1fr;
	gap: 10px;
}
.lcr-carte {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--lc-border, #e6e0d4);
	border-radius: 8px;
	background: var(--wp--preset--color--white);
}
.lcr-liste.is-ferme .lcr-carte {
	flex-direction: row;
	align-items: center;
}
.lcr-carte.is-veille { opacity: .6; }
.lcr-carte__media {
	display: grid;
	place-items: center;
	position: relative;
	aspect-ratio: 4 / 3;
	padding: 0;
	border: 0;
	background: var(--wp--preset--color--sand);
	color: var(--wp--preset--color--forest);
}
.lcr-liste.is-ferme .lcr-carte__media {
	flex: 0 0 72px;
	aspect-ratio: auto;
	align-self: stretch;
}
.lcr-carte__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.lcr-carte__picto { position: relative; display: grid; place-items: center; }
.lcr-carte__picto b {
	position: absolute;
	bottom: 10px;
	font-size: .62rem;
	letter-spacing: .04em;
}
.lcr-yt { cursor: pointer; }
.lcr-yt__lecture {
	position: absolute;
	display: grid;
	place-items: center;
	width: 58px;
	height: 40px;
	border-radius: 10px;
	background: #c4302b;
	color: #fff;
	font-size: 1.2rem;
}
.lcr-yt__cadre {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}
.lcr-carte__corps {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 14px 16px;
}
.lcr-liste.is-ferme .lcr-carte__corps { padding: 10px 14px; }
.lcr-carte__titre {
	margin: 0 0 6px;
	font-size: 1.05rem;
	line-height: 1.3;
}
.lcr-carte__veille { margin: 0 0 6px; font-size: .8rem; color: var(--wp--preset--color--terracotta-dark); }
.lcr-carte__desc { font-size: .9rem; color: var(--wp--preset--color--grey); }
.lcr-carte__desc p { margin: 0 0 6px; }
.lcr-carte__pied {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 10px;
}
.lcr-carte__format { font-size: .8rem; color: var(--wp--preset--color--grey); }
.lcr-carte__cadenas { color: var(--wp--preset--color--grey); }
.lcr-carte__lien { font-size: .9rem; }
.lcr-dl { margin: 0; }
.lcr-dl .lc-button { display: inline-flex; gap: 8px; align-items: center; }
.lcr-dl .lc-button.is-occupe { opacity: .6; }

.lcr-retour { margin: 28px 0 0; }

@media (max-width: 782px) {
	.lcr-tete { flex-direction: column; align-items: flex-start; }
	.lcr-ferme { grid-template-columns: 1fr; }
	.lcr-ferme .lcr-ressources { padding-top: 0; }
}