.elementor-8326 .elementor-element.elementor-element-3b695c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8326 .elementor-element.elementor-element-44e9421{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b8cce4b *//* =========================
   WeChef — HERO "Create.Share.Inspire."
   ========================= */
.wechef-hero{
  /* Tokens */
  --hero-image: url('https://wechef.fr/wp-content/uploads/2025/03/raspberry-4599580_1920.jpg');
  --ink: #ffffff;
  --muted: #c9d4e5;
  --night-900:#071421;
  --night-800:#0b1e30;
  --electric:#0e66ff;      /* bleu électrique WeChef */
  --electric-2:#6c63ff;    /* violet accent */
  --glass: rgba(255,255,255,.08);

  position: relative;
  display: grid;
  place-items:center;
  min-height: clamp(70vh, 86vh, 100vh);
  padding: clamp(64px, 10vh, 160px) 24px;
  overflow: hidden;
  color: var(--ink);
  isolation: isolate;
  background: var(--night-900);
}

/* BACKDROP : ta photo + dégradés pour lisibilité */
.wechef-hero__backdrop{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg, rgba(7,20,33,.25) 0%, rgba(7,20,33,.55) 45%, rgba(7,20,33,.85) 100%),
    linear-gradient(120deg, rgba(14,102,255,.18), rgba(108,99,255,.12)),
    var(--hero-image) center 40%/cover no-repeat;
  filter: saturate(1.05) contrast(1.04);
}

/* Vignette douce + bande lumineuse diagonale */
.wechef-hero__vignette{
  position:absolute;
  inset:-20% -10% -10% -10%;
  z-index:-1;
  background:
    radial-gradient(60% 40% at 50% 20%, rgba(255,255,255,.14) 0%, transparent 60%),
    radial-gradient(80% 60% at 80% 90%, rgba(14,102,255,.25) 0%, transparent 60%),
    radial-gradient(80% 60% at 10% 90%, rgba(108,99,255,.18) 0%, transparent 55%);
  pointer-events:none;
  mix-blend-mode: screen;
}

.wechef-hero__inner{
  width:min(1200px, 92vw);
  text-align:center;
}

/* TITRE — style très moderne, avec sheen animé */
.wechef-hero__title{
  margin:0 0 16px;
  font-family: "Space Grotesk", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight:700;
  letter-spacing:.01em;
  line-height:.94;
  font-size:clamp(44px, 8vw, 110px);
  text-wrap:balance;
  color:var(--ink);
  background: linear-gradient(180deg,#fff 0%, #dfe9ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color: transparent;
  position:relative;
  text-shadow: 0 10px 40px rgba(0,0,0,.45);
}

/* mot du milieu accentué en dégradé bleu/violet */
.wechef-hero__title span{
  background: linear-gradient(90deg, var(--electric), var(--electric-2));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color: transparent;
}

/* Shine subtil qui traverse le titre */
.wechef-hero__title::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.35) 15%, transparent 32%);
  transform: translateX(-120%);
  animation: sheen 4.5s ease-in-out infinite 1.2s;
  pointer-events:none;
}
@keyframes sheen{
  0% { transform: translateX(-120%); opacity: 0; }
  15%{ opacity: 1; }
  60% { transform: translateX(120%); opacity: 0; }
  100%{ transform: translateX(120%); opacity: 0; }
}

/* SOUS-TITRE */
.wechef-hero__subtitle{
  margin:0 auto;
  max-width:60ch;
  font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:600;
  color:var(--muted);
  font-size:clamp(16px, 2.1vw, 22px);
  letter-spacing:.01em;
}

/* BOUTONS */
.wechef-hero__buttons{
  display:flex; flex-wrap:wrap; gap:14px; justify-content:center;
  margin-top: clamp(22px, 4.5vh, 38px);
}

.wechef-btn{
  --h:56px; --r:999px;
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--h); padding:0 28px; border-radius:var(--r);
  font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:800; letter-spacing:.02em;
  text-decoration:none; line-height:1;
  transition: transform .2s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease, color .25s ease;
  will-change: transform;
}

/* Primary = bouton bleu électrique avec glow */
.wechef-btn--primary{
  color:#fff;
  background: linear-gradient(180deg, var(--electric) 0%, color-mix(in srgb, var(--electric), #fff 8%) 100%);
  border:1px solid color-mix(in srgb, var(--electric), #000 12%);
  box-shadow: 0 12px 36px rgba(14,102,255,.45), inset 0 -6px 18px rgba(0,0,0,.15);
}
.wechef-btn--primary:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 48px rgba(14,102,255,.55), inset 0 -6px 18px rgba(0,0,0,.15);
}
.wechef-btn--primary:active{ transform: translateY(0); }

/* Glass = contour + flou, parfait sur ta pho*
/* Secondary button: "Explore Content" — boost visibility */
.wechef-btn--glass{
  color:#fff;
  background: rgba(255,255,255,.10);
  border:1.5px solid rgba(255,255,255,.55);
  backdrop-filter: blur(8px) saturate(120%);
  text-shadow: 0 1px 8px rgba(0,0,0,.45);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08),
              0 10px 28px rgba(0,0,0,.35);
}
.wechef-btn--glass:hover{
  background: rgba(255,255,255,.18);
  border-color:#fff;
  box-shadow: 0 16px 44px rgba(14,102,255,.35),
              0 0 0 4px rgba(14,102,255,.25);
  transform: translateY(-2px);
}
.wechef-btn--glass:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(14,102,255,.45);
}/* End custom CSS */