/* Import Inter font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Global body font */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #2a2a2a;
}

/* Global headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #111;
  line-height: 1.3;
  margin-bottom: 0.6em;
}

/* Article titles (all sections) */
.article-content h4 a,
.article-content h6 a,
.article-black .article-content h4 a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4;
  color: #111 !important;
}

/* Article content paragraphs + dates */
.article-content p,
.article-content .date {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px;
  color: #444 !important;
}
.article-content .date {
  font-size: 13px;
  font-weight: 400;
  color: #777 !important;
}

/* Single article content (fix inline weirdness) */
.single-article-content,
.single-article-content p,
.single-article-content em,
.single-article-content strong,
.single-article-content span,
.single-article-content li {
  font-family: 'Inter', sans-serif !important;
}
.single-article-content strong { font-weight: 600 !important; }
.single-article-content em { font-style: italic !important; }

/* Sidebar + related posts */
.article-sidebar h3,
.article-sidebar h2,
.article-sidebar .sidebar-list a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: #111 !important;
  line-height: 1.4;
}

/* Seller Articles section */
.course-heading h2,
.course-content h4,
.course-content h4 a,
.course-content p,
.course-content .date {
  font-family: 'Inter', sans-serif !important;
  color: #111 !important;
}
.course-content h4 a {
  font-weight: 700 !important;
  line-height: 1.4;
}
.course-content p {
  font-size: 15px;
  color: #444 !important;
}
.course-content .date {
  font-size: 13px;
  font-weight: 400;
  color: #777 !important;
}

/* Podcast section */
.podcast-main h3,
.podcast-content p a,
.podcast-content .date {
  font-family: 'Inter', sans-serif !important;
}
.podcast-content p a {
  font-weight: 600 !important;
  font-size: 15px;
  line-height: 1.4;
  color: #111 !important;
}
.podcast-content .date {
  font-size: 13px;
  font-weight: 400;
  color: #777 !important;
}

/* Navigation + footer */
.site-navigation a,
footer,
footer a,
footer p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500;
  font-size: 15px;
}

/* Fix dark overlay article cards */
.article-black .article-content h4 a,
.article-black .article-content p,
.article-black .article-content .date {
  color: #fff !important;
}

/* On hover, keep text white too */
.article-black:hover .article-content h4 a,
.article-black:hover .article-content p,
.article-black:hover .article-content .date {
  color: #fff !important;
}

/* Default state: white/light background → dark text */
.course-collunm .course-content h4 a,
.course-collunm .course-content p,
.course-collunm .course-content .date,
.course-collunm .course-content .categories-list li {
  color: #111 !important;  /* dark text */
}
.course-collunm .course-content p {
  color: #444 !important; /* softer for excerpt */
}
.course-collunm .course-content .date,
.course-collunm .course-content .categories-list li {
  color: #777 !important; /* subtle gray */
}

/* Hover/overlay state: dark background → light text */
.course-collunm:hover .course-content h4 a,
.course-collunm:hover .course-content p,
.course-collunm:hover .course-content .date,
.course-collunm:hover .course-content .categories-list li {
  color: #fff !important;  /* switch to white */
}
.course-collunm:hover .course-content p {
  color: #ddd !important; /* slightly dimmer than title */
}

/* Default state: white/light background → dark text */
.course-collunm .course-content h4 a,
.course-collunm .course-content p,
.course-collunm .course-content .date,
.course-collunm .course-content .categories-list li {
  color: #111 !important;  /* dark text */
  transition: color 0.3s ease; /* smooth transition */
}
.course-collunm .course-content p {
  color: #444 !important;
  transition: color 0.3s ease;
}
.course-collunm .course-content .date,
.course-collunm .course-content .categories-list li {
  color: #777 !important;
  transition: color 0.3s ease;
}

/* Hover/overlay state: dark background → light text */
.course-collunm:hover .course-content h4 a,
.course-collunm:hover .course-content p,
.course-collunm:hover .course-content .date,
.course-collunm:hover .course-content .categories-list li {
  color: #fff !important;
}
.course-collunm:hover .course-content p {
  color: #ddd !important;
}

/* Footer Base */
footer.footer {
  background: linear-gradient(180deg, #0a192f 0%, #000 100%) !important;
  color: #ddd !important;
  font-family: 'Inter', sans-serif !important;
  padding: 3rem 1rem 1rem !important;
}

/* Grid layout for footer links */
footer.footer .footer-collunm-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 2rem !important;
  margin-bottom: 3rem !important;
}

/* Column headings */
footer.footer .footer-collunm h6 {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
  color: #fff !important;
}

/* Links */
footer.footer .footer-collunm a {
  color: #ccc !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

footer.footer .footer-collunm a:hover {
  color: #fff !important;
}

/* Middle logo */
footer.footer .footer-midd {
  text-align: center !important;
  margin: 2rem 0 !important;
}
footer.footer .footer-midd img {
  max-width: 220px !important;
  opacity: 0.1 !important;
}

/* Bottom section */
footer.footer .footer-bottom {
  text-align: center !important;
  font-size: 0.8rem !important;
  color: #aaa !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  padding-top: 1rem !important;
}
footer.footer .footer-bottom h6 {
  font-size: 0.8rem !important;
  margin-bottom: 0.5rem !important;
  color: #fff !important;
}
footer.footer .footer-bottom ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 1rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 0.5rem !important;
}
footer.footer .footer-bottom li {
  font-size: 0.75rem !important;
  color: #bbb !important;
}
footer.footer .footer-bottom p {
  margin: 0 !important;
  font-size: 0.75rem !important;
  color: #666 !important;
}

/* Override footer link font */
footer.footer .footer-collunm ul li a {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;

}

/* Footer section headers */
footer.footer .footer-collunm h6 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  margin-bottom: 1rem !important;
}