.article-detail-header {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin-top: 15px !important; /* halved top margin to bring elements closer to top */
	margin-bottom: 10px !important; /* space before sub-navigation halved */
	position: relative !important;
	padding-top: 12px !important; /* halved top padding to reduce height */
	padding-bottom: 12px !important; /* halved to bring the gold line closer to the title */
	min-height: 50px !important;
	border-bottom: 5px solid #d9a938 !important;
	width: 100% !important;
}
.btn-back-articles {
	background-color: #308796 !important;
	color: #fff !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: bold !important;
	border-radius: 4px !important;
	text-decoration: none !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
	transition: background-color 0.2s !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
}
.btn-back-articles:hover {
	background-color: #1f616d !important;
	color: #fff !important;
}
.btn-back-articles .btn-icon {
	height: 18px !important;
	width: auto !important;
	margin-right: 8px !important;
	display: inline-block !important;
}
.article-detail-header h2 {
	font-size: clamp(1.8rem, 4vw, 2.9rem) !important;
	font-weight: bold !important;
	text-align: center !important;
	margin: 0 !important;
	white-space: normal !important;
	position: static !important;
	transform: none !important;
}
.article-detail-header .btn-back-admin {
	background-color: #b50000 !important;
	color: #fff !important;
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: bold !important;
	border-radius: 4px !important;
	text-decoration: none !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
	transition: background-color 0.2s !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	z-index: 999999 !important;
}
.article-detail-header .btn-back-admin:hover {
	background-color: #8f0000 !important;
	color: #fff !important;
}
.article-detail-header .admin-article-actions {
	display: flex !important;
	gap: 8px !important;
	flex-shrink: 0 !important;
	z-index: 999999 !important;
}
.article-detail-header .admin-article-actions .button2 {
	padding: 8px 16px !important;
	font-size: 13px !important;
	font-weight: bold !important;
	margin: 0 !important;
}
.article-detail-sub-navigation {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-bottom: 50px !important; /* space below sub-navigation doubled */
	width: 100% !important;
}

@media (min-width: 992px) {
	.sticky-article-header {
		position: sticky !important;
		top: 78px !important; /* height of header */
		z-index: 1020 !important;
		background-color: #ffffff !important;
		padding-top: 5px !important;
		padding-bottom: 10px !important;
		border-bottom: 1px solid #dee2e6 !important;
		box-shadow: 0 4px 6px -2px rgba(0,0,0,0.05) !important;
		margin-bottom: 30px !important;
	}
	.sticky-article-header .article-detail-header {
		margin-top: 0px !important;
	}
	.sticky-article-header .article-detail-sub-navigation {
		margin-bottom: 0px !important;
	}
}

/* Golden drop cap for the first letter of the article */
.drop-cap,
article::first-letter,
article p:first-of-type::first-letter {
	font-size: 1.05em !important;
	font-weight: bold !important;
	background-color: #d9a938 !important;
	color: #ffffff !important;
	display: inline-block !important;
	float: none !important;
	vertical-align: baseline !important;
	line-height: 1 !important;
	padding: 2px 5px !important;
	margin: 0 1px 0 0 !important;
	text-align: center !important;
	border-radius: 2px !important;
}

@media (min-width: 992px) {
	.article-detail-header .btn-back-admin {
		position: absolute !important;
		left: calc(-1 * (100vw - 100%) / 2 + 20px) !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
	}
	.article-detail-header .admin-article-actions {
		position: absolute !important;
		right: calc(-1 * (100vw - 100%) / 2 + 20px) !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
	}
}

/* Mobile layout */
@media (max-width: 991px) {
	.article-detail-header {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 15px !important;
		text-align: center !important;
		padding-bottom: 15px !important;
	}
	.article-detail-header h2 {
		margin: 10px 0 !important;
		order: 1 !important;
	}
	.article-detail-header .btn-back-admin {
		position: static !important;
		transform: none !important;
		margin-bottom: 10px !important;
		width: 100% !important;
		order: 0 !important;
	}
	.article-detail-header .admin-article-actions {
		position: static !important;
		transform: none !important;
		display: flex !important;
		justify-content: center !important;
		gap: 8px !important;
		width: 100% !important;
		order: 2 !important;
	}
	.article-detail-sub-navigation {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
	}
}

/* PowerPoint layout rendering */
.powerpoint-article-layout {
	position: relative !important;
	width: 100% !important;
}
.draggable-block {
	box-sizing: border-box !important;
}
.draggable-block.text-block {
	word-break: break-word !important;
}
.draggable-block.text-block * {
	margin-bottom: 0.5rem;
}
.draggable-block.text-block *:last-child {
	margin-bottom: 0;
}
.draggable-block img {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
}

/* Desktop view: Absolute positioning */
@media (min-width: 992px) {
	.draggable-block {
		position: absolute !important;
	}
	.draggable-block.text-block {
		height: auto !important; /* height should fit text contents */
	}
}

/* Mobile/Tablet view: Normal stacked layout */
@media (max-width: 991px) {
	.powerpoint-article-layout {
		height: auto !important; /* expand height dynamically */
	}
	.draggable-block {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		margin-bottom: 25px !important;
	}
	.draggable-block img {
		width: 100% !important;
		height: auto !important;
	}
}
/* Logo ajouté après « Golden Rabbit » dans le contenu (spécificité de 3 id, comme le style inline remplacé) */
:is(.lire-article__logo-lapin, #_#_#_) {
	height: 56px;
	width: auto;
	vertical-align: middle;
	margin-left: 6px;
	display: inline-block;
}