/*
 * germine-brand.css
 * Brand override for germine.fr — botanical growth identity
 * Palette: deep forest green #1B5E3B · lime accent #A8E63D · warm cream #F7F5F0 · dark soil #0F2E1A
 * Replaces Pitch.com purple/teal (#6b53ff, #8d49f7) with Germine green identity
 */

/* ─── 1. ROOT TOKENS ──────────────────────────────────────────────────── */
:root {
  --g-green-deep:    #1B5E3B;
  --g-green-mid:     #2D8653;
  --g-lime:          #A8E63D;
  --g-lime-dark:     #8AC92A;
  --g-cream:         #F7F5F0;
  --g-cream-dark:    #EEE9E0;
  --g-soil:          #0F2E1A;
  --g-soil-mid:      #1A3D26;
  --g-text:          #1A2E1F;
  --g-text-light:    #4A6355;
  --g-white:         #FFFFFF;
}

/* ─── 2. BODY & BASE ──────────────────────────────────────────────────── */
body {
  background-color: var(--g-white);
  color: var(--g-text);
}

/* ─── 3. NAVIGATION ───────────────────────────────────────────────────── */

/* Default nav: white with green text */
.style_navigation__831Nr {
  background: var(--g-white) !important;
  color: var(--g-text) !important;
}

/* Scrolled state: was purple gradient → now deep green */
.style_navigation__831Nr.style_scrolled__NidG7,
.style_navigation__831Nr.style_homepage__wqF1S.style_scrolled__NidG7,
.style_navigation__831Nr.style_marketing__1qiwc.style_scrolled__NidG7,
.style_navigation__831Nr.style_pricing___0wzH.style_scrolled__NidG7,
.style_navigation__831Nr.style_teaser__lD6P9.style_scrolled__NidG7 {
  background: linear-gradient(90deg, var(--g-soil), var(--g-green-deep)) !important;
  color: var(--g-white) !important;
}

/* Purple gradient nav → deep green */
.style_navigation__831Nr.style_gradient-purple__juKnU {
  background: var(--g-green-deep) linear-gradient(95.14deg, var(--g-soil), var(--g-green-deep) 103.53%) !important;
}

/* Homepage/transparent nav: keep transparent, color white */
.style_navigation__831Nr.style_homepage__wqF1S,
.style_navigation__831Nr.style_marketing__1qiwc,
.style_navigation__831Nr.style_pricing___0wzH,
.style_navigation__831Nr.style_teaser__lD6P9 {
  background: transparent !important;
}

/* Logo color */
.style_logo__wHn5p {
  color: var(--g-text) !important;
}
.style_dark__CK1wj .style_logo__wHn5p,
.style_navigation__831Nr.style_negative___OCKE .style_logo__xTYN0 {
  color: var(--g-white) !important;
  filter: none !important;
}

/* Nav link gradient hover: purple → green */
.gradientHover {
  background-image: linear-gradient(
    130deg,
    var(--g-green-mid),
    var(--g-green-deep) 46%,
    currentColor 54%,
    currentColor
  ) !important;
}

/* ─── 4. BUTTONS ──────────────────────────────────────────────────────── */

/* Primary filled button (blue / "blue__d__3k" class) */
.style_button__yXCPf.style_blue__d__3k {
  background-image: linear-gradient(90deg, var(--g-green-deep), var(--g-green-mid)) !important;
}
.style_button__yXCPf.style_blue__d__3k .style_background__d1fSR {
  background-image: linear-gradient(90deg, var(--g-green-mid), var(--g-green-deep), var(--g-green-mid)) !important;
}

/* Outline button (gradient border with gradient text) */
.style_button__yXCPf.style_outline__uoaH1 {
  background-image: linear-gradient(90deg, var(--g-green-deep), var(--g-green-mid)) !important;
}

