.single-page__header {
  margin-top: 20px !important;
  margin-bottom: 26px !important;
  padding: 34px 38px !important;
  padding-right: 360px !important;
  min-height: 170px !important;
  border-radius: 32px !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.94) 42%,
      rgba(255,255,255,.55) 68%,
      rgba(255,255,255,.18) 100%
    ),
    url("/content/themes/croaki/images/croaki-hero.png") right center / auto 85% no-repeat !important;
  border: 1px solid #edf1e8 !important;
  box-shadow:
    0 18px 48px rgba(16, 24, 40, 0.07),
    0 0 0 6px rgba(140, 204, 1, 0.025) !important;
  overflow: hidden !important;
}

.single-page__header .section-title,
.single-page__header h1 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 46px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
}

.single-page__content {
  padding: 38px !important;
  border-radius: 32px !important;
  background: #ffffff !important;
  border: 1px solid #edf1e8 !important;
  box-shadow:
    0 18px 48px rgba(16, 24, 40, 0.07),
    0 0 0 6px rgba(140, 204, 1, 0.025) !important;
}

.single-page__content h1,
.single-page__content h2 {
  margin: 32px 0 12px !important;
  color: #111827 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
}

.single-page__content h1:first-child,
.single-page__content h2:first-child {
  margin-top: 0 !important;
}

.single-page__content h2::before {
  content: "🐸";
  width: 36px;
  height: 36px;
  margin-right: 10px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #f8faf5;
  border: 1px solid #edf1e8;
  font-size: 16px;
  vertical-align: middle;
}

.single-page__content p,
.single-page__content li {
  color: #475467 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.single-page__content ul {
  margin: 12px 0 0 !important;
  padding: 20px 24px 20px 42px !important;
  border-radius: 22px !important;
  background: #f8faf5 !important;
  border: 1px solid #edf1e8 !important;
}

.single-page__content li {
  margin-bottom: 8px !important;
}

.single-page__content a {
  color: #2e7501 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.single-page__content a:hover {
  color: #8CCC01 !important;
}

/* Sidebar page */
.single-page .sidebar .widget,
.single-page .widget-game-list {
  border-radius: 24px !important;
  border: 1px solid #edf1e8 !important;
  background: #ffffff !important;
  box-shadow: 0 12px 34px rgba(16, 24, 40, 0.055) !important;
}

@media (max-width: 768px) {
  .single-page__header {
    padding: 26px 22px !important;
    padding-right: 22px !important;
    padding-bottom: 170px !important;
    min-height: 220px !important;
    border-radius: 26px !important;
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.99) 0%,
        rgba(255,255,255,.95) 52%,
        rgba(255,255,255,.40) 100%
      ),
      url("/content/themes/croaki/images/croaki-hero.png") center bottom / auto 150px no-repeat !important;
  }


  .single-page__header .section-title,
  .single-page__header h1 {
    font-size: 34px !important;
  }

  .single-page__content {
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }

  .single-page__content h1,
  .single-page__content h2 {
    font-size: 24px !important;
  }

  .single-page__content p,
  .single-page__content li {
    font-size: 16px !important;
  }
}


/* ==============================
   Croaki Pages Final Fix
================================= */

/* Espace propre sous le header */
.single-page {
  padding-top: 18px !important;
}

/* Évite que le contenu colle trop au footer */
.single-page__content {
  margin-bottom: 33px !important;
}

/* Liens plus Croaki */
.single-page__content a,
.single-page__content a:link,
.single-page__content a:visited {
  color: #2e7501 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border-bottom: 2px solid rgba(140, 204, 1, 0.28) !important;
}

.single-page__content a:hover {
  color: #8CCC01 !important;
  border-bottom-color: #8CCC01 !important;
}

/* Premier paragraphe façon encadré premium */
.single-page__content > p:first-of-type {
  padding: 18px 20px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #f8faf5, #ffffff) !important;
  border: 1px solid #edf1e8 !important;
}

/* Image hero encore un peu plus propre desktop */
@media (min-width: 769px) {
  .single-page__header {
    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.94) 42%,
        rgba(255,255,255,.58) 68%,
        rgba(255,255,255,.20) 100%
      ),
      url("/content/themes/croaki/images/croaki-hero.png") right center / auto 80% no-repeat !important;
  }
}