/*
Theme Name: Lux Lamea
Theme URI: https://luxlamea.fr
Author: David Chevallet
Description: Un thème réservé uniquement à Michèle Rabot. @2026 Tous droits réservés.
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lux-lamea
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* === Banner Hover Cards === */
.banner-card {
	overflow: hidden;
	cursor: pointer;
}

/* Blur the background image on hover */
.banner-card .wp-block-cover__image-background {
	transition: filter 0.45s ease, transform 0.45s ease;
}

.banner-card:hover .wp-block-cover__image-background {
	filter: blur(12px);
	transform: scale(1.05);
}

/* Also blur the overlay if present */
.banner-card .wp-block-cover__background {
	transition: opacity 0.45s ease;
}

.banner-card:hover .wp-block-cover__background {
	opacity: 0.6 !important;
}

/* Keep inner content sharp — no blur, no translateY */
.banner-card .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

/* Buttons block hidden by default, revealed on hover */
.banner-card .wp-block-buttons {
	opacity: 0;
	transform: translateY(15px);
	transition: opacity 0.35s ease 0.1s, transform 0.35s ease 0.1s;
	pointer-events: none;
}

.banner-card:hover .wp-block-buttons {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* === Home Hero Logo Overlay === */

/* The wrapper Group that contains both Colonnes + Logo group */
.home-hero {
	position: relative;
}

/* The logo group floats above the columns */
.home-logo-overlay {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	pointer-events: none;
}

/* Make links/images inside the overlay clickable */
.home-logo-overlay a,
.home-logo-overlay img {
	pointer-events: auto;
}

/* Force logos to white */
.home-logo-overlay img {
	filter: brightness(0) invert(1);
}

/* The manuscript logo "lux lamea" — pinned near the top */
.home-logo-overlay .logo-text {
	margin-top: clamp(1.5rem, 4vh, 3rem);
	margin-bottom: 0;
}

/* The monogram "LN" — truly centered in the remaining space */
.home-logo-overlay .logo-monogram {
	flex: 1;
	display: flex;
	align-items: center;
}

.home-logo-overlay .logo-monogram img {
	height: auto;
}