/*
  Rushers Brand Guide — Colori Home Page
  ─────────────────────────────────────────────────────────────────
  Golf Course  #1b5e4c  → verde primario (brand)
  Tree         #13221d  → verde scuro / quasi nero
  Santorini    #88bfb5  → verde acqua (accento)
  Sand         #c7a451  → oro (CTA, accenti)
  Pearl        #fff9e9  → crema (bg light)
  ─────────────────────────────────────────────────────────────────
*/

/* ── CSS custom properties brand ── */
body.home {
  --rushers:       #1b5e4c;  /* Golf Course */
  --rushers-dark:  #13221d;  /* Tree */
  --rushers-soft:  #88bfb5;  /* Santorini */
  --rushers-gold:  #c7a451;  /* Sand */
  --rushers-pearl: #fff9e9;  /* Pearl */
  --bg:            #8fc4b8;  /* Santorini medio — light mode bg */
  --ink:           #13221d;
  --line:          #6aa89c;
}

/* ── Light mode: verde Santorini come nello screenshot approvato ── */
body.home {
  background-color: #8fc4b8;
  background-image:
    radial-gradient(72% 58% at 10% 5%,  rgba(52, 170, 130, 0.24) 0%, rgba(52, 170, 130, 0) 72%),
    radial-gradient(66% 52% at 90% 1%,  rgba(21,  88,  69, 0.18) 0%, rgba(21,  88,  69, 0) 72%),
    radial-gradient(82% 64% at 52% 120%, rgba(15,  95,  75, 0.16) 0%, rgba(15,  95,  75, 0) 74%),
    linear-gradient(156deg, #a8d4ca 0%, #8fc4b8 44%, #7ab5a8 100%);
}

/* Azzera il ::before generico (blu/viola) e lo sostituisce con verde puro */
body.home::before {
  background: linear-gradient(
    108deg,
    rgba(27, 94,  76, 0.42) 0%,
    rgba(21, 88,  69, 0.36) 44%,
    rgba(15, 95,  75, 0.28) 100%
  ) !important;
}

/* Azzera il ::after generico (blu/viola/arancio) e lo sostituisce con verde puro */
body.home::after {
  background:
    radial-gradient(70% 56% at 14% 12%, rgba(27,  94,  76, 0.26) 0%, rgba(27,  94,  76, 0) 74%),
    radial-gradient(64% 56% at 88% 10%, rgba(21,  88,  69, 0.22) 0%, rgba(21,  88,  69, 0) 76%),
    radial-gradient(78% 62% at 50% 116%, rgba(15,  95,  75, 0.18) 0%, rgba(15,  95,  75, 0) 72%),
    linear-gradient(180deg, rgba(143,196,184,0) 0%, rgba(120,178,166,0.50) 50%, rgba(100,160,148,0.90) 100%) !important;
}

/* ── Dark mode: Tree (#13221d) come base ── */
:root[data-theme='dark'] body.home {
  --bg:  #0c1410;
  --ink: #f0ede0;
  --line: #2a3d36;
  background-color: #0c1410;
  background-image:
    radial-gradient(74% 58% at 10% 5%,  rgba(27, 94, 76, 0.30)  0%, rgba(27, 94, 76, 0)  72%),
    radial-gradient(68% 55% at 90% 1%,  rgba(19, 34, 29, 0.26)  0%, rgba(19, 34, 29, 0)  72%),
    radial-gradient(82% 64% at 52% 120%, rgba(136,191,181,0.22)  0%, rgba(136,191,181,0)  74%),
    linear-gradient(156deg, #101a15 0%, #0d1712 44%, #0a1310 100%);
}

:root[data-theme='dark'] body.home::before {
  background: linear-gradient(
    108deg,
    rgba(27,  94,  76, 0.40) 0%,
    rgba(19,  34,  29, 0.34) 45%,
    rgba(136, 191, 181, 0.22) 100%
  ) !important;
}

:root[data-theme='dark'] body.home::after {
  background:
    radial-gradient(70% 56% at 14% 12%, rgba(27,  94,  76, 0.28)   0%, rgba(27,  94,  76, 0)   74%),
    radial-gradient(64% 56% at 88% 10%, rgba(21,  88,  69, 0.22)   0%, rgba(21,  88,  69, 0)   76%),
    radial-gradient(78% 62% at 50% 116%, rgba(136,191,181, 0.26)  0%, rgba(136,191,181, 0)  72%),
    linear-gradient(180deg, rgba(13,20,16,0) 0%, rgba(13,20,16,0.56) 50%, rgba(8,13,10,0.94) 100%) !important;
}

/* ── Colori accent applicati nella home ── */

/* CTA primario → Golf Course */
body.home .cta-btn,
body.home .join-btn,
body.home .lang-btn.active {
  background-color: #1b5e4c;
  color: #fff9e9;
}

body.home .cta-btn:hover,
body.home .join-btn:hover {
  background-color: #13221d;
}

/* Accento oro → Sand (per counter, highlight) */
body.home .market-counter strong,
body.home #marketCounterValue {
  color: #c7a451;
}

/* Bordi e linee → Santorini */
body.home .lang-toggle,
body.home .theme-toggle,
body.home .top-home-link {
  border-color: #88bfb5;
}

body.home .top-home-link {
  color: #13221d;
  background: #f3ede0;
}

body.home .top-home-link:hover {
  background: #ebe5d5;
}

/* Dark mode accenti */
:root[data-theme='dark'] body.home .top-home-link {
  color: #f0ede0;
  background: rgba(27,94,76,0.18);
}

:root[data-theme='dark'] body.home .top-home-link:hover {
  background: rgba(27,94,76,0.30);
}

:root[data-theme='dark'] body.home .market-counter strong,
:root[data-theme='dark'] body.home #marketCounterValue {
  color: #c7a451;
}

