#currentIdea {
    position: absolute;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
/* Font sizes for text-3xl and text-5xl */
.text-3xl {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
}

.text-5xl {
    font-size: 3rem; /* 48px */
    line-height: 1;
}

.z-50 {
    z-index: 50;
}
.share-menu-container {
    transition: opacity 0.2s ease;
}

.lightbox-img {
    cursor: zoom-in;
    transition: transform 0.2s;
}

.lightbox-img:hover {
    transform: scale(1.02);
}

.blastme-gradient {
    align-items:center;
    padding:10px 16px;
    background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color:#051018;
}

.blastme-gradient h2 {
    padding-top:36px;
}
.maxh90 {
    max-height: 90px;
}
.video-card {
    display: flex;
    flex-direction: row;
}
.video-figure {
    width: 30%;
    max-height: 200px;
    border-radius: 0.5rem 0 0 0.5rem;
}
.video-card-body {
    width: 70%;
}
.video-element {
    max-height: 180px;
}

.play-button {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #007bff;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  font-family: sans-serif;
  transition: background-color 0.3s ease;
}
.playing {
  background: #66b2ff;
}
.right {
  text-align: right;
}
.blastme-purple {
  background-color: #554FD8;
}
.bg-aqua:hover {
    /* does not work with DaisyUI */
  background-color: aqua !important;
  color:#554FD8 !important;
}
.aqua{
  color: aqua;
}
.aqua:hover{
  color:#ffffff;
}

.info-box {
    background: #f0f7ff;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;

}
.ul-basic{
    list-style:circle;
    padding-left: 1.5rem;
}

/* Subtitle Preview styles BEGIN */
/* Define CSS classes for each font variant */
.PoppinsBold {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-style: normal;
}

.PoppinsBoldItalic {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-style: italic;
}

.PoppinsExtraBold {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-style: normal;
}

.PoppinsExtraBoldItalic {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-style: italic;
}
.PoppinsBlack {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-style: normal;
}
.PoppinsBlackItalic {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-style: italic;
}
.AtkinsonBold {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.AtkinsonBoldItalic {
  font-family: 'Atkinson Hyperlegible', sans-serif;
  font-weight: 700;
  font-style: italic;
}

.MPLUSRoundedExtraBold {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
  font-style: normal;
}

.ArialBold {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ArialBoldItalic {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.TajawalBold {
  font-family: 'Tajawal', sans-serif;
  font-weight: 700;
  font-style: normal;
}

.TajawalExtraBold {
  font-family: 'Tajawal', sans-serif;
  font-weight: 800;
  font-style: normal;
}

.TajawalBlack {
  font-family: 'Tajawal', sans-serif;
  font-weight: 900;
  font-style: normal;
}
#subtitlePreview {
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
  letter-spacing: -0.02em; /* Approximate -5 kerning */
  text-rendering: optimizeLegibility;
}
/* Subtitle Highlight Color Preview Styles */
.subtitle-color-white { color: #FFFFFF; }
.subtitle-color-yellow { color: #FFFF00; }
.subtitle-color-red { color: #FF0000; }
.subtitle-color-blue { color: #0000FF; }
.subtitle-color-green { color: #0f970f; }
.subtitle-color-orange { color: #FFA500; }
.subtitle-color-purple { color: #800080; }
.subtitle-color-cyan { color: #00FFFF; }
.subtitle-color-pink { color: #FFC0CB; }
.subtitle-color-black { color: #000000; }
/* Subtitle Preview styles END */

/* Blog Styles BEGIN */
.blog-guide-container {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Smooth transitions for any interactive elements */
.blog-guide-item {
  transition: all 0.2s ease-in-out;
}

/* Responsive typography adjustments */
@media (max-width: 768px) {
  .blog-guide-container h1 {
    font-size: 1.75rem;
  }
  .blog-guide-container h2 {
    font-size: 1.25rem;
  }
}
/* Blog Styles END */