/*
Theme Name: WebWorking GeneratePress Child
Theme URI: https://webworking.co/
Description: Thème enfant GeneratePress pour la refonte éditoriale et organique de WebWorking.
Author: WebWorking
Template: generatepress
Version: 0.4.0
Requires PHP: 8.0
Text Domain: webworking
*/


/* Discovery call page — scoped so the conversion flow retains the site shell. */
.ww-discovery-page .entry-header { display: none; }
.ww-discovery-page .inside-article { padding: 0; background: transparent; }
.ww-discovery-page .entry-content { margin-top: 0; }
.ww-discovery { width: 100%; overflow: hidden; background: var(--ww-color-cream); color: var(--ww-color-ink); }
.ww-discovery *, .ww-discovery *::before, .ww-discovery *::after { box-sizing: border-box; }
.ww-discovery__shell { width: min(calc(100% - (var(--ww-container-gutter) * 2)), var(--ww-width-wide)); margin-inline: auto; }
.ww-discovery__shell--content { width: min(calc(100% - (var(--ww-container-gutter) * 2)), var(--ww-width-content)); }
.ww-discovery__hero { padding: clamp(3.5rem, 7vw, 6.5rem) 0 clamp(3.25rem, 6vw, 5.5rem); background: var(--ww-color-cream-2); }
.ww-discovery__eyebrow { margin: 0 0 var(--ww-space-4); color: var(--ww-color-coral-deep); font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ww-discovery h1, .ww-discovery h2, .ww-discovery h3 { font-family: var(--ww-font-display); color: var(--ww-color-ink); letter-spacing: -.04em; }
.ww-discovery h1 { max-width: 15ch; margin: 0; font-size: clamp(2.55rem, 5.2vw, 5rem); font-weight: 600; line-height: .98; }
.ww-discovery h2 { margin: 0; font-size: clamp(2rem, 3.5vw, 3.35rem); font-weight: 600; line-height: 1.02; }
.ww-discovery h3 { margin: 0; font-size: clamp(1.55rem, 2.2vw, 2.1rem); font-weight: 600; line-height: 1.05; }
.ww-discovery p, .ww-discovery li { font-size: 1rem; line-height: 1.7; }
.ww-discovery__lead { max-width: 43rem; margin: var(--ww-space-6) 0 0; color: var(--ww-color-ink-soft); font-size: clamp(1.05rem, 1.4vw, 1.2rem); }
.ww-discovery__lead + .ww-discovery__lead { margin-top: var(--ww-space-3); }
.ww-discovery__hero .ww-button { margin-top: var(--ww-space-8); }
.ww-discovery__section { padding: var(--ww-section-standard) 0; }
.ww-discovery__section--white { background: var(--ww-color-white); }
.ww-discovery__section--rose { background: var(--ww-color-cream-2); }
.ww-discovery__intro { max-width: 46rem; }
.ww-discovery__intro > p { margin: var(--ww-space-5) 0 0; color: var(--ww-color-ink-soft); }
.ww-discovery__qualification { display: grid; grid-template-columns: minmax(0, 1fr) minmax(14rem, .72fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.ww-discovery__qualification-list { margin: var(--ww-space-5) 0 0; padding: 0; list-style: none; }
.ww-discovery__qualification-list li { position: relative; padding: .9rem 0 .9rem 1.55rem; border-top: var(--ww-border-subtle); color: var(--ww-color-ink-soft); }
.ww-discovery__qualification-list li::before { position: absolute; top: 1.58rem; left: .1rem; width: .52rem; height: .52rem; border-radius: 50%; background: var(--ww-color-coral); content: ''; }
.ww-discovery__aside { margin-top: .25rem; padding: var(--ww-space-6); border: var(--ww-border-subtle); border-radius: var(--ww-radius-lg); background: rgb(255 255 255 / .72); color: var(--ww-color-ink-soft); }
.ww-discovery__aside p { margin: 0; font-size: .93rem; line-height: 1.6; }
.ww-discovery__aside a { color: var(--ww-color-coral-deep); font-weight: 800; text-underline-offset: .2em; }
.ww-discovery__form-head { max-width: 43rem; margin-bottom: var(--ww-space-8); }
.ww-discovery__form-head p { margin: var(--ww-space-4) 0 0; color: var(--ww-color-ink-soft); }
.ww-discovery__form-card { padding: clamp(.55rem, 1.3vw, .85rem); border: var(--ww-border-subtle); border-radius: var(--ww-radius-lg); background: var(--ww-color-white); }
.ww-discovery__typeform { overflow: hidden; border-radius: calc(var(--ww-radius-lg) - .2rem); }
.ww-discovery__typeform > div, .ww-discovery__typeform iframe { width: 100% !important; }
.ww-discovery__why { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, .75fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.ww-discovery__why-copy p { margin: var(--ww-space-5) 0 0; color: var(--ww-color-ink-soft); }
.ww-discovery__why-list { margin: var(--ww-space-5) 0 0; padding-left: 1.2rem; color: var(--ww-color-ink-soft); }
.ww-discovery__why-list li + li { margin-top: .55rem; }
.ww-discovery__number { display: grid; min-height: 17rem; padding: clamp(1.8rem, 4vw, 3.5rem); align-content: center; border-radius: var(--ww-radius-lg); background: var(--ww-color-ink); color: var(--ww-color-white); }
.ww-discovery__number strong { color: var(--ww-color-coral-soft); font-family: var(--ww-font-display); font-size: clamp(4.6rem, 8vw, 7.5rem); font-weight: 500; letter-spacing: -.09em; line-height: .78; }
.ww-discovery__number span { max-width: 17ch; margin-top: var(--ww-space-6); font-size: 1.08rem; font-weight: 800; line-height: 1.3; }
.ww-discovery__stories-head { max-width: 42rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.ww-discovery__stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2rem); }
.ww-discovery__story { display: grid; overflow: hidden; border: var(--ww-border-subtle); border-radius: var(--ww-radius-lg); background: var(--ww-color-white); }
.ww-discovery__story-media { margin: 0; }
.ww-discovery__story .ww-video-facade { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 0; background: var(--ww-color-ink); cursor: pointer; }
.ww-discovery__story .ww-video-facade picture, .ww-discovery__story .ww-video-facade img { display: block; width: 100%; }
.ww-discovery__story .ww-video-facade img { aspect-ratio: 16 / 8.1; object-fit: cover; transition: transform var(--ww-transition); }
.ww-discovery__story .ww-video-facade:hover img, .ww-discovery__story .ww-video-facade:focus-visible img { transform: scale(1.025); }
.ww-discovery__story .ww-video-facade__play { position: absolute; top: 50%; left: 50%; width: 3.5rem; height: 3.5rem; border: 1px solid rgb(255 255 255 / .8); border-radius: 50%; background: rgb(42 35 32 / .78); transform: translate(-50%, -50%); }
.ww-discovery__story .ww-video-facade__play::after { position: absolute; top: 50%; left: 53%; width: 0; height: 0; border-top: .43rem solid transparent; border-bottom: .43rem solid transparent; border-left: .66rem solid var(--ww-color-white); content: ''; transform: translate(-50%, -50%); }
.ww-discovery__story-content { display: grid; padding: clamp(1.35rem, 2.5vw, 1.95rem); align-content: start; }
.ww-discovery__story-name { margin: 0 0 .65rem; color: var(--ww-color-coral-deep); font-size: .76rem !important; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.ww-discovery__story-content h3 { margin-bottom: .8rem; }
.ww-discovery__story-content p:not(.ww-discovery__story-name):not(.ww-discovery__result) { margin: 0; color: var(--ww-color-ink-soft); font-size: .94rem; line-height: 1.55; }
.ww-discovery__result { margin: .95rem 0 0; color: var(--ww-color-coral-deep); font-size: .96rem !important; font-weight: 800; line-height: 1.45 !important; }
.ww-discovery__story .ww-video-text-trigger { margin-top: 1rem; color: var(--ww-color-coral-deep); }
.ww-discovery__closing { text-align: center; }
.ww-discovery__closing p { margin: var(--ww-space-5) 0 0; color: var(--ww-color-ink-soft); }
.ww-discovery__closing .ww-button { margin-top: var(--ww-space-6); }
@media (max-width: 60rem) { .ww-discovery__qualification, .ww-discovery__why { grid-template-columns: 1fr; } .ww-discovery__aside { max-width: 38rem; } .ww-discovery__number { min-height: 13rem; } }
@media (max-width: 42rem) { .ww-discovery__hero { padding-block: 3.1rem 3.25rem; } .ww-discovery h1 { font-size: clamp(2.4rem, 12vw, 3.35rem); } .ww-discovery__section { padding-block: var(--ww-section-compact); } .ww-discovery__stories { grid-template-columns: 1fr; } .ww-discovery__form-card { margin-inline: calc(var(--ww-container-gutter) * -1); border-right: 0; border-left: 0; border-radius: 0; } }

@media (min-width: 60.0625rem) { .ww-discovery__aside { width: min(100%, 20rem); margin-top: clamp(10.75rem, 13vw, 12.5rem); padding: var(--ww-space-5); justify-self: end; } .ww-discovery__section--rose:has(.ww-discovery__stories) { padding-top: calc(var(--ww-section-standard) - var(--ww-space-6)); } }


/* Discovery closing copy alignment */
.ww-discovery__closing p { margin-inline: auto; }