/* =====================================================
   RESPONSIVE.CSS
   All media queries — consolidated from:
   layout.css / components.css / pages.css / responsive.css
   Load order: after main.css
===================================================== */

/* =====================================================
   DESKTOP (1024px+)
===================================================== */

@media (min-width: 1024px) {
    .main-nav         { display: flex; }
    .hamburger        { display: none; }
    .page-layout      { grid-template-columns: minmax(0,1fr) minmax(280px,320px); }
    .ad-container--mobil { display: none; }
}

/* =====================================================
   TABLET (768px – 1023px)
===================================================== */

@media (min-width: 768px) and (max-width: 1023px) {
    .main-nav         { display: flex; }
    .hamburger        { display: none; }
    .page-layout      { grid-template-columns: minmax(0,1fr) minmax(240px,280px); }
    .site-footer__inner { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .hub-block__grid  { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* =====================================================
   MEDIUM (max 992px) — component breakpoints
===================================================== */

@media (max-width: 992px) {
    .hero-v2--inner .hero-v2__content,
    .content-grid,
    .content-grid-single { grid-template-columns: 1fr; }

    .facts-grid           { grid-template-columns: repeat(2,1fr); }
    .category-grid,
    .steps-grid           { grid-template-columns: 1fr; }
    .footer-grid          { grid-template-columns: repeat(2,1fr); }
}

/* =====================================================
   MOBILE (max 767px)
===================================================== */

@media (max-width: 767px) {
    /* Header */
    .site-header__inner {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: var(--bosluk-s);
    }

    .site-header__logo   { order: 1; }
    .hamburger           { order: 2; margin-left: auto; display: inline-flex; flex-direction: column; justify-content: center; }

    .site-header__actions {
        order: 3;
        width: 100%;
        flex-wrap: wrap;
        row-gap: var(--bosluk-s);
        justify-content: flex-end;
    }

    .arama-formu { flex: 1 1 100%; min-width: 0; max-width: 100%; }

    /* Nav */
    .main-nav { order: 4; display: none; width: 100%; flex: 1 1 100%; justify-content: flex-start; }

    .main-nav--open {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 2px;
    }

    .main-nav__list {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .main-nav__item { width: 100%; }

    .main-nav__link,
    .main-nav__dropdown-trigger,
    .main-nav__dropdown-link { width: 100%; display: block; text-align: left; }

    .main-nav__dropdown       { position: static; left: auto; top: auto; width: 100%; }
    .main-nav__dropdown-list  { min-width: 0; width: 100%; box-shadow: none; border-radius: var(--radius-m); border: 1px solid rgba(255,255,255,.1); }
    .main-nav__dropdown-link  { padding-left: calc(var(--bosluk-m) * 2); }

    /* Layout */
    .page-layout            { grid-template-columns: 1fr; }
    .site-footer__inner     { grid-template-columns: 1fr; }
    .hub-block__grid        { grid-template-columns: 1fr; }
    .ad-container--sidebar  { display: none; }
    .ad-container--mobil    { display: block; }

    /* Tables */
    .data-table { display: block; overflow-x: auto; white-space: nowrap; }

    /* Typography */
    .hero__title  { font-size: 1.85rem; }
    .wrapper      { padding: 0 var(--bosluk-s); }

    /* Hero V2 grid (homepage) */
    .hero-v2__grid    { grid-template-columns: 1fr; gap: 40px; }
    .hero-v2__content { order: 2; }
    .hero-v2__image   { order: 1; }
    .hero-v2__title   { font-size: 2.2rem; }

    /* Steps */
    .steps-layout       { grid-template-columns: 1fr; }
    .steps-illustration { order: 1; }
    .steps-illustration img { display: none; }
    .steps-grid         { order: 2; }

    /* Home category cards */
    .home-page .category-card {
        grid-template-columns: 132px minmax(0,1fr);
        padding: 16px;
        gap: 0 14px;
    }

    .home-page .category-card img { width: 122px; height: 122px; }
}

/* =====================================================
   SMALL MOBILE (max 640px)
===================================================== */

@media (max-width: 640px) {
    .facts-grid { grid-template-columns: 1fr; }

    .hero-v2--inner {
        padding: 25px;
    }

    .section-header--boxed { padding: 16px 18px; }
}