/* WILFRIED — HERO SHOWCASE AND WARM PALETTE V1 */

:root {
--wilfried-lift-background: #110e0c;
--wilfried-lift-section: #16110f;
--wilfried-lift-section-alt: #1b1310;
--wilfried-lift-card: #211915;
--wilfried-lift-card-hover: #291e18;
--wilfried-lift-text: rgba(255, 248, 235, 0.82);
--wilfried-lift-muted: rgba(255, 248, 235, 0.68);
--wilfried-lift-border: rgba(221, 174, 85, 0.34);
}


/* ================================================================
 * HERO DE L’ACCUEIL
 * La photographie devient l’élément principal.
 * ============================================================= */

.wilfried-hero-cover--showcase {
background-color: #090706;
min-height: 88vh !important;
overflow: hidden;
position: relative;
}

/*
 * Le voile n’est plus uniforme.
 * La partie gauche, où se trouve Georget, reste très visible.
 * La droite est assombrie uniquement pour recevoir le texte.
 */
.wilfried-hero-cover--showcase
> .wp-block-cover__background {
background:
linear-gradient(
90deg,
rgba(5, 4, 3, 0.03) 0%,
rgba(5, 4, 3, 0.08) 36%,
rgba(8, 5, 4, 0.28) 57%,
rgba(10, 7, 5, 0.68) 78%,
rgba(10, 7, 5, 0.84) 100%
) !important;
opacity: 1 !important;
}

.wilfried-hero-cover--showcase
.wp-block-cover__image-background {
filter:
brightness(1.08)
contrast(1.03)
saturate(1.04);
object-position: center center;
}

