/**
 * TamirSepetim — global type scale (compact)
 * Loaded after head.php inline styles.
 */

:root {
    --ts-text-xs: 0.75rem;
    --ts-text-sm: 0.875rem;
    --ts-text-base: 0.9375rem;
    --ts-text-md: 1rem;
    --ts-text-lg: 1.125rem;
    --ts-text-xl: 1.375rem;
    --ts-text-2xl: 1.625rem;
    --ts-text-3xl: 2rem;
}

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

/* Hero */
.hero-title {
    font-size: var(--ts-text-3xl) !important;
    margin-bottom: 10px !important;
}

.hero-subtitle {
    font-size: var(--ts-text-base) !important;
    margin-bottom: 20px !important;
}

.hero-search-box input {
    font-size: var(--ts-text-base) !important;
    padding: 12px 16px !important;
}

.hero-search-box button {
    padding: 12px 22px !important;
    font-size: var(--ts-text-sm) !important;
}

/* Section headings */
.section-title {
    margin-bottom: 40px !important;
}

.section-title h2 {
    font-size: var(--ts-text-2xl) !important;
    margin-bottom: 10px !important;
}

.section-title p {
    font-size: var(--ts-text-base) !important;
}

/* Page headers (inner pages) */
.page-title,
.page-header h1,
.page-header .page-title {
    font-size: var(--ts-text-2xl) !important;
}

.page-subtitle,
.page-header p {
    font-size: var(--ts-text-base) !important;
}

/* Stats & trust */
.stat-number {
    font-size: var(--ts-text-3xl) !important;
}

.stat-label {
    font-size: var(--ts-text-sm) !important;
}

.trust-item h4,
.step-card-armut h4,
.step-card h4 {
    font-size: var(--ts-text-lg) !important;
}

.trust-item p,
.step-card-armut p,
.step-card p {
    font-size: var(--ts-text-sm) !important;
}

/* Cards */
.category-card h4 {
    font-size: var(--ts-text-lg) !important;
}

.mechanic-details h5,
.offer-details h6,
.customer-info h6 {
    font-size: var(--ts-text-base) !important;
}

/* Auth */
.auth-card h2,
.auth-card h3 {
    font-size: var(--ts-text-xl) !important;
}

/* Responsive — no oversized desktop bump */
@media (min-width: 1200px) {
    .hero-title {
        font-size: var(--ts-text-3xl) !important;
    }

    .section-title h2 {
        font-size: var(--ts-text-2xl) !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .hero-title {
        font-size: var(--ts-text-3xl) !important;
    }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: var(--ts-text-2xl) !important;
    }

    .section-title h2 {
        font-size: var(--ts-text-xl) !important;
    }

    .page-title,
    .page-header h1 {
        font-size: var(--ts-text-xl) !important;
    }

    .stat-number {
        font-size: var(--ts-text-2xl) !important;
    }
}

@media (max-width: 576px) {
    .hero-title {
        font-size: var(--ts-text-xl) !important;
    }

    .section-title h2 {
        font-size: var(--ts-text-lg) !important;
    }
}