/* Light button: white bg, gradient text */
.style_button__yXCPf.style_light__bvLRB .style_body__3OnzW,
.style_button__yXCPf.style_outline__uoaH1 .style_body__3OnzW {
  background-image: linear-gradient(90deg, var(--g-green-deep), var(--g-green-mid)) !important;
}
.style_button__yXCPf.style_light__bvLRB .style_body__3OnzW .style_emoji__5dr4M,
.style_button__yXCPf.style_outline__uoaH1 .style_body__3OnzW .style_emoji__5dr4M {
  color: var(--g-green-deep) !important;
}

/* Blurple variant → green */
.style_button__yXCPf.style_blurple__RG4l_,
.style_button__rXZOF.style_blurple__RG4l_ {
  background-image: linear-gradient(90deg, var(--g-green-deep), var(--g-green-mid)) !important;
}

/* Sign-up / CTA nav button */
.style_button__yXCPf.style_light__bvLRB {
  background: none !important;
}

/* ─── 5. HERO SECTION ─────────────────────────────────────────────────── */

/* Hero circle glow: purple → green */
.style_hero__ZOWhV:before {
  box-shadow: 0 0 10vw var(--g-green-deep) !important;
}

/* Hero bg (on product/pricing pages) */
.style_hero__qeIC3 {
  background: var(--g-cream) !important;
}
.style_hero__qeIC3:after {
  background: linear-gradient(transparent, var(--g-white), var(--g-white)) !important;
}

/* ─── 6. FOOTER BANNER (CTA BANNER) ──────────────────────────────────── */

.style_footerBanner__h16gQ {
  background-color: var(--g-green-deep) !important;
  background-image: none !important;
}
.style_footerBanner__h16gQ.style_ptw__Zf9Ur {
  background: bottom/72.5rem 80% no-repeat
    radial-gradient(closest-side, var(--g-green-mid), transparent),
    linear-gradient(transparent, var(--g-green-deep)) !important;
}

/* ─── 7. ACCENT COLORS & SECTION LABELS ─────────────────────────────── */

/* Section name accent (was purple) */
.style_sectionName__b0_sM {
  color: var(--g-green-deep) !important;
}

/* "See more" links, read-more links on dark bg */
.style_seeMoreLink__e8_J2 {
  color: var(--g-green-deep) !important;
}

/* byPitch badge → byGermine */
.style_byPitch__Eb22G {
  background: rgba(27, 94, 59, 0.07) !important;
  color: var(--g-green-deep) !important;
}

/* memberLimit badge */
.style_memberLimit__I2Zb5 {
  background: rgba(168, 230, 61, 0.15) !important;
  color: var(--g-green-deep) !important;
}

/* Dark comparison table highlight */
.style_dark__gg4Fo .style_background__Ly973,
.style_dark__gg4Fo .style_column___dkUt {
  background: linear-gradient(90deg, var(--g-soil), var(--g-green-mid)) !important;
}
.style_dark__gg4Fo .style_background__Ly973:before,
.style_dark__gg4Fo .style_column___dkUt:before {
  background: linear-gradient(180deg, hsla(0,0%,100%,.12), transparent), var(--g-soil) !important;
}
.style_dark__gg4Fo .style_firstColumn__1b6BA {
  box-shadow: 0 8px 26px 0 rgba(27, 94, 59, 0.35) !important;
}

/* ─── 8. TESTIMONIALS & CARDS ─────────────────────────────────────────── */

.style_testimonial__BModD {
  background-image: linear-gradient(var(--gradient-rotation, 135deg), var(--g-green-deep), var(--g-green-mid)) !important;
}
.style_testimonial__BModD.style_dark__Vu_ux {
  background: linear-gradient(90deg, var(--g-soil), var(--g-green-mid)) !important;
}
.style_testimonial__BModD.style_dark__Vu_ux:before {
  background-color: var(--g-soil) !important;
  background-image: linear-gradient(var(--gradient-rotation, 135deg), hsla(0,0%,100%,.12) 0, rgba(15, 46, 26, 0) 100%) !important;
}

