/*
 * Jurisprudence — mise en page des articles
 * Polices et couleurs reprises du site Étude Derville.
 * Chargée uniquement sur la page des articles, les catégories et l'article seul (body.jur-articles).
 */

@font-face { font-family: 'Zephyr'; src: url('../fonts/zephyr-webfont.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Everett-Light'; src: url('../fonts/Everett-Light-web.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Everett-Regular'; src: url('../fonts/Everett-Regular-web.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Everett-Medium'; src: url('../fonts/Everett-Medium-web.woff2') format('woff2'); font-display: swap; }



.jur-articles {
	--jur-accent: #C04F3E;
	--jur-accent-dark: #b94d3b;
	--jur-blush: #FFECE0;
	--jur-ink: #000;
	--jur-ink-2: #4a4a4a;
	--jur-ink-3: #8a8a8a;
	--jur-line: #e6e1dc;
	--jur-display: 'Zephyr', Georgia, serif;
	--jur-light: 'Everett-Light', system-ui, sans-serif;
	--jur-regular: 'Everett-Regular', system-ui, sans-serif;
	--jur-medium: 'Everett-Medium', system-ui, sans-serif;
}

.page-template-template-articles .container,
.page-template-template-portail .container,
.page-template-default .container {
	padding-right: 0;
	padding-left: 0;
}

/* Conteneurs GeneratePress : pleine largeur, fond blanc, sans marges */
.jur-articles .site.grid-container { max-width: none; }
.jur-articles .site-content { display: block; padding: 0; }

/* Fond des pages et du pied de page : couleur globale GeneratePress base-2 (les cartes du portail restent blanches) */
body.jur-articles,
.jur-articles #content,
.jur-articles .site-footer,
.jur-articles .footer-widgets,
.jur-articles .site-info { background-color: var(--base-2); }
.jur-articles .site-main { margin: 0; }
.jur-articles .site { overflow-x: clip; }

.jur-articles .site-main {
	color: var(--jur-ink);
	font-family: var(--jur-regular);
	font-size: 18px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
.jur-articles .site-main a { color: var(--jur-accent); text-decoration: none; }
.jur-articles .site-main a:hover,
.jur-articles .site-main a:focus { color: var(--jur-accent-dark); }
.jur-articles .site-main h1,
.jur-articles .site-main h2,
.jur-articles .site-main h3 { font-weight: normal; margin: 0; }

.jur-wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 48px); }

.jur-tag {
	display: inline-block;
	font-family: var(--jur-medium);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--jur-accent);
}
.jur-date { font-size: 14px; color: var(--jur-ink-3); font-variant-numeric: tabular-nums; }

/* Titre du site (logo texte) dans l'en-tête GeneratePress */
.jur-articles .main-title {
	font-family: var(--jur-display);
	font-weight: normal;
	font-size: 34px;
	line-height: 1.1;
}

@media (max-width: 768px) {
	.jur-articles .main-title { font-size: 28px; }
}

/* ---------- Liste des articles ---------- */

.jur-hero { background: var(--jur-blush); padding: 80px 0 64px; }
.jur-articles .jur-hero__title { font-family: var(--jur-display); font-size: clamp(48px, 7vw, 96px); line-height: .95; }
.jur-hero__intro { font-family: var(--jur-light); font-size: clamp(19px, 2vw, 24px); line-height: 1.45; max-width: 620px; margin: 22px 0 0; color: var(--jur-ink-2); }
.jur-hero__intro p { margin: 0 0 .6em; }
.jur-hero__intro p:last-child { margin-bottom: 0; }

.jur-cats { margin-top: 34px; display: flex; gap: 8px; flex-wrap: wrap; }
.jur-articles .jur-cats a {
	font-size: 14px;
	padding: 7px 14px;
	border: 1px solid rgba(0, 0, 0, .18);
	border-radius: 999px;
	color: var(--jur-ink);
	background: rgba(255, 255, 255, .5);
	transition: border-color .2s, background .2s;
}
.jur-articles .jur-cats a:hover { border-color: var(--jur-accent); color: var(--jur-ink); }
.jur-articles .jur-cats a.is-active { background: var(--jur-accent); border-color: var(--jur-accent); color: #fff; }

.jur-year { display: grid; grid-template-columns: 220px 1fr; gap: 40px; padding-top: 64px; }
.jur-articles .jur-year__label {
	font-family: var(--jur-display);
	font-size: 64px;
	line-height: 1;
	color: var(--jur-accent);
	position: sticky;
	top: 40px;
	align-self: start;
}

.jur-entry { position: relative; padding: 0 0 40px; margin-bottom: 40px; border-bottom: 1px solid var(--jur-line); }
.jur-year__entries .jur-entry:last-child { border-bottom: 0; margin-bottom: 0; }
.jur-entry__meta { display: flex; gap: 14px; align-items: baseline; margin-bottom: 12px; }
.jur-articles .jur-entry__title { font-family: var(--jur-light); font-size: clamp(24px, 2.6vw, 32px); line-height: 1.2; }
.jur-articles .jur-entry__title a { color: var(--jur-ink); transition: color .2s; }
/* Tout le bloc est cliquable */
.jur-entry__title a::after { content: ''; position: absolute; inset: 0; }
.jur-articles .jur-entry:hover .jur-entry__title a { color: var(--jur-accent); }
.jur-entry__excerpt { margin: 14px 0 0; color: var(--jur-ink-2); max-width: 700px; }
.jur-entry__more { display: inline-block; margin-top: 14px; font-size: 15px; color: var(--jur-accent); }

.jur-pager { display: flex; justify-content: space-between; gap: 24px; padding: 48px 0 0; margin-left: 260px; font-size: 15px; }
.jur-empty { padding: 64px 0 0; color: var(--jur-ink-2); }

/* ---------- Article seul ---------- */

.jur-single { max-width: 752px; margin: 0 auto; padding: 0 16px; }
.jur-crumb { padding-top: 44px; font-size: 14px; }
.jur-articles .jur-crumb a { color: var(--jur-ink-3); }
.jur-single__header { padding: 48px 0 0; text-align: center; }
.jur-articles .jur-single__title { font-family: var(--jur-light); font-size: clamp(32px, 4.4vw, 50px); line-height: 1.12; margin: 18px 0 22px; }
.jur-single__header .jur-date { font-size: 15px; }
.jur-rule { width: 48px; height: 2px; background: var(--jur-accent); margin: 36px auto; }
.jur-single__lead { font-family: var(--jur-light); font-size: 23px; line-height: 1.5; color: var(--jur-ink-2); margin: 0 0 40px; }

.jur-prose { font-size: 19px; line-height: 1.7; }
.jur-prose p { margin: 0 0 1.1em; }
.jur-articles .jur-prose h2,
.jur-articles .jur-prose h3,
.jur-articles .jur-prose h4 { font-family: var(--jur-medium); line-height: 1.3; margin: 1.8em 0 .6em; }
.jur-articles .jur-prose h2 { font-size: 22px; }
.jur-articles .jur-prose h3 { font-size: 19px; }
.jur-articles .jur-prose h4 { font-size: 17px; }
.jur-prose blockquote {
	margin: 1.6em 0;
	padding: 0 0 0 22px;
	border: 0;
	border-left: 2px solid var(--jur-accent);
	font-family: var(--jur-light);
	font-size: 21px;
	font-style: normal;
	color: var(--jur-ink-2);
}
.jur-prose ul, .jur-prose ol { margin: 0 0 1.1em 1.2em; padding: 0; }
.jur-prose li { margin-bottom: .3em; }
.jur-articles .jur-prose a { text-decoration: underline; text-underline-offset: 3px; }
.jur-prose table { width: 100%; border-collapse: collapse; font-size: 16px; margin: 0 0 1.4em; }
.jur-prose th, .jur-prose td { border: 0; border-bottom: 1px solid var(--jur-line); padding: 10px 8px; text-align: left; }

.jur-edit { font-size: 14px; margin-top: 24px; }

.jur-adjacent { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 64px; border-top: 1px solid var(--jur-ink); padding-top: 22px; }
.jur-articles .jur-adjacent a { color: var(--jur-ink); font-size: 16px; line-height: 1.35; }
.jur-articles .jur-adjacent a:hover { color: var(--jur-accent); }
.jur-adjacent small { display: block; color: var(--jur-ink-3); font-size: 13px; margin-bottom: 6px; }
.jur-adjacent__next { text-align: right; grid-column: 2; }

.jur-back { text-align: center; margin-top: 48px; }
.jur-articles .jur-back a { display: inline-block; padding: 12px 26px; border: 1px solid var(--jur-accent); font-size: 15px; transition: background .2s, color .2s; }
.jur-articles .jur-back a:hover { background: var(--jur-accent); color: #fff; }

/* ---------- Petits écrans ---------- */

@media (max-width: 800px) {
	.jur-hero { padding: 48px 0 40px; }
	.jur-year { grid-template-columns: 1fr; gap: 20px; padding-top: 44px; }
	.jur-articles .jur-year__label { font-size: 44px; position: static; }
	.jur-pager { margin-left: 0; }
}

@media (max-width: 600px) {
	.jur-articles .site-main { font-size: 17px; }
	.jur-prose { font-size: 17.5px; }
	.jur-single__lead { font-size: 20px; }
	.jur-adjacent { grid-template-columns: 1fr; }
	.jur-adjacent__next { text-align: left; grid-column: auto; }
}

/* ---------- Page standard ---------- */

.jur-page__content { padding-top: 64px; }
.jur-page__content > :last-child { margin-bottom: 0; }
.jur-page__content img { max-width: 100%; height: auto; }

@media (max-width: 800px) {
	.jur-page__content { padding-top: 40px; }
}

/* Blocs BetterDocs insérés dans une page (recherche, grille de catégories) : pas de styles de texte long */
.jur-articles .jur-prose [class*="betterdocs"] ul,
.jur-articles .jur-prose [class*="betterdocs"] ol { margin: 0; padding: 0; }
.jur-articles .jur-prose [class*="betterdocs"] li { margin-bottom: 0; }
.jur-articles .jur-prose [class*="betterdocs"] a { text-decoration: none; }
.jur-articles .jur-prose [class*="betterdocs"] h2,
.jur-articles .jur-prose [class*="betterdocs"] h3 { margin: 0; font-size: inherit; }

/* ---------- Portail ---------- */

.jur-portal__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; padding-top: 64px; }
.jur-articles .site-main .jur-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 320px;
	padding: 40px;
	border: 1px solid var(--jur-line);
	border-top: 3px solid var(--jur-accent);
	background: #fff;
	color: var(--jur-ink);
	transition: background .25s, box-shadow .25s, transform .25s;
}
.jur-articles .site-main .jur-card:hover,
.jur-articles .site-main .jur-card:focus-visible {
	background: var(--jur-blush);
	color: var(--jur-ink);
	box-shadow: 0 14px 40px rgba(0, 0, 0, .06);
	transform: translateY(-2px);
}
.jur-card__num { font-family: var(--jur-medium); font-size: 13px; letter-spacing: .08em; color: var(--jur-accent); }
.jur-articles .jur-card__title { font-family: var(--jur-display); font-size: clamp(34px, 4vw, 52px); line-height: 1.05; margin-top: 22px; }
.jur-card__text { margin: 18px 0 0; color: var(--jur-ink-2); max-width: 460px; }
.jur-card__go { margin-top: auto; padding-top: 28px; font-size: 15px; color: var(--jur-accent); }
.jur-card__go span { display: inline-block; transition: transform .2s; }
.jur-card:hover .jur-card__go span { transform: translateX(4px); }
.jur-portal .jur-edit { margin-top: 32px; }

@media (max-width: 800px) {
	.jur-portal__cards { grid-template-columns: 1fr; gap: 20px; padding-top: 40px; }
	.jur-articles .jur-card { min-height: 0; padding: 28px; }
}

/* Introduction du portail (contenu de la page), entre le bandeau et les cartes */
.jur-portal__intro { max-width: 760px; padding-top: 64px; }
.jur-portal__intro > :last-child { margin-bottom: 0; }
.jur-portal__intro + .jur-portal__cards { padding-top: 48px; }

@media (max-width: 800px) {
	.jur-portal__intro { padding-top: 40px; }
	.jur-portal__intro + .jur-portal__cards { padding-top: 32px; }
}