/* Post Heading Styling - Tema ayarlarından CSS custom properties kullanılıyor */
/* Not: H1 rengi media queries tarafından dinamik olarak set edilir */

/* H1 Headings - Desktop (tema ayarlarından renk al) */
@media (min-width: 481px) {
  main article.post-article h1,
  main article.post-article .post-header h1,
  main article.post-article .post-header-inner h1,
  main article.post-article .post-content h1,
  article.post-article .post-header h1,
  .post-article .post-header-inner h1 {
    font-size: var(--theme-h1-size, 35px) !important;
    text-align: var(--theme-h1-align, left) !important;
    font-weight: var(--theme-h1-weight, 700) !important;
    font-style: var(--theme-h1-style, normal) !important;
    margin: 0 0 12px 0 !important;
  }
}

/* H1 Headings - Mobile (mobil renk media query tarafından set edilir) */
@media (max-width: 480px) {
  main article.post-article h1,
  main article.post-article .post-header h1,
  main article.post-article .post-header-inner h1,
  main article.post-article .post-content h1,
  article.post-article .post-header h1,
  .post-article .post-header-inner h1 {
    font-size: var(--theme-h1-size, 35px) !important;
    text-align: var(--theme-h1-align, left) !important;
    font-weight: var(--theme-h1-weight, 700) !important;
    font-style: var(--theme-h1-style, normal) !important;
    margin: 0 0 12px 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
  }
}

/* H2 Headings */
main article.post-article h2,
main article.post-article .post-header h2,
main article.post-article .post-header-inner h2,
main article.post-article .post-content h2,
article.post-article .post-header h2,
.post-article .post-header-inner h2 {
  font-size: var(--theme-h2-size, 30px) !important;
  color: var(--theme-h2-color, #585f26) !important;
  text-align: var(--theme-h2-align, left) !important;
  font-weight: var(--theme-h2-weight, 700) !important;
  font-style: var(--theme-h2-style, normal) !important;
  margin: 0 0 12px 0 !important;
}

/* H3 Headings */
main article.post-article h3,
main article.post-article .post-header h3,
main article.post-article .post-header-inner h3,
main article.post-article .post-content h3,
article.post-article .post-header h3,
.post-article .post-header-inner h3 {
  font-size: var(--theme-h3-size, 20px) !important;
  color: var(--theme-h3-color, #000000) !important;
  text-align: var(--theme-h3-align, left) !important;
  font-weight: var(--theme-h3-weight, 700) !important;
  font-style: var(--theme-h3-style, normal) !important;
  margin: 0 0 12px 0 !important;
}

/* H4 Headings */
main article.post-article h4,
main article.post-article .post-header h4,
main article.post-article .post-header-inner h4,
main article.post-article .post-content h4,
article.post-article .post-header h4,
.post-article .post-header-inner h4 {
  font-size: var(--theme-h4-size, 16px) !important;
  color: var(--theme-h4-color, #000000) !important;
  text-align: var(--theme-h4-align, left) !important;
  font-weight: var(--theme-h4-weight, 700) !important;
  font-style: var(--theme-h4-style, normal) !important;
  margin: 0 0 12px 0 !important;
}