/**
 * Styles additionnels : impression, admin bar, utilitaires
 * Chargé après style.css
 */

/* ================================================
   BARRE D'ADMINISTRATION
   ================================================ */
.admin-bar .wp-block-template-part[data-slug="header"],
.admin-bar header.site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .wp-block-template-part[data-slug="header"],
	.admin-bar header.site-header {
		top: 46px;
	}
}

/* ================================================
   STYLES D'IMPRESSION
   ================================================ */
@media print {
	header.site-header,
	.wp-block-template-part[data-slug="header"],
	footer.site-footer,
	.wp-block-template-part[data-slug="footer"],
	.wp-block-navigation,
	.wp-block-search,
	.pagination,
	.breadcrumb,
	.no-print {
		display: none !important;
	}

	body {
		font-size: 12pt;
		color: #000;
		background: #fff;
	}

	a[href]::after {
		content: " (" attr(href) ")";
		font-size: 10pt;
		color: #555;
	}

	h1, h2, h3 {
		page-break-after: avoid;
	}

	img {
		max-width: 100% !important;
		page-break-inside: avoid;
	}
}

/* ================================================
   FIL D'ARIANE
   ================================================ */
.breadcrumb {
	font-size: var(--fs-xs);
	letter-spacing: 0.04em;
	color: var(--color-text-muted);
	margin-block-end: var(--space-md);
}

.breadcrumb a {
	color: var(--color-text-muted);
	text-decoration: none;
}
.breadcrumb a:hover {
	color: var(--color-accent);
	text-decoration: underline;
}

.breadcrumb-sep {
	margin-inline: 0.4em;
	opacity: 0.5;
}

/* ================================================
   TEMPS DE LECTURE
   ================================================ */
.reading-time {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	font-size: var(--fs-xs);
	color: var(--color-text-muted);
	letter-spacing: 0.03em;
}

.reading-time svg {
	width: 1em;
	height: 1em;
	opacity: 0.6;
}

/* ================================================
   BOUTON "RETOUR EN HAUT"
   ================================================ */
#back-to-top {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 999;
	width: 3rem;
	height: 3rem;
	border-radius: var(--radius-full);
	background: var(--color-accent);
	color: #fff;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--shadow-md);
	opacity: 0;
	pointer-events: none;
	transform: translateY(1rem);
	transition: opacity var(--transition-base), transform var(--transition-base);
}

#back-to-top.visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

#back-to-top:hover {
	background: var(--color-accent-hover);
	transform: translateY(-3px);
}

/* ================================================
   BARRE D'ANNONCE
   ================================================ */
.announcement-bar {
	background: var(--color-primary);
	color: #fff;
	text-align: center;
	padding: 0.6em var(--space-sm);
	font-size: var(--fs-sm);
}

.announcement-bar a {
	color: rgba(255,255,255,0.9);
	font-weight: 600;
}

/* ================================================
   NOTICE DE COOKIES (GDPR)
   ================================================ */
.cookie-notice {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: var(--color-primary);
	color: rgba(255,255,255,0.9);
	padding: var(--space-sm) var(--space-lg);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
	flex-wrap: wrap;
	box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
	font-size: var(--fs-sm);
}

.cookie-notice p { margin: 0; }

.cookie-notice__actions {
	display: flex;
	gap: var(--space-xs);
	flex-shrink: 0;
}

/* ================================================
   MODE SOMBRE (préférence système)
   ================================================ */
@media (prefers-color-scheme: dark) {
	:root {
		--color-bg:      #121212;
		--color-bg-alt:  #1e1e1e;
		--color-text:    #e2e8f0;
		--color-border:  #2d2d2d;
		--color-primary: #f0f0f0;
	}

	.wp-block-post {
		background: var(--color-bg-alt);
	}

	.wp-block-quote {
		background: #1e1e1e;
	}
}