/* =========================================================
   NAV10 — Responsive
   Breakpoints: 1200 / 992 / 768 / 430
   ========================================================= */

/* ---------- Laptop ---------- */
@media (max-width: 1199px) {
    .header-inner {
        gap: var(--nav-space-4);
    }

    .nav-desktop {
        gap: var(--nav-space-4);
    }
}

/* ---------- Tablet ---------- */
@media (max-width: 991px) {
    .nav-desktop,
    .header-actions {
        display: none;
    }

    .menu-toggle {
        display: inline-flex;
    }

    .header-inner {
        grid-template-columns: 1fr auto;
    }

    .services__grid {
        grid-template-columns: 1fr;
    }

    .service-card {
        border-right: none;
        min-height: auto;
    }

    .service-card:last-child {
        border-bottom: none;
    }

    .steps__grid {
        grid-template-columns: 1fr;
    }

    .step-item:not(:last-child)::after {
        display: none;
    }

    .step-item {
        padding: var(--nav-space-5) 0;
        border-bottom: 1px solid var(--nav-line);
        text-align: left;
    }

    .step-item:last-child {
        border-bottom: none;
    }

    .step-item__text {
        margin-inline: 0;
    }

    .type-grid,
    .values-grid,
    .split-list {
        grid-template-columns: 1fr;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--nav-space-6);
    }

    .footer-bottom {
        grid-template-columns: 1fr;
        text-align: center;
        gap: var(--nav-space-2);
    }

    .footer-copy,
    .footer-locale {
        text-align: center;
    }

    .type-card {
        border-bottom: 1px solid var(--nav-line);
    }

    .type-grid {
        gap: 0;
        background: transparent;
        border: none;
    }

    .type-card {
        border: 1px solid var(--nav-line);
        margin-bottom: -1px;
    }

    .services__label {
        position: static;
        padding: var(--nav-space-5) var(--gutter) 0;
    }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    :root {
        --header-h: 64px;
    }

    .hero {
        min-height: calc(100svh - var(--header-h));
        padding: var(--nav-space-7) 0 var(--nav-space-8);
        align-items: flex-start;
        padding-top: clamp(3.5rem, 18vw, 5.5rem);
    }

    .page-home .hero--home {
        align-items: center;
        padding-top: 0;
        padding-bottom: clamp(2.5rem, 8vw, 4rem);
    }

    .page-home .hero__inner--home {
        margin-top: 0;
    }

    .hero-home__title {
        font-size: clamp(3.15rem, 13vw, 4.25rem);
    }

    .hero__actions,
    .hero-home__actions {
        width: 100%;
    }

    .hero-home__actions .btn,
    .hero-home__btn {
        width: auto;
        max-width: none;
    }

    .hero::before,
    .hero::after {
        opacity: 0.25;
    }

    .hero__index {
        display: none;
    }

    .hero--page {
        min-height: auto;
        padding-top: clamp(3.5rem, 12vw, 5rem);
    }

    /* Buton full-width yalnızca public sayfalarda — panelleri bozmasın */
    body:not(.dashboard-body):not(.ai-body) .btn {
        min-height: 48px;
        width: 100%;
        max-width: 320px;
    }

    body:not(.dashboard-body):not(.ai-body) .hero-home__actions .btn,
    body:not(.dashboard-body):not(.ai-body) .hero__actions .btn,
    body:not(.dashboard-body):not(.ai-body) .header-actions .btn,
    body:not(.dashboard-body):not(.ai-body) .btn--sm {
        width: auto;
        max-width: none;
    }

    .page-cta .btn {
        max-width: none;
    }

    .page-cta {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-band .btn {
        max-width: 280px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--nav-space-6);
    }

    .footer-wordmark {
        margin-bottom: var(--nav-space-6);
        padding-bottom: var(--nav-space-5);
    }

    .footer-wordmark__text .site-logo,
    .footer-wordmark__text .site-logo--wordmark,
    .footer-wordmark__link .site-logo,
    .footer-wordmark__link .site-logo--wordmark {
        height: clamp(2.75rem, 16vw, 4.5rem);
    }

    .site-header .logo .site-logo,
    .site-header .site-logo--md {
        height: 2.25rem;
        max-width: min(180px, 52vw);
    }

    .value-card {
        min-height: auto;
    }

    .step-item__text,
    .service-card__text {
        max-width: none;
    }

    .mobile-drawer__panel {
        width: 100%;
    }
}

/* ---------- Small mobile ---------- */
@media (max-width: 430px) {
    .service-card {
        padding: var(--nav-space-6) var(--nav-space-5);
    }

    .cta-band {
        padding: var(--nav-space-8) 0;
    }
}

/* Prevent horizontal scroll */
@media (max-width: 1440px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    /* Dashboard drawer must not be clipped by body overflow */
    html:has(body.dashboard-body),
    body.dashboard-body {
        overflow-x: clip;
    }
}