/* ========================================================================
   RESPONSIVE STYLES
   YapıMarket Pro v3.0.0 - Mobile First
   ======================================================================== */

/* ---- Tablet (max-width: 991px) ---- */
@media (max-width: 991px) {
    .ym-header__topbar {
        display: none;
    }

    .ym-header__main-inner {
        flex-wrap: wrap;
        gap: var(--ym-space-3);
    }

    .ym-header__logo {
        order: 1;
    }

    .ym-header__actions {
        order: 2;
        gap: var(--ym-space-3);
    }

    .ym-header__action-text {
        display: none;
    }

    .ym-header__action-item--desktop {
        display: none;
    }

    .ym-header__search {
        order: 3;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .ym-header__mobile-toggle {
        display: flex;
        order: 0;
    }

    .ym-header__nav {
        display: none;
    }

    .ym-mobile-bottom-nav {
        display: flex;
    }

    body.ym-body {
        padding-bottom: 60px;
    }

    .ym-footer__newsletter-inner {
        flex-direction: column;
        text-align: center;
    }

    .ym-footer__newsletter-form {
        min-width: auto;
        width: 100%;
        max-width: 400px;
    }

    .ym-footer__features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ym-footer__main-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ym-single-layout {
        grid-template-columns: 1fr;
    }

    .ym-grid--4 {
        grid-template-columns: repeat(3, 1fr);
    }

    .ym-grid--5 {
        grid-template-columns: repeat(3, 1fr);
    }

    /* WooCommerce */
    .ym-shop-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .ym-product-gallery {
        grid-template-columns: 1fr;
    }
}

/* ---- Small Tablet (max-width: 767px) ---- */
@media (max-width: 767px) {
    .ym-grid--3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .ym-grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .ym-shop-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ym-section {
        padding: var(--ym-space-10) 0;
    }

    .ym-section__header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--ym-space-3);
    }

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

    .ym-footer__features-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--ym-space-3);
    }

    .ym-footer__feature {
        padding: var(--ym-space-3);
    }

    .ym-footer__main-grid {
        grid-template-columns: 1fr;
    }

    .ym-footer__bottom-inner {
        flex-direction: column;
        text-align: center;
    }

    .ym-post-nav {
        grid-template-columns: 1fr;
    }

    .ym-404__actions {
        flex-direction: column;
        align-items: center;
    }

    /* WooCommerce Product Page */
    .ym-product-summary {
        padding: var(--ym-space-4);
    }

    .ym-product-tabs__nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* ---- Mobile (max-width: 575px) ---- */
@media (max-width: 575px) {
    :root {
        --ym-font-size-4xl: 1.75rem;
        --ym-font-size-3xl: 1.5rem;
        --ym-font-size-2xl: 1.25rem;
    }

    .ym-container {
        padding-inline: var(--ym-space-3);
    }

    .ym-header__actions {
        gap: var(--ym-space-4);
    }

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

    .ym-grid--2,
    .ym-grid--3,
    .ym-grid--4 {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--ym-space-3);
    }

    .ym-shop-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--ym-space-3);
    }

    .ym-card__body {
        padding: var(--ym-space-3);
    }

    .ym-card__title {
        font-size: var(--ym-font-size-xs);
    }

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

    .ym-btn--lg {
        padding: var(--ym-space-3) var(--ym-space-6);
        font-size: var(--ym-font-size-sm);
    }

    .ym-footer__features-grid {
        grid-template-columns: 1fr;
    }

    .ym-footer__newsletter-title {
        font-size: var(--ym-font-size-lg);
    }

    .ym-offcanvas__panel {
        width: 100%;
        max-width: 100vw;
    }

    /* Single Product */
    .ym-product-actions {
        flex-direction: column;
    }

    .ym-unit-selector {
        flex-direction: column;
    }
}

/* ---- Extra Small (max-width: 400px) ---- */
@media (max-width: 400px) {
    .ym-grid--2 {
        grid-template-columns: 1fr;
    }

    .ym-header__actions {
        gap: var(--ym-space-3);
    }

    .ym-search-form__input {
        font-size: var(--ym-font-size-xs);
        padding: var(--ym-space-2) var(--ym-space-3);
    }
}

/* ---- Large Desktop (min-width: 1400px) ---- */
@media (min-width: 1400px) {
    .ym-grid--5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .ym-grid--6 {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* ---- Print Styles ---- */
@media print {

    .ym-header,
    .ym-footer,
    .ym-mobile-bottom-nav,
    .ym-scroll-top,
    .ym-offcanvas,
    .ym-sidebar {
        display: none !important;
    }

    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }

    .ym-container {
        max-width: 100%;
    }
}

/* ---- Reduced Motion ---- */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}