/* Navbar Button Fix - Missing CSS Variables */
:root {
  --navbar-button-background-color: #000000 !important;
  --navbar-button-text-color: #ffffff !important;
  --navbar-button-border-radii: 100px !important;
}

/* Additional navbar variables that might be missing */
:root {
  --navbar-background-color: rgba(255, 255, 255, 0.85) !important;
  --navbar-text-color: #111 !important;
  --navbar-background-color-hover: rgba(55, 53, 47, 0.08) !important;
}

/* Subscribe Button Link Styling */
#block-ffc0d6a4cc8a4a0db7342a490cc58374 .notion-semantic-string .notion-link {
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

#block-ffc0d6a4cc8a4a0db7342a490cc58374 .notion-semantic-string .notion-link:hover {
  opacity: 0.7 !important;
}

/* Ensure feature callouts remain left-aligned */
.notion-callout.bg-gray-light {
  text-align: left !important;
}

.notion-callout.bg-gray-light .notion-callout__content {
  text-align: left !important;
}

/* Make ONLY the Subscribe button callout centered and clickable */
#block-ffc0d6a4cc8a4a0db7342a490cc58374.notion-callout.bg-gray-light {
  cursor: pointer !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  min-height: 60px !important;
  padding: 20px 24px !important;
}

#block-ffc0d6a4cc8a4a0db7342a490cc58374 .notion-callout__content {
  width: 100% !important;
  text-align: center !important;
}

#block-ffc0d6a4cc8a4a0db7342a490cc58374 .notion-semantic-string {
  width: 100% !important;
  text-align: center !important;
}

/* Style the Subscribe button link to fill the entire callout */
#block-ffc0d6a4cc8a4a0db7342a490cc58374 .notion-link {
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
