/*
Theme Name: Busi2Digi Blog
Theme URI: https://busi2digi.com/blogs/
Author: Busi2Digi Studio
Author URI: https://busi2digi.com/
Description: Custom Modern Dark Mode Blog Theme designed specifically for Busi2Digi Creative Design, Video & Digital Growth Studio. Matches busi2digi.com branding seamlessly with Tailwind CSS, sticky Table of Contents, and full dynamic WordPress support.
Version: 2.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: busi2digi-blog
*/

@layer base {
  html, body {
    margin: 0;
    padding: 0;
  }
  body {
    overscroll-behavior: none;
  }
  main > :first-child {
    margin-top: 0 !important;
  }
  main > :last-child {
    margin-bottom: 0 !important;
  }
}

::-webkit-scrollbar {
  display: none;
}

.blue-glow {
  box-shadow: 0 0 50px -10px rgba(30, 96, 242, 0.35);
}

.glass-dark {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.interactive-card {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.interactive-card:hover {
  transform: translateY(-5px);
}

.doodle-font {
  font-family: 'Caveat', cursive;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Sticky Sidebar */
.sticky-article-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
  align-self: flex-start;
  z-index: 30;
}

/* Single Post Content Typography */
.busi2digi-prose {
  color: #334155;
  font-size: 1.0625rem;
  line-height: 1.85;
}

.busi2digi-prose p {
  margin-bottom: 1.5rem;
  color: #475569;
  line-height: 1.8;
}

.busi2digi-prose h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  color: #0f172a;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  scroll-margin-top: 6rem;
}

.busi2digi-prose h3 {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #1e293b;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  scroll-margin-top: 6rem;
}

.busi2digi-prose ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
  color: #475569;
}

.busi2digi-prose ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
  color: #475569;
}

.busi2digi-prose li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}

.busi2digi-prose blockquote {
  border-left: 4px solid #1e60f2;
  padding: 1.25rem 1.5rem;
  margin: 2rem 0;
  background: #eff6ff;
  border-radius: 0 1rem 1rem 0;
  color: #0f172a;
  font-style: italic;
  font-size: 1.125rem;
}

.busi2digi-prose img {
  border-radius: 1rem;
  margin: 2rem 0;
  width: 100%;
  height: auto;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
}

.busi2digi-prose a {
  color: #1e60f2;
  text-decoration: underline;
  font-weight: 600;
}

.busi2digi-prose a:hover {
  color: #1d4ed8;
}