/* Custom Styles for Yayasan & PKBM Patrakomala */

/* Typography & Headings */
h1, h2, h3, h4, .font-heading {
  font-family: 'Fredoka', 'Plus Jakarta Sans', sans-serif;
}

/* Hand-drawn doodle underlines */
.doodle-underline {
  position: relative;
  display: inline-block;
}

.doodle-underline::after {
  content: "";
  position: absolute;
  left: -4%;
  bottom: -6px;
  width: 108%;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 18' fill='none'%3E%3Cpath d='M3 13.5C45.5 3 115 2.5 157 14' stroke='%23F59E0B' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}

.doodle-underline-teal::after {
  content: "";
  position: absolute;
  left: -4%;
  bottom: -6px;
  width: 108%;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 18' fill='none'%3E%3Cpath d='M3 13.5C45.5 3 115 2.5 157 14' stroke='%230D9488' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}

/* Subtle chalkboard doodle grid */
.chalkboard-doodle-bg {
  background-image: radial-gradient(#0d9488 0.75px, transparent 0.75px);
  background-size: 16px 16px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #FFFDF9;
}
::-webkit-scrollbar-thumb {
  background: #E2E8F0;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #CBD5E1;
}

/* Detail open transition */
details summary::-webkit-details-marker {
  display: none;
}