/* ── Pagine dedicate (invariate) ── */
body.page-template-page-justeat {
  background-color: #f7efe3 !important;
  background-image:
    radial-gradient(58% 44% at 12% 8%, rgba(255, 127, 0, 0.14) 0%, rgba(255, 127, 0, 0) 72%),
    radial-gradient(54% 42% at 88% 8%, rgba(255, 153, 64, 0.16) 0%, rgba(255, 153, 64, 0) 74%),
    linear-gradient(180deg, #fbf3e7 0%, #f6ecdf 100%) !important;
}

body.page-template-page-eufarma {
  background-color: #f3f4f6 !important;
  background-image:
    radial-gradient(60% 46% at 12% 8%, rgba(184, 190, 198, 0.22) 0%, rgba(184, 190, 198, 0) 72%),
    radial-gradient(56% 44% at 88% 10%, rgba(218, 222, 228, 0.30) 0%, rgba(218, 222, 228, 0) 74%),
    linear-gradient(180deg, #f7f8fa 0%, #f2f4f7 54%, #ffffff 100%) !important;
}

:root[data-theme='dark'] body.page-template-page-justeat {
  background-color: #12161b !important;
  background-image:
    radial-gradient(58% 44% at 10% 8%, rgba(255, 127, 0, 0.16) 0%, rgba(255, 127, 0, 0) 72%),
    radial-gradient(52% 42% at 90% 8%, rgba(255, 159, 87, 0.14) 0%, rgba(255, 159, 87, 0) 74%),
    linear-gradient(180deg, #171c23 0%, #10151b 100%) !important;
}

:root[data-theme='dark'] body.page-template-page-eufarma {
  background-color: #0f1319 !important;
  background-image:
    radial-gradient(58% 44% at 10% 8%, rgba(86, 99, 116, 0.20) 0%, rgba(86, 99, 116, 0) 72%),
    radial-gradient(52% 42% at 90% 8%, rgba(123, 132, 146, 0.16) 0%, rgba(123, 132, 146, 0) 74%),
    linear-gradient(180deg, #161c25 0%, #0f141c 100%) !important;
}

@media (min-width: 601px) {
  .hero-copy p#heroDesc,
  #heroDesc {
    margin-top: 50px !important;
  }
}

/* Mobile readability tuning */
@media (max-width: 600px) {
  .rushers-page {
    width: min(100%, 100vw) !important;
    margin: 0 !important;
    padding: 16px 20px 42px !important;
  }

  .hero {
    gap: 14px;
    margin-bottom: 28px;
    padding-bottom: 18px;
  }

  .hero-copy {
    width: 100%;
  }

  .hero-copy .rushers-brand {
    display: block !important;
    margin: 0 auto 20px !important;
    width: clamp(138px, 43vw, 196px) !important;
    max-width: 100%;
  }

  .hero-copy h1,
  #heroTitle {
    font-size: clamp(2.05rem, 10vw, 3rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.018em !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-right: 0.08em;
    text-wrap: pretty;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .hero-copy p#heroDesc,
  #heroDesc {
    margin-top: 50px !important;
    font-size: 1.26rem !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
    max-width: 30ch;
  }

  .hero-copy .market-counter {
    margin-top: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr;
    row-gap: 6px;
    align-items: start !important;
  }

  .hero-copy .market-counter strong {
    font-size: 1.12rem !important;
    line-height: 1.3 !important;
    padding: 10px 12px !important;
  }

  #marketCounterValue {
    font-size: 1.15rem !important;
    line-height: 1.3 !important;
    word-break: break-word;
  }

  .partner-strip {
    margin-top: 34px !important;
    margin-bottom: 30px !important;
  }

  .partner-strip p {
    margin-bottom: 14px !important;
  }

  .partner-logos {
    gap: 14px !important;
  }

  .partner-card {
    min-height: 96px !important;
  }

  .partner-form-section {
    margin-top: 34px !important;
  }

  .partner-form-wrap,
  .form-wrap,
  .hero-form-wrap {
    margin-top: 20px !important;
  }

  .quick-download,
  .chat-section,
  .delivery-orbit,
  .priority-onboarding,
  .earnings-widget,
  .faq-links,
  .site-footer {
    margin-top: 30px !important;
  }
}

@media (max-width: 420px) {
  .rushers-page {
    padding: 14px 16px 38px !important;
  }

  .hero-copy h1,
  #heroTitle {
    font-size: clamp(1.95rem, 9.2vw, 2.55rem) !important;
  }
}