/* ============================================
   Typography Overrides - Eski Tema Override
   Eski CSS dosyalarındaki typography tanımlamalarını override eder
   ============================================ */

/* ============================================
   1. H1-H6 OVERRIDE
   Eski temadaki heading tanımlamalarını override et
   ============================================ */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  /* Typography-system.css'teki değerleri kullan */
  font-family: 'Anek Latin', 'DM Sans', sans-serif;
  color: var(--hbb-navy);
  font-weight: var(--hbb-font-bold);
  line-height: 1.2;
  margin: 0 0 var(--hbb-spacing-md) 0;
}

/* Navy background üzerindeki başlıklar beyaz olmalı */
.bg-navy h1, .bg-navy h2, .bg-navy h3, .bg-navy h4, .bg-navy h5, .bg-navy h6,
.bg-navy .h1, .bg-navy .h2, .bg-navy .h3, .bg-navy .h4, .bg-navy .h5, .bg-navy .h6 {
  color: var(--hbb-white) !important;
}

h1, .h1 {
  font-size: var(--hbb-font-4xl) !important;
  margin-bottom: var(--hbb-spacing-lg) !important;
}

h2, .h2 {
  font-size: var(--hbb-font-3xl) !important;
}

h3, .h3 {
  font-size: var(--hbb-font-2xl) !important;
}

h4, .h4 {
  font-size: var(--hbb-font-xl) !important;
}

h5, .h5 {
  font-size: var(--hbb-font-lg) !important;
}

h6, .h6 {
  font-size: var(--hbb-font-base) !important;
}

/* Responsive Headings */
@media (max-width: 768px) {
  h1, .h1 {
    font-size: var(--hbb-font-3xl) !important;
  }

  h2, .h2 {
    font-size: var(--hbb-font-2xl) !important;
  }

  h3, .h3 {
    font-size: var(--hbb-font-xl) !important;
  }
}

/* ============================================
   2. PARAGRAPH OVERRIDE
   ============================================ */

p {
  font-size: var(--hbb-font-lg) !important;
  margin: 0 0 1.125rem 0 !important;
  line-height: 1.75 !important;
  color: var(--hbb-text);
}

/* Navy background üzerindeki paragraflar beyaz olmalı */
.bg-navy p,
.bg-navy p.sec-desc,
.bg-navy .sec-desc {
  color: var(--hbb-white) !important;
}

/* Navy background üzerindeki sub-title altın renkte */
.bg-navy p.sub-title {
  color: var(--hbb-gold) !important;
}

/* .sec-desc genel tanımı - her yerde açık gri renkte */
.sec-desc {
  color: #B7BEC8;
}

/* Ama navy background üzerinde beyaz olmalı */
.bg-navy .sec-desc {
  color: var(--hbb-white) !important;
}

/* ============================================
   3. SECTION TITLES OVERRIDE
   ============================================ */

.sec-title,
.hbb-section__title,
.section-title {
  font-family: 'Anek Latin', 'DM Sans', sans-serif !important;
  font-size: var(--hbb-section-title-size) !important;
  font-weight: var(--hbb-font-semibold) !important;
  color: var(--hbb-navy) !important;
  line-height: 1.25 !important;
  margin-bottom: var(--hbb-spacing-md) !important;
}

/* Navy background üzerindeki sec-title beyaz olmalı */
.bg-navy .sec-title,
.bg-navy .hbb-section__title,
.bg-navy .section-title,
.bg-navy .sec-title.text-white,
.sec-title.text-white {
  color: var(--hbb-white) !important;
}

.sub-title,
.hbb-section__subtitle,
.section-subtitle {
  font-size: var(--hbb-section-label-size) !important;
  font-weight: var(--hbb-font-semibold) !important;
  color: var(--hbb-gold) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--hbb-section-label-spacing) !important;
  display: block !important;
  margin-bottom: var(--hbb-spacing-sm) !important;
}

/* Navy background üzerindeki sub-title zaten altın renkte */
.bg-navy .sub-title,
.bg-navy .hbb-section__subtitle,
.bg-navy .section-subtitle {
  color: var(--hbb-gold) !important;
}

/* Responsive Section Titles */
@media (max-width: 768px) {
  .sec-title,
  .hbb-section__title,
  .section-title {
    font-size: var(--hbb-section-title-size-mobile) !important;
  }
}

/* ============================================
   4. CARD TITLES OVERRIDE
   ============================================ */

.blog-title,
.box-title,
.box-title2,
.hbb-card__title,
.card-title,
.pagi-title {
  font-family: 'Anek Latin', 'DM Sans', sans-serif;
  font-size: var(--hbb-font-xl);
  font-weight: var(--hbb-font-bold);
  color: var(--hbb-navy);
  line-height: 1.4;
  margin-bottom: var(--hbb-spacing-sm);
}