.wilfried-hero-cover--showcase
.wp-block-cover__inner-container {
align-items: center;
display: flex;
min-height: 88vh;
width: 100%;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__content {
box-sizing: border-box;
margin-left: auto !important;
margin-right: clamp(2rem, 7vw, 8rem) !important;
max-width: 610px !important;
padding-bottom: clamp(4rem, 7vw, 7rem) !important;
padding-top: clamp(4rem, 7vw, 7rem) !important;
width: calc(100% - 4rem);
}

.wilfried-hero-cover--showcase
.wilfried-eyebrow {
font-size: 0.7rem;
letter-spacing: 0.17em;
margin-bottom: 1.25rem;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__title {
font-size: clamp(3.5rem, 5.4vw, 5.8rem) !important;
line-height: 0.92;
margin-bottom: 1.25rem;
max-width: 8ch;
text-shadow:
0 8px 28px rgba(0, 0, 0, 0.58);
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__intro {
color: rgba(255, 248, 235, 0.88) !important;
font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
line-height: 1.65;
max-width: 550px;
text-shadow:
0 4px 18px rgba(0, 0, 0, 0.65);
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons {
margin-top: 1.8rem;
}


/* ================================================================
 * PALETTE GLOBALE LÉGÈREMENT PLUS LUMINEUSE
 * Le site reste sombre, chaud et théâtral.
 * ============================================================= */

.wilfried-main,
.wilfried-books-page,
.wilfried-book-detail-page,
.wilfried-career-page,
.wilfried-videos-page,
.wilfried-gallery-page,
.wilfried-news-page,
.wilfried-contact-page,
.wilfried-article-page {
background-color:
var(--wilfried-lift-background) !important;
color:
var(--wilfried-lift-text);
}


/*
 * Grandes sections à fond relativement uniforme.
 */

.wilfried-introduction,
.wilfried-books-section,
.wilfried-story-chapter,
.wilfried-books-list,
.wilfried-book-summary,
.wilfried-book-preview,
.wilfried-book-information,
.wilfried-book-author,
.wilfried-career-intro,
.wilfried-career-gallery,
.wilfried-interviews-section,
.wilfried-gallery-albums,
.wilfried-news-introduction,
.wilfried-contact-main {
background-color:
var(--wilfried-lift-section) !important;
}


/*
 * Sections à dégradés bordeaux.
 * La couleur de fond est éclaircie sans supprimer leurs dégradés.
 */

.wilfried-transmission,
.wilfried-books-hero,
.wilfried-books-cta,
.wilfried-book-detail-hero,
.wilfried-book-themes,
.wilfried-book-links,
.wilfried-spectacles-agency,
.wilfried-mr-pop-information,
.wilfried-career-method,
.wilfried-career-legacy,
.wilfried-videos-hero,
.wilfried-stage-videos,
.wilfried-social-section,
.wilfried-gallery-collection,
.wilfried-gallery-future,
.wilfried-news-hero,
.wilfried-news-articles,
.wilfried-news-facebook,
.wilfried-contact-hero,
.wilfried-contact-social {
background-color:
var(--wilfried-lift-section-alt) !important;
}


/*
 * Cartes et surfaces.
 */

.wilfried-book-card,
.wilfried-book-theme-card,
.wilfried-book-link-card,
.wilfried-career-method-card,
.wilfried-career-gallery-card,
.wilfried-video-featured-card,
.wilfried-interview-main,
.wilfried-interview-side,
.wilfried-video-card,
.wilfried-gallery-album-card,
.wilfried-news-card,
.wilfried-news-empty,
.wilfried-contact-form-column,
.wilfried-contact-card {
background-color:
var(--wilfried-lift-card) !important;
border-color:
var(--wilfried-lift-border) !important;
}

.wilfried-book-card:hover,
.wilfried-career-method-card:hover,
.wilfried-career-gallery-card:hover,
.wilfried-video-card:hover,
.wilfried-gallery-album-card:hover,
.wilfried-news-card:hover,
.wilfried-contact-card:hover {
background-color:
var(--wilfried-lift-card-hover) !important;
}


/*
 * Harmonisation spécifique de l’accueil.
 */

.wilfried-introduction,
.wilfried-books-section {
color:
var(--wilfried-lift-text) !important;
}

.wilfried-introduction h2,
.wilfried-books-section h2,
.wilfried-transmission h2 {
color: #fff8eb !important;
}

.wilfried-introduction p,
.wilfried-books-section p,
.wilfried-transmission p {
color:
var(--wilfried-lift-muted) !important;
}

.wilfried-introduction .has-large-font-size,
.wilfried-transmission .has-large-font-size {
color: rgba(255, 248, 235, 0.86) !important;
}

.wilfried-introduction a,
.wilfried-books-section a {
color: #e2b45d !important;
}

.wilfried-book-card h3,
.wilfried-book-card h3 a {
color: #e2b45d !important;
}

.wilfried-book-card p:last-child {
color:
var(--wilfried-lift-muted) !important;
}


/*
 * Les bordures deviennent légèrement plus visibles,
 * sans donner un aspect lumineux ou clinquant.
 */

.wilfried-main hr,
.wilfried-book-feature,
.wilfried-career-method,
.wilfried-stage-videos,
.wilfried-gallery-collection,
.wilfried-news-articles,
.wilfried-contact-social {
border-color:
var(--wilfried-lift-border) !important;
}


/* ================================================================
 * RESPONSIVE
 * ============================================================= */

@media (max-width: 900px) {
.wilfried-hero-cover--showcase
> .wp-block-cover__background {
background:
linear-gradient(
180deg,
rgba(6, 4, 3, 0.2) 0%,
rgba(8, 5, 4, 0.42) 48%,
rgba(8, 5, 4, 0.82) 100%
) !important;
}

.wilfried-hero-cover--showcase
.wp-block-cover__image-background {
object-position: 42% center;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__content {
margin-left: auto !important;
margin-right: auto !important;
max-width: 680px !important;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 44vh !important;
width: 100%;
}
}

@media (max-width: 600px) {
.wilfried-hero-cover--showcase {
min-height: 84vh !important;
}

.wilfried-hero-cover--showcase
.wp-block-cover__inner-container {
min-height: 84vh;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__title {
font-size: clamp(3rem, 15vw, 4.5rem) !important;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons {
align-items: stretch;
flex-direction: column;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons
.wp-block-button,
.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons
.wp-block-button__link {
width: 100%;
}
}

/* WILFRIED HERO POSTER V3 */

/*
 * Le visuel et la signature dominent.
 * Le contenu devient une légende discrète en haut à droite.
 */

.wilfried-hero-cover--showcase {
position: relative;
}

.wilfried-hero-cover--showcase
> .wp-block-cover__background {
background:
radial-gradient(
ellipse at 82% 18%,
rgba(6, 4, 3, 0.46) 0%,
rgba(6, 4, 3, 0.28) 25%,
rgba(6, 4, 3, 0.08) 49%,
rgba(6, 4, 3, 0) 67%
),
linear-gradient(
90deg,
rgba(5, 4, 3, 0) 0%,
rgba(5, 4, 3, 0.01) 48%,
rgba(5, 4, 3, 0.06) 72%,
rgba(5, 4, 3, 0.13) 100%
) !important;
opacity: 1 !important;
}

/*
 * Très léger éclaircissement local de la partie droite.
 * Cela aide la signature sans laver toute la photographie.
 */

.wilfried-hero-cover--showcase::after {
background:
radial-gradient(
ellipse at 81% 61%,
rgba(255, 198, 91, 0.10) 0%,
rgba(255, 198, 91, 0.045) 25%,
rgba(255, 198, 91, 0) 51%
);
content: "";
inset: 0;
mix-blend-mode: screen;
pointer-events: none;
position: absolute;
z-index: 1;
}

.wilfried-hero-cover--showcase
.wp-block-cover__image-background {
filter:
brightness(1.11)
contrast(1.02)
saturate(1.04);
object-position: center center;
}

.wilfried-hero-cover--showcase
.wp-block-cover__inner-container {
align-items: flex-start;
display: flex;
min-height: 88vh;
position: relative;
width: 100%;
z-index: 2;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__content {
box-sizing: border-box;
margin-left: auto !important;
margin-right: clamp(2rem, 6vw, 7rem) !important;
max-width: 520px !important;
padding-bottom: 0 !important;
padding-top: clamp(3.5rem, 7vh, 6rem) !important;
width: calc(100% - 4rem);
}

.wilfried-hero-cover--showcase
.wilfried-eyebrow {
font-size: 0.67rem;
letter-spacing: 0.17em;
margin-bottom: 1.05rem;
text-shadow:
0 3px 14px rgba(0, 0, 0, 0.78);
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__intro {
color: rgba(255, 248, 235, 0.88) !important;
font-family: inherit;
font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
font-weight: 400;
line-height: 1.6;
margin-bottom: 0;
max-width: 465px;
text-shadow:
0 4px 18px rgba(0, 0, 0, 0.86);
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons {
gap: 0.7rem;
margin-top: 1.3rem;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons
.wp-block-button__link {
font-size: 0.86rem;
padding:
0.7rem
1.15rem;
}


/* Tablette */

@media (max-width: 1100px) {
.wilfried-hero-cover--showcase
.wilfried-hero-cover__content {
margin-right: 2rem !important;
max-width: 470px !important;
}
}


/* Mobile */

@media (max-width: 900px) {
.wilfried-hero-cover--showcase::after {
background: none;
}

.wilfried-hero-cover--showcase
> .wp-block-cover__background {
background:
linear-gradient(
180deg,
rgba(6, 4, 3, 0.05) 0%,
rgba(7, 5, 4, 0.12) 42%,
rgba(8, 5, 4, 0.74) 74%,
rgba(8, 5, 4, 0.92) 100%
) !important;
}

.wilfried-hero-cover--showcase
.wp-block-cover__image-background {
object-position: 40% center;
}

.wilfried-hero-cover--showcase
.wp-block-cover__inner-container {
align-items: flex-end;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__content {
margin-left: auto !important;
margin-right: auto !important;
max-width: 680px !important;
padding:
2rem
1.5rem
3rem !important;
width: 100%;
}
}

@media (max-width: 600px) {
.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons {
align-items: stretch;
flex-direction: column;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons
.wp-block-button,
.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons
.wp-block-button__link {
width: 100%;
}
}
/* WILFRIED HERO POSITION V4 */

/*
 * Ajustement discret :
 * bloc éditorial plus haut et plus étroit,
 * afin de mieux dégager la signature.
 */

@media (min-width: 1101px) {
.wilfried-hero-cover--showcase
.wilfried-hero-cover__content {
margin-right:
clamp(2.5rem, 5.3vw, 6.2rem) !important;
max-width: 455px !important;
padding-top:
clamp(2.25rem, 4.5vh, 3.75rem) !important;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__intro {
line-height: 1.55;
max-width: 405px;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__buttons {
margin-top: 1.15rem;
}
}

@media (min-width: 901px) and (max-width: 1100px) {
.wilfried-hero-cover--showcase
.wilfried-hero-cover__content {
margin-right: 1.75rem !important;
max-width: 430px !important;
padding-top: 2.5rem !important;
}

.wilfried-hero-cover--showcase
.wilfried-hero-cover__intro {
max-width: 390px;
}
}