@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Caprasimo:wght@400&display=swap);
/* =========================================================
   BOUTONS NOTION — nouvelle structure (<a>.notion-button)
========================================================= */

a.notion-button {
  width: auto !important;
  min-width: 260px !important;
  max-width: 420px !important;

  display: inline-flex !important;
  box-sizing: border-box !important;

  margin: 12px auto !important;
  padding: 14px 24px !important;

  border-radius: 9999px !important;
  border: none !important;
  box-shadow: none !important;

  font-family: Poppins, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  background-color: #00b1ac !important;
  color: #ffffff !important;
  text-decoration: none !important;

  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;

  cursor: pointer !important;

  transition:
  transform .15s ease,
  background-color .2s ease,
  opacity .2s ease !important;
}

/* Inner wrapper */
a.notion-button .notion-button-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* Label */
a.notion-button .notion-button-label {
  text-align: center !important;
  white-space: nowrap;
}

/* Hover */
a.notion-button:hover {
  background-color: #ff7034 !important;
  transform: scale(1.04) !important;
  opacity: 1 !important;
}

/* Supprime éventuels pseudo-éléments */
a.notion-button::before,
a.notion-button::after {
  display: none !important;
}
/* FIX — empêcher le "bouton dans le bouton" */
a.notion-button .notion-button-inner{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

a.notion-button .notion-button-label{
  color: inherit !important;
  opacity: 1 !important;
  background: transparent !important;
}
.dark-mode a.notion-button,
.dark-mode a.notion-button .notion-button-label{
  opacity: 1 !important;
  filter: none !important;
}
/* =========================================================
   8) Gallery cards (ombre, cover)
========================================================= */
.notion-gallery .notion-gallery-grid {
  gap: 24px !important;
  padding: 12px !important;
}

.notion-gallery .notion-collection-card {
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,0,0,.05) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.05) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}
.notion-gallery .notion-collection-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.10), 0 6px 16px rgba(0,0,0,.06) !important;
}

.notion-gallery .notion-collection-card-cover {
  overflow: hidden !important;
  border-radius: 22px 22px 0 0 !important;
  height: 230px !important;
}
.notion-gallery .notion-collection-card-cover img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  transform: scale(1.02);
}

.notion-gallery .notion-collection-card-body {
  padding: 18px 18px 16px !important;
}
.notion-gallery .notion-collection-card .notion-property-title {
  font-size: 20px !important;
  line-height: 1.3 !important;
}
.notion-gallery .notion-collection-card .notion-property-text,
.notion-gallery .notion-collection-card .notion-property-rich_text {
  opacity: .92 !important;
}
.notion-gallery .notion-property-multi_select-item {
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

/* Ombres non coupées */
.notion-gallery,
.notion-gallery-view,
.notion-gallery-grid,
.notion-gallery-grid > *,
.notion-collection,
.notion-collection-view,
.notion-collection-content,
.notion-collection-body,
.notion-collection-container {
  overflow: visible !important;
}

/* Align emoji + titre */
.notion-gallery .notion-property-title .notion-page-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.notion-gallery .notion-page-title-icon {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  font-size: 1.1em !important;
}
.notion-gallery .notion-page-title-text {
  line-height: 1.15 !important;
  display: block !important;
}
@import url(https://fonts.googleapis.com/css2?family=Caprasimo:wght@400&display=swap);
/* SLOGAN — "Des événements pour tous..." */
#block-34d20cdc7b5a4441b1710f343c7a71f5 b,
.notion-block-34d20cdc7b5a4441b1710f343c7a71f5 b {
  font-size: 50px !important;
  font-family: Caprasimo, cursive !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;

  background: linear-gradient(to right, #ff7034, #ff3e9d) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  display: inline-block !important;
}

/* Neutralise la teinte "notion-gray" qui peut gêner */
#block-34d20cdc7b5a4441b1710f343c7a71f5 .notion-gray,
.notion-block-34d20cdc7b5a4441b1710f343c7a71f5 .notion-gray {
  color: inherit !important;
}
/* =========================================================
   6) Espacements (version Bullet actuelle)
========================================================= */

/* Bloc row (marges haut/bas) */
#block-a24a44da57c7443c9cc2828a48bf66a6,
.notion-block-a24a44da57c7443c9cc2828a48bf66a6 {
  margin-top: 50px !important;
  margin-bottom: 80px !important;
}

/* Texte d’intro (taille) */
#block-2fb6ae9a98f2805fb38dc1fee4758a33,
.notion-block-2fb6ae9a98f2805fb38dc1fee4758a33 {
  font-size: 1.6em !important;
}
@media (max-width: 768px) {
  #block-a24a44da57c7443c9cc2828a48bf66a6 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #block-2fb6ae9a98f2805fb38dc1fee4758a33 {
    font-size: 1.6em !important;
  }
}
