/* Custom font definitions */
.ibm-plex-mono-regular { /* Font for logo */
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
  font-style: normal;
  color: black;
}
body { /* Default font for the whole site */
  font-family: 'Inter', sans-serif;
}
code { /* Font for account number */
  font-family: 'Roboto Mono', monospace;
}

/* Hide scrollbar utility class */
.no-scrollbar::-webkit-scrollbar { /* Chrome, Safari and Opera */
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Pricing */
.plan-radio:checked + .price-card {
  border-color: #2563eb;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  transform: scale(1.01);
}
.price-card {
  transition: all 0.2s ease-in-out;
}

/* Sign up */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-success {
    animation: slideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Tailwind overrides for Docs pages */
/* Remove bullet points from table of contents */
.toc-container .toc ul li {
    list-style-type: none;
    margin-left: -1.5rem; /* Adjusts alignment to pull the title back to the left */
}

/* Style links in table of contents */
.toc-container .toc a {
    color: #111827;
    text-decoration: none;
}
.toc-container .toc a:hover {
    text-decoration: underline;
}

/* Hide first list item (H1) from table of contents */
.toc-container .toc > ul > li:first-child > a {
    display: none;
}

/* Add vertical spacing to second list item (H2) in table of contents */
.toc-container .toc > ul > li > ul > li:not(:first-child) {
    margin-top: 1rem;
}

/* Style third list item (H3) in table of contents  */
.toc-container .toc > ul > li > ul > li > ul a {
    font-weight: 400 !important; /* Overrides global prose-a bold */
    color: #4b5563 !important;   /* Softer gray-600 color to distinguish from H2 */
}

/* Shrink content H1 to look like a default H2 */
.prose h1 {
    font-size: 1.5em !important;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    line-height: 1.33 !important;
    font-weight: 700 !important; /* Bold */
    color: #1f2937 !important;   /* Tailwind gray-800 */
}

/* Force content H1 after ToC to be normal weight */
.toc-container ~ h1 {
    font-weight: 400 !important; /* Normal text weight */
}

/* Shrink content H2 to look like a default H3 */
.prose h2 {
    font-size: 1.25em !important;
    margin-top: 1.6em !important;
    margin-bottom: 0.6em !important;
    font-weight: 600 !important; /* Semi-bold */
    color: #1f2937 !important;   /* Tailwind gray-800 */
}

/* Shrink content H3 to look like a default H4 */
.prose h3 {
    font-size: 1.1em !important;
    margin-top: 1.4em !important;
    margin-bottom: 0.5em !important;
    font-weight: 400 !important; /* Normal text weight */
    color: #1f2937 !important;   /* Tailwind gray-800 */
}

/* Unify the weight and color for H4 through H6 */
.prose h4,
.prose h5,
.prose h6 {
    font-weight: 400 !important; /* Normal text weight */
    color: #1f2937 !important;   /* Tailwind gray-800 */
}

/* Fix and style inline code pills */
.prose code::before,
.prose code::after {
    content: none !important;
}
.prose code {
    background-color: #f3f4f6 !important; /* Tailwind gray-100 */
    padding: 0.125rem 0.375rem !important;
    border-radius: 0.375rem !important;
    font-weight: 500 !important;
}

/* Style preformatted code blocks */
.prose pre {
    background-color: #f3f4f6 !important; /* Tailwind gray-100 */
    color: #1f2937 !important; /* Tailwind gray-900 */
    padding: 1rem !important;
    border-radius: 0.375rem !important;
    overflow-x: auto !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}