/* WILFRIED — PAGE INTERVIEWS ET VIDÉOS */

.wilfried-videos-page {
background: #080706;
color: rgba(255, 248, 235, 0.74);
}

.wilfried-videos-hero {
background:
radial-gradient(
circle at 82% 18%,
rgba(213, 165, 77, 0.17),
transparent 34%
),
linear-gradient(
135deg,
#080706 0%,
#35120f 56%,
#090807 100%
);
border-bottom: 1px solid rgba(211, 165, 79, 0.3);
overflow: hidden;
padding-top: clamp(4rem, 8vw, 8rem);
padding-bottom: clamp(4rem, 8vw, 8rem);
position: relative;
}

.wilfried-videos-hero::after {
border: 1px solid rgba(211, 165, 79, 0.2);
border-radius: 50%;
content: "";
height: 44rem;
position: absolute;
right: -20rem;
top: -24rem;
width: 44rem;
}

.wilfried-videos-hero__columns {
gap: clamp(3rem, 7vw, 7rem);
position: relative;
z-index: 1;
}

.wilfried-videos-eyebrow,
.wilfried-videos-section-number,
.wilfried-video-card-label {
color: #dfae54;
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}

.wilfried-videos-hero__title {
color: #fff8eb;
font-size: clamp(4.7rem, 8vw, 8rem);
line-height: 0.9;
margin-top: 1.5rem;
}

.wilfried-videos-hero__intro {
color: rgba(255, 248, 235, 0.84) !important;
line-height: 1.55;
}

.wilfried-videos-hero__buttons {
margin-top: 2.2rem;
}

.wilfried-videos-page .is-style-outline .wp-block-button__link {
border-color: rgba(255, 248, 235, 0.68);
color: #fff8eb;
}

.wilfried-video-featured-card,
.wilfried-interview-main,
.wilfried-interview-side,
.wilfried-video-card {
background:
linear-gradient(
180deg,
rgba(42, 28, 22, 0.98),
rgba(13, 10, 8, 0.99)
);
border: 1px solid rgba(211, 165, 79, 0.3);
border-radius: 20px;
box-shadow: 0 28px 70px rgba(0, 0, 0, 0.4);
}

.wilfried-video-featured-card {
padding: clamp(1.1rem, 2vw, 1.5rem);
}

.wilfried-video-featured-card h2 {
color: #e2b45d;
font-size: clamp(1.75rem, 2.4vw, 2.45rem);
margin: 1.5rem 0 0.6rem;
}

.wilfried-video-featured-card > p {
color: rgba(255, 248, 235, 0.66);
}

.wilfried-video-frame {
aspect-ratio: 16 / 9;
background: #000;
border-radius: 13px;
box-shadow: 0 18px 38px rgba(0, 0, 0, 0.3);
overflow: hidden;
position: relative;
width: 100%;
}

.wilfried-video-frame iframe {
border: 0;
height: 100%;
inset: 0;
position: absolute;
width: 100%;
}

.wilfried-interviews-section {
background:
radial-gradient(
circle at 100% 18%,
rgba(119, 30, 27, 0.25),
transparent 31%
),
#090807;
padding-top: clamp(4rem, 7vw, 7rem);
padding-bottom: clamp(4rem, 7vw, 7rem);
}

.wilfried-videos-heading {
margin-bottom: 3.5rem;
}

.wilfried-videos-heading h2,
.wilfried-social-section h2 {
color: #fff8eb !important;
font-size: clamp(3rem, 5vw, 5.6rem) !important;
line-height: 1;
max-width: 1050px;
}

.wilfried-videos-section-intro {
color: rgba(255, 248, 235, 0.72);
max-width: 950px;
}

.wilfried-interviews-grid {
align-items: stretch;
display: grid !important;
gap: clamp(2rem, 4vw, 4rem);
grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.85fr);
}

.wilfried-interviews-grid > .wp-block-column {
flex-basis: auto !important;
min-width: 0;
width: auto !important;
}

.wilfried-interview-main,
.wilfried-interview-side {
display: flex;
flex-direction: column;
padding: clamp(1.5rem, 3vw, 2.5rem);
}

.wilfried-interview-main h3,
.wilfried-interview-side h3 {
color: #e2b45d;
font-size: clamp(2rem, 3vw, 3.1rem);
line-height: 1.1;
}

