/* Art Of Dice — finitions non couvertes par theme.json */

body {
	overflow-x: hidden;
}

/* Header : bande bleu nuit vitrée, liseré doré discret */
header.aod-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: rgba(11, 18, 32, 0.9);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border-bottom: 1px solid rgba(201, 164, 106, 0.15);
}

.aod-header a {
	position: relative;
	text-decoration: none;
}

.aod-header a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 1px;
	background-color: var(--wp--preset--color--accent);
	transition: width 0.3s ease;
}

.aod-header a:hover::after {
	width: 100%;
}

/* Boutons : légère élévation au survol, en plus du style défini par theme.json */
.wp-block-button__link {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.is-style-outline .wp-block-button__link {
	border-color: var(--wp--preset--color--accent) !important;
	color: var(--wp--preset--color--encre) !important;
}

.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent) !important;
	color: var(--wp--preset--color--fond) !important;
}

/* Hero : image avec ombre douce, jamais un aplat dur */
.aod-hero-image img {
	box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.6);
}

/* Galerie : grand format, zoom doux et ombre au survol */
.aod-gallery figure {
	overflow: hidden;
	border-radius: 4px;
}

.aod-gallery .wp-block-image img {
	transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.aod-gallery .wp-block-image:hover img {
	transform: scale(1.04);
}

.aod-gallery figcaption {
	font-size: 14px;
	color: var(--wp--preset--color--encre-douce);
	font-style: normal;
	margin-top: 10px;
}

/* FAQ / étapes : liste éditoriale à liserés, pas de pavés sombres */
.aod-faq-item {
	border-top: 1px solid rgba(201, 164, 106, 0.2);
	padding-top: 28px;
	padding-bottom: 4px;
}

.aod-faq-item:last-child {
	border-bottom: 1px solid rgba(201, 164, 106, 0.2);
	padding-bottom: 28px;
}

/* Apparition douce des sections au chargement */
.aod-fade-in {
	animation: aod-fade-in 1s ease forwards;
	opacity: 0;
}

@keyframes aod-fade-in {
	to {
		opacity: 1;
	}
}