/**
 * CockpitOS CM-Immo Theme - Typography
 * 
 * Verantwortlichkeit: Text-Styles und Hierarchie
 * Konsistente Typografie für alle Textelemente
 * 
 * @package CockpitOS_Light_Theme
 * @version 1.0.0
 */

/* Headings - Baloo 2 Font (mit hoher Specificity für Elementor) */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6 {
    font-family: var(--font-family-heading) !important;
    color: var(--color-primary);
}

/* Baloo 2 für alle Text-Widgets */
.elementor-widget-text-editor h1,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
.elementor-widget-text-editor h5,
.elementor-widget-text-editor h6 {
    font-family: var(--font-family-heading) !important;
}

h1, .h1 {
    font-size: var(--font-size-5xl);
    font-weight: 700;
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-lg);
}

h2, .h2 {
    font-size: var(--font-size-4xl);
    font-weight: 700;
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-lg);
}

h3, .h3 {
    font-size: var(--font-size-3xl);
    font-weight: 600;
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-md);
}

h4, .h4 {
    font-size: var(--font-size-2xl);
    font-weight: 600;
    line-height: var(--line-height-tight);
    margin-bottom: var(--spacing-md);
}

h5, .h5 {
    font-size: var(--font-size-xl);
    font-weight: 500;
    line-height: var(--line-height-normal);
    margin-bottom: var(--spacing-sm);
}

h6, .h6 {
    font-size: var(--font-size-lg);
    font-weight: 500;
    line-height: var(--line-height-normal);
    margin-bottom: var(--spacing-sm);
}

/* Body Text */
.text-xs {
    font-size: var(--font-size-xs);
}

.text-sm {
    font-size: var(--font-size-sm);
}

.text-base {
    font-size: var(--font-size-base);
}

.text-lg {
    font-size: var(--font-size-lg);
}

.text-xl {
    font-size: var(--font-size-xl);
}

/* Font Weights */
.font-light {
    font-weight: var(--font-weight-light);
}

.font-normal {
    font-weight: var(--font-weight-normal);
}

.font-medium {
    font-weight: var(--font-weight-medium);
}

.font-semibold {
    font-weight: var(--font-weight-semibold);
}

.font-bold {
    font-weight: var(--font-weight-bold);
}

/* Text Colors */
.text-primary {
    color: var(--color-primary);
}

.text-secondary {
    color: var(--color-secondary);
}

.text-muted {
    color: var(--color-gray-500);
}

.text-white {
    color: var(--color-white);
}

/* Text Alignment */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* Line Heights */
.leading-tight {
    line-height: var(--line-height-tight);
}

.leading-normal {
    line-height: var(--line-height-normal);
}

.leading-relaxed {
    line-height: var(--line-height-relaxed);
}

/* ========================================
   Theme Specific - Baloo 2 für Titel
   ======================================== */

/* CM-Immo Style Komponenten */
.cm-section-title,
.cm-card__title,
.cm-button {
    font-family: var(--font-family-heading) !important;
}

/* Widget-spezifische Titel */
[class*="cockpit-"] h1,
[class*="cockpit-"] h2,
[class*="cockpit-"] h3,
[class*="cockpit-"] h4,
[class*="cockpit-"] .elementor-heading-title {
    font-family: var(--font-family-heading) !important;
}

/* Header Widget */
.cockpit-header__logo-text {
    font-family: var(--font-family-heading) !important;
}

/* Footer Widget */
.cockpit-footer__title {
    font-family: var(--font-family-heading) !important;
}

/* Hero Widget */
.cockpit-hero__title {
    font-family: var(--font-family-heading) !important;
}

/* Shop/Service Cards */
.cockpit-shop-card__title,
.cockpit-service-card__title,
.cockpit-single-shop__title,
.cockpit-single-service__title {
    font-family: var(--font-family-heading) !important;
}

/* Stats Counter */
.cockpit-stats-counter__number {
    font-family: var(--font-family-heading) !important;
}

/* FAQ Widget */
.cockpit-faq__question {
    font-family: var(--font-family-heading) !important;
}