/* Template overlay */
.style_templateOverlay__GAB2q:before {
  background: linear-gradient(95.14deg, var(--g-green-deep), var(--g-green-mid)) !important;
}

/* Image gradient overlay */
.style_image__moIGU:after {
  background: linear-gradient(180deg, transparent, var(--g-green-deep)) !important;
}

/* ─── 9. CAROUSEL NAV BUTTONS ─────────────────────────────────────────── */

.style_navButtonNext__97NlU svg,
.style_navButtonPrev__NcGdl svg {
  fill: var(--g-green-deep) !important;
}
.style_navButtonNext__97NlU:active,
.style_navButtonPrev__NcGdl:active {
  background: var(--g-green-deep) !important;
}
.style_navButtonNext___ELHX svg,
.style_navButtonPrev__QiVI7 svg,
.style_navButtonNext___y7ip svg,
.style_navButtonPrev__ImyzC svg {
  fill: var(--g-green-mid) !important;
}
.style_navButtonNext___ELHX:hover,
.style_navButtonPrev__QiVI7:hover,
.style_navButtonNext___y7ip:hover,
.style_navButtonPrev__ImyzC:hover {
  background-image: linear-gradient(rgba(45, 134, 83, 0.06), rgba(45, 134, 83, 0.06)) !important;
}
.style_navButtonNext___ELHX:active,
.style_navButtonPrev__QiVI7:active,
.style_navButtonNext___y7ip:active,
.style_navButtonPrev__ImyzC:active {
  background: var(--g-green-mid) !important;
}

/* ─── 10. AI PROMPT BOX (homepage) ───────────────────────────────────── */

.style_promptBox__d_NUm {
  background: linear-gradient(180deg, #edf7e8, var(--g-white)) !important;
}
.style_progressBar__yJFFN {
  background: linear-gradient(90deg, var(--g-green-deep), var(--g-lime)) !important;
}

/* Prompt button gradients: cyan/pink → lime/green */
.style_promptButtonGradient1__Hp4Dh {
  background: radial-gradient(closest-side, var(--g-lime), rgba(168, 230, 61, 0)) !important;
}
.style_promptButtonGradient2__PF0kQ {
  background: radial-gradient(closest-side, #b8f0a0, rgba(184, 240, 160, 0)) !important;
}
.style_promptButtonGradient3__cb2oM {
  background: radial-gradient(closest-side, var(--g-lime), rgba(168, 230, 61, 0)) !important;
}
.style_promptButtonGradient4__x6gxy {
  background: radial-gradient(closest-side, #b8f0a0, rgba(184, 240, 160, 0)) !important;
}

/* Cursor dark state */
.cursor_cursor__EDNTn.cursor_dark__CvQkZ .cursor_cursorPhoto__kZGIS {
  background: linear-gradient(90deg, var(--g-green-deep), var(--g-lime)) !important;
}

/* ─── 11. DARK THEME SECTIONS ─────────────────────────────────────────── */

/* Dark read-more links (on dark bg sections) */
.style_readMoreLink__v_MwY.style_dark__tH_C6 {
  color: var(--g-lime) !important;
}
.style_readMoreLink__v_MwY.style_dark__tH_C6:focus,
.style_readMoreLink__v_MwY.style_dark__tH_C6:hover {
  color: var(--g-white) !important;
}

/* Blue label gradient → green */
.style_blue__hJGGX .style_label__Ag91G {
  background-image: linear-gradient(90deg, var(--g-green-mid), var(--g-green-deep), var(--g-green-mid)) !important;
}

/* Dark label gradient */
.style_dark__tH_C6 .style_label__Ag91G {
  background-image: linear-gradient(90deg, var(--g-lime), var(--g-green-mid), var(--g-lime)) !important;
}

/* ─── 12. LINK ACCENTS ────────────────────────────────────────────────── */

a.style_sectionName__b0_sM,
.style_link__ACtIW:hover {
  color: var(--g-green-deep) !important;
}