.wilfried-interview-main > p,
.wilfried-interview-side > p {
color: rgba(255, 248, 235, 0.68);
line-height: 1.75;
}

.wilfried-video-source-link {
margin-top: auto;
padding-top: 1.5rem;
}

.wilfried-video-source-link a {
color: #e2b45d;
}

.wilfried-interview-side .wp-block-buttons {
margin-top: 2rem;
}

.wilfried-interview-side__note {
border-left: 2px solid rgba(211, 165, 79, 0.45);
font-size: 0.83rem;
margin-top: auto;
padding-left: 1rem;
padding-top: 0 !important;
}

.wilfried-stage-videos {
background:
radial-gradient(
circle at 10% 10%,
rgba(139, 40, 31, 0.34),
transparent 34%
),
linear-gradient(
135deg,
#220d0b,
#080706
);
border-bottom: 1px solid rgba(211, 165, 79, 0.22);
border-top: 1px solid rgba(211, 165, 79, 0.22);
padding-top: clamp(4rem, 7vw, 7rem);
padding-bottom: clamp(4rem, 7vw, 7rem);
}

.wilfried-video-grid {
display: grid !important;
gap: clamp(1.75rem, 3vw, 3rem);
grid-template-columns: repeat(3, minmax(0, 1fr));
max-width: 1500px !important;
width: 100% !important;
}

.wilfried-video-card {
display: flex;
flex-direction: column;
padding: 1.1rem 1.1rem 2rem;
transition:
border-color 220ms ease,
box-shadow 220ms ease,
transform 220ms ease;
}

.wilfried-video-card:hover {
border-color: rgba(226, 180, 93, 0.62);
box-shadow:
0 35px 75px rgba(0, 0, 0, 0.46),
0 0 38px rgba(211, 165, 79, 0.07);
transform: translateY(-5px);
}

.wilfried-video-card .wilfried-video-card-label,
.wilfried-video-card h3,
.wilfried-video-card > p {
margin-left: 0.8rem;
margin-right: 0.8rem;
}

.wilfried-video-card .wilfried-video-card-label {
margin-top: 1.8rem;
}

.wilfried-video-card h3 {
color: #e2b45d;
font-size: clamp(1.7rem, 2.1vw, 2.3rem);
line-height: 1.12;
}

.wilfried-video-card > p:last-child {
color: rgba(255, 248, 235, 0.65);
line-height: 1.7;
}

.wilfried-social-section {
background:
radial-gradient(
circle at 14% 50%,
rgba(211, 165, 79, 0.14),
transparent 32%
),
linear-gradient(
120deg,
#30110e,
#080706
);
padding-top: clamp(4rem, 7vw, 7rem);
padding-bottom: clamp(4rem, 7vw, 7rem);
}

.wilfried-social-section .wp-block-columns {
gap: clamp(3rem, 8vw, 8rem);
}

.wilfried-social-section p {
color: rgba(255, 248, 235, 0.72);
}

.wilfried-social-section .has-large-font-size {
color: #fff8eb;
font-family: var(--wp--preset--font-family--display);
font-size: clamp(1.45rem, 2.2vw, 2.1rem) !important;
line-height: 1.45;
}

@media (max-width: 1050px) {
.wilfried-videos-hero__columns {
flex-direction: column;
}

.wilfried-videos-hero__columns > .wp-block-column {
flex-basis: 100% !important;
width: 100%;
}

.wilfried-interviews-grid {
grid-template-columns: 1fr;
}

.wilfried-video-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 760px) {
.wilfried-video-grid {
grid-template-columns: 1fr;
}

.wilfried-social-section .wp-block-columns {
flex-direction: column;
}

.wilfried-social-section .wp-block-column {
flex-basis: 100% !important;
width: 100%;
}
}

/* WILFRIED VIDEOS SECTION GAP FIX */

/*
 * Les sections gèrent déjà elles-mêmes leurs marges internes.
 * Gutenberg ajoutait encore un espace noir entre deux blocs pleine largeur.
 */

.wilfried-videos-page > .wp-block-post-content {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}

.wilfried-videos-page > .wp-block-post-content > * {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}

.wilfried-videos-page > .wp-block-post-content > * + * {
margin-block-start: 0 !important;
}

.wilfried-stage-videos,
.wilfried-social-section {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}