/* --- External Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Tiny5&display=swap');


.cherry-bomb-one-regular {
  font-family: "Cherry Bomb One", system-ui;
  font-weight: 400;
  font-style: normal;
}
.cherry-container {
  display: flex;
  justify-content: center;
  width: 100%;
}
.cherry-text {
  font-family: 'Cherry Bomb One', cursive !important;
  text-align: left;
  line-height: 1.6;
}

/* --- Site Name - Unknown Use --- */
.published-container {
  --site-name-font: 'Tiny5', sans-serif !important;
}

/* --- Desktop Site Name --- */
.site-body-left-column-site-name {
  font-family: 'Tiny5', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  padding: 4px 18px 4px 0px !important;
  text-align: center;
}
.site-body-left-column-site-logo {
  margin-bottom: 0px !important;
  padding: 0 18px 0 0 !important;
}


/* --- Mobile Header Site Name --- */
.site-header-text {
  font-family: 'Tiny5', sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
}

.site-body-left-column {
  padding: 12px 0 0 18px !important;
}

.published-container {
  --footer-display: none;
  --logo-max-height: 128px;
}

.markdown-preview-view {
  padding: 4px 0 40px 0;
}

@media screen and (max-width: 750px) {
  .published-container .markdown-preview-view {
    padding: 8px 0 40px;
  }
}


/* --- Master Color Definitions --- */
:root {
  --custom-red-rgb: 251, 70, 76;
  --custom-orange-rgb: 233, 151, 63;
  --custom-yellow-rgb: 224, 222, 113;
  --custom-green-rgb: 68, 207, 110;
  --custom-cyan-rgb: 83, 223, 221;
  --custom-blue-rgb: 2, 122, 255;
  --custom-purple-rgb: 168, 130, 255;
  --custom-pink-rgb: 250, 153, 205;
  --custom-grey-rgb: 158, 158, 158;
}

/* --- Link Colors --- */
body {
  --link-color: #efb219;          /* Internal links */
  --link-external-color: #efb219; /* External links */
  --link-color-hover: #ffd45a;    /* Hover color */
  --heading-spacing: 4px;
  --p-spacing: 12px;
}

/* --- Remove underlines and borders for all links --- */
a,
a.internal-link,
a.external-link,
.wikilink,
.cm-hmd-internal-link,
.cm-link {
    color: var(--link-color);
    text-decoration: none !important;
    border-bottom: none !important;
    transition: color 0.2s ease;
}

/* --- Hover colors without underlines --- */
a:hover,
a.internal-link:hover,
a.external-link:hover,
.wikilink:hover,
.cm-hmd-internal-link:hover,
.cm-link:hover {
    color: var(--link-color-hover);
    text-decoration: none !important;
    border-bottom: none !important;
}

/* --- Header links --- */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a.internal-link,
h2 a.internal-link,
h3 a.internal-link,
h4 a.internal-link,
h5 a.internal-link,
h6 a.internal-link,
h1 a.external-link,
h2 a.external-link,
h3 a.external-link,
h4 a.external-link,
h5 a.external-link,
h6 a.external-link {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* --- External links color --- */
a.external {
    color: var(--link-external-color);
}

/* --- Pseudo-elements for themes that use ::after for underlines --- */
a::after,
a.internal-link::after,
a.external-link::after,
.wikilink::after {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* --- Remove underline rules under headings in Publish --- */
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* --- CALLOUTS --- */

/* --- Remove bottom padding from callouts --- */
.callout-content p:last-of-type {
  margin-bottom: 0;
}

/* --- gamepad-2 --- */
.callout[data-callout="gamepad-2-blue"] {
  --callout-color: var(--custom-blue-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-2-green"] {
  --callout-color: var(--custom-green-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-2-orange"] {
  --callout-color: var(--custom-orange-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-2-yellow"] {
  --callout-color: var(--custom-yellow-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-2-red"] {
  --callout-color: var(--custom-red-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-2-cyan"] {
  --callout-color: var(--custom-cyan-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-2-purple"] {
  --callout-color: var(--custom-purple-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="gamepad-2-grey"] {
  --callout-color: var(--custom-grey-rgb);
  --callout-icon: lucide-gamepad-2;
}

/* --- Awards --- */
.callout[data-callout="trophy-green"] {
  --callout-color: var(--custom-green-rgb);
  --callout-icon: lucide-trophy;
}
.callout[data-callout="square-check-green"] {
  --callout-color: var(--custom-green-rgb);
  --callout-icon: lucide-square-check;
}
.callout[data-callout="calendar-check-green"] {
  --callout-color: var(--custom-green-rgb);
  --callout-icon: lucide-calendar-check;
}

/* --- Journal --- */
.callout[data-callout="book-heart-blue"] {
  --callout-color: var(--custom-blue-rgb);
  --callout-icon: lucide-book-heart;
}
.callout[data-callout="book-heart-green"] {
  --callout-color: var(--custom-green-rgb);
  --callout-icon: lucide-book-heart;
}
.callout[data-callout="book-heart-orange"] {
  --callout-color: var(--custom-orange-rgb);
  --callout-icon: lucide-book-heart;
}
.callout[data-callout="book-heart-yellow"] {
  --callout-color: var(--custom-yellow-rgb);
  --callout-icon: lucide-book-heart;
}
.callout[data-callout="book-heart-red"] {
  --callout-color: var(--custom-red-rgb);
  --callout-icon: lucide-gamepad-2;
}
.callout[data-callout="book-heart-cyan"] {
  --callout-color: var(--custom-cyan-rgb);
  --callout-icon: lucide-book-heart;
}
.callout[data-callout="book-heart-purple"] {
  --callout-color: var(--custom-purple-rgb);
  --callout-icon: lucide-book-heart;
}
.callout[data-callout="book-heart-grey"] {
  --callout-color: var(--custom-grey-rgb);
  --callout-icon: lucide-book-heart;
}

/* --- Lists --- */
.callout[data-callout="list-grey"] {
  --callout-color: var(--custom-grey-rgb);
  --callout-icon: lucide-list;
}
.callout[data-callout="list-orange"] {
  --callout-color: var(--custom-orange-rgb);
  --callout-icon: lucide-list;
}
.callout[data-callout="scroll-text-grey"] {
  --callout-color: var(--custom-grey-rgb);
  --callout-icon: lucide-scroll-text;
}
.callout[data-callout="scroll-text-cyan"] {
  --callout-color: var(--custom-cyan-rgb);
  --callout-icon: lucide-scroll-text;
}
.callout[data-callout="scroll-text-orange"] {
  --callout-color: var(--custom-orange-rgb);
  --callout-icon: lucide-scroll-text;
}