/* WILFRIED CONTACT PAGE — FIXED V2 */

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

.wilfried-contact-hero {
background:
radial-gradient(
circle at 86% 15%,
rgba(211, 165, 79, 0.18),
transparent 29%
),
radial-gradient(
circle at 8% 90%,
rgba(131, 34, 29, 0.46),
transparent 37%
),
linear-gradient(
125deg,
#080706,
#3a1410 58%,
#080706
);
border-bottom: 1px solid rgba(211, 165, 79, 0.3);
min-height: 58vh;
overflow: hidden;
padding-bottom: clamp(4rem, 8vw, 8rem);
padding-top: clamp(4rem, 8vw, 8rem);
position: relative;
}

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

.wilfried-contact-hero__inner {
max-width: 1280px !important;
position: relative;
z-index: 1;
}

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

.wilfried-contact-hero__title {
color: #fff8eb;
font-size: clamp(4.4rem, 8vw, 7.5rem);
line-height: 0.94;
margin-top: 1.4rem;
max-width: 1150px;
}

.wilfried-contact-hero__intro {
color: rgba(255, 248, 235, 0.84) !important;
line-height: 1.55;
max-width: 850px;
}

.wilfried-contact-main {
background:
radial-gradient(
circle at 100% 8%,
rgba(124, 32, 28, 0.28),
transparent 34%
),
#090807;
padding-bottom: clamp(4rem, 7vw, 7rem);
padding-top: clamp(4rem, 7vw, 7rem);
}

.wilfried-contact-columns {
align-items: flex-start;
display: grid !important;
gap: clamp(2.5rem, 5vw, 5rem);
grid-template-columns:
minmax(0, 1.45fr)
minmax(330px, 0.75fr);
}

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

.wilfried-contact-form-column {
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: 22px;
box-shadow: 0 30px 75px rgba(0, 0, 0, 0.4);
padding: clamp(2rem, 4vw, 4rem);
}

.wilfried-contact-form-column > h2 {
color: #fff8eb;
font-size: clamp(2.8rem, 4.5vw, 4.8rem);
line-height: 1;
}

.wilfried-contact-information {
display: grid;
gap: 1.5rem;
}

.wilfried-contact-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.28);
border-radius: 18px;
padding: 2rem;
}

.wilfried-contact-card__number {
color: rgba(226, 180, 93, 0.52);
font-size: 2.6rem;
font-weight: 800;
line-height: 1;
}

.wilfried-contact-card h3 {
color: #e2b45d;
font-size: clamp(1.7rem, 2vw, 2.2rem);
line-height: 1.1;
}

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

.wilfried-contact-direct {
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 2.2rem 0;
}

.wilfried-contact-direct a {
background: rgba(4, 3, 3, 0.46);
border: 1px solid rgba(211, 165, 79, 0.3);
border-radius: 13px;
color: #fff8eb;
padding: 1.15rem 1.25rem;
text-decoration: none;
transition:
border-color 180ms ease,
transform 180ms ease;
}

.wilfried-contact-direct a:hover {
border-color: #d4a550;
transform: translateY(-2px);
}

.wilfried-contact-direct__label {
color: rgba(255, 248, 235, 0.5);
display: block;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.12em;
margin-bottom: 0.35rem;
text-transform: uppercase;
}

.wilfried-contact-direct strong {
color: #e2b45d;
font-size: 1rem;
overflow-wrap: anywhere;
}

.wilfried-contact-form__row {
display: grid;
gap: 1.4rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wilfried-contact-field {
margin-bottom: 1.5rem;
}

.wilfried-contact-field label {
color: #fff8eb;
display: block;
font-size: 0.9rem;
font-weight: 700;
margin-bottom: 0.6rem;
}

.wilfried-contact-field label span,
.wilfried-contact-acknowledgement label span span {
color: #dfae54;
}

.wilfried-contact-field input,
.wilfried-contact-field select,
.wilfried-contact-field textarea {
background: rgba(4, 3, 3, 0.62);
border: 1px solid rgba(211, 165, 79, 0.34);
border-radius: 10px;
box-sizing: border-box;
color: #fff8eb;
font: inherit;
outline: none;
padding: 0.95rem 1rem;
width: 100%;
}

.wilfried-contact-field input:focus,
.wilfried-contact-field select:focus,
.wilfried-contact-field textarea:focus {
border-color: #d4a550;
box-shadow: 0 0 0 3px rgba(212, 165, 80, 0.13);
}

.wilfried-contact-field select option {
background: #17100d;
color: #fff8eb;
}

.wilfried-contact-field textarea {
resize: vertical;
}

.wilfried-contact-acknowledgement label {
align-items: flex-start;
color: rgba(255, 248, 235, 0.72);
cursor: pointer;
display: flex;
gap: 0.8rem;
line-height: 1.55;
}

.wilfried-contact-acknowledgement input {
accent-color: #d4a550;
flex: 0 0 auto;
height: 18px;
margin-top: 0.2rem;
width: 18px;
}

.wilfried-contact-privacy-notice {
border-left: 2px solid rgba(212, 165, 80, 0.55);
color: rgba(255, 248, 235, 0.52);
font-size: 0.78rem;
line-height: 1.6;
margin-top: 1.4rem;
padding-left: 1rem;
}

.wilfried-contact-submit button {
background: #d4a550;
border: 1px solid #d4a550;
border-radius: 999px;
color: #17100b;
cursor: pointer;
font: inherit;
font-weight: 800;
padding: 0.95rem 1.65rem;
}

.wilfried-contact-honeypot {
left: -10000px !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
}

.wilfried-contact-notice {
border-radius: 10px;
font-weight: 700;
margin-bottom: 2rem;
padding: 1rem 1.2rem;
}

.wilfried-contact-notice--success {
background: rgba(73, 143, 83, 0.15);
border: 1px solid rgba(102, 184, 112, 0.46);
color: #b8e4bd;
}

.wilfried-contact-notice--error {
background: rgba(167, 57, 50, 0.15);
border: 1px solid rgba(203, 75, 66, 0.48);
color: #efb6b1;
}

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

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

.wilfried-contact-social h2 {
color: #fff8eb;
font-size: clamp(3rem, 5vw, 5.3rem);
line-height: 1;
}

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

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

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

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

.wilfried-contact-card--agency {
grid-column: span 2;
}
}

@media (max-width: 760px) {
.wilfried-contact-form__row,
.wilfried-contact-direct,
.wilfried-contact-information {
grid-template-columns: 1fr;
}

.wilfried-contact-card--agency {
grid-column: auto;
}

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

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