/* Navy background üzerindeki card başlıkları beyaz olmalı */
.bg-navy .blog-title,
.bg-navy .box-title,
.bg-navy .box-title2,
.bg-navy .hbb-card__title,
.bg-navy .card-title {
  color: var(--hbb-white) !important;
}

/* Breadcrumb Title - Beyaz renk */
.breadcumb-title {
  font-family: 'Anek Latin', 'DM Sans', sans-serif !important;
  font-size: var(--hbb-font-4xl) !important;
  font-weight: var(--hbb-font-bold) !important;
  color: var(--hbb-white) !important;
  line-height: 1.4 !important;
  margin-bottom: var(--hbb-spacing-sm) !important;
}

/* ============================================
   5. LINKS OVERRIDE
   ============================================ */

a {
  color: var(--hbb-navy);
  text-decoration: none;
  transition: color var(--hbb-transition-fast);
}

a:hover {
  color: var(--hbb-gold);
}

/* Breadcrumb Links - Beyaz renk */
.breadcumb-wrapper a,
.breadcumb-menu a {
  color: var(--hbb-white) !important;
}

/* Breadcrumb Son Link (Kategori) - Altın renk */
.breadcumb-menu li:last-child a {
  color: var(--hbb-gold) !important;
}

.breadcumb-wrapper a:hover,
.breadcumb-menu a:hover {
  color: var(--hbb-gold) !important;
}

/* Breadcrumb Son Link Hover - Beyaz'a dön */
.breadcumb-menu li:last-child a:hover {
  color: var(--hbb-white) !important;
}

/* Footer Links - Beyaz renk */
.hbb-footer a,
.hbb-footer__social-link {
  color: var(--hbb-white) !important;
}

.hbb-footer a:hover {
  color: var(--hbb-gold) !important;
}

.hbb-footer__social-link:hover {
  color: var(--hbb-navy) !important;
}

/* ============================================
   6. TEXT UTILITIES OVERRIDE
   Eski temadaki text utility classlarını override et
   ============================================ */

strong, b {
  font-weight: var(--hbb-font-bold) !important;
}

em,
i:not([class*="fa-"]):not([class*="fab"]):not([class*="fas"]):not([class*="far"]):not([class*="fal"]) {
  font-style: italic !important;
}

/* FontAwesome icon'ları için italic override */
i[class*="fa-"],
i[class*="fab"],
i[class*="fas"],
i[class*="far"],
i[class*="fal"] {
  font-style: normal !important;
}

small, .text-small {
  font-size: var(--hbb-font-sm) !important;
  color: var(--hbb-text-light) !important;
}

/* ============================================
   7. UTILITY CLASS OVERRIDES
   Text color utility classes - En yüksek öncelik
   ============================================ */

/* .text-white utility class - Tüm diğer kuralları override eder */
h1.text-white,
h2.text-white,
h3.text-white,
h4.text-white,
h5.text-white,
h6.text-white,
.sec-title.text-white,
.sec-desc.text-white,
.sub-title.text-white,
.box-title.text-white,
.card-title.text-white,
p.text-white,
span.text-white,
a.text-white,
.text-white {
  color: var(--hbb-white) !important;
}

/* .text-navy utility class */
h1.text-navy,
h2.text-navy,
h3.text-navy,
h4.text-navy,
h5.text-navy,
h6.text-navy,
.sec-title.text-navy,
.box-title.text-navy,
h3.box-title,
.text-navy {
  color: var(--hbb-navy) !important;
}

/* .text-gold utility class */
h1.text-gold,
h2.text-gold,
h3.text-gold,
h4.text-gold,
h5.text-gold,
h6.text-gold,
.sec-title.text-gold,
.sub-title.text-gold,
.text-gold {
  color: var(--hbb-gold) !important;
}

/* ============================================
   8. ENHANCED TYPOGRAPHY - Daha Büyük Font Boyutları
   Font boyutları orijinal tasarıma uygun hale getirildi
   ============================================ */

/* Ana Başlıklar - Clamp ile responsive */
h1, .h1 {
  font-size: clamp(2rem, 5vw, 3rem) !important; /* Daha büyük */
}

h2, .h2 {
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}

h3, .h3 {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
}

/* Sayfa başlıkları (page-header) */
.page-header h1,
.breadcumb-title {
  font-size: clamp(2.5rem, 6vw, 4rem) !important;
}

/* Kart başlıkları */
.card-title,
.event-card-title,
.event-title,
.news-title,
.box-title {
  font-size: 1.25rem !important; /* Daha büyük */
  font-weight: 600 !important;
}

/* Body text */
body {
  font-size: 1rem !important; /* 0.875rem'den artırıldı */
  line-height: 1.6 !important;
}

/* Section titles */
.sec-title,
.section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}