/**
 * Responsive Styles - Mobile-first
 *
 * @package SeriesWiki
 */

/* Tablet (768px) */
@media (max-width: 768px) {
    /* Typography */
    :root {
        font-size: 15px;
    }

    h1 { font-size: var(--text-2xl); }
    h2 { font-size: var(--text-xl); }
    h3 { font-size: var(--text-lg); }

    /* Layout */
    .wiki-main {
        padding: var(--space-4);
    }

    /* Article */
    .wiki-article__title {
        font-size: var(--text-2xl);
    }

    .wiki-article__content {
        gap: var(--space-6);
    }

    /* Properties */
    .wiki-property {
        grid-template-columns: 1fr;
        gap: var(--space-2);
    }

    .wiki-property__label {
        font-size: var(--text-xs);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    /* Relations */
    .wiki-relation-thumb {
        width: 32px;
        height: 32px;
    }

    /* Archive */
    .wiki-archive__filters {
        flex-direction: column;
        gap: var(--space-3);
    }

    .wiki-filter-select,
    .wiki-search-input {
        width: 100%;
    }

    /* Home */
    .wiki-home__header {
        padding: var(--space-6) 0;
    }

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

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

    /* Theme Toggle */
    .wiki-theme-toggle {
        bottom: var(--space-4);
        right: var(--space-4);
        width: 40px;
        height: 40px;
    }
}

/* Mobile (640px) */
@media (max-width: 640px) {
    /* Typography */
    :root {
        font-size: 14px;
    }

    /* Spacing */
    .wiki-section {
        margin-bottom: var(--space-6);
    }

    .wiki-home__section {
        margin-bottom: var(--space-8);
    }

    /* Header */
    .site-header__container {
        padding: var(--space-2) var(--space-3);
    }

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

    .site-description {
        display: none;
    }

    /* Cards */
    .wiki-card__content {
        padding: var(--space-3);
    }

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

    .wiki-card__excerpt {
        font-size: var(--text-xs);
    }

    /* Category Cards */
    .wiki-category-card {
        padding: var(--space-3);
    }

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

    /* Breadcrumb */
    .wiki-breadcrumb {
        margin-bottom: var(--space-4);
    }

    .wiki-breadcrumb__list {
        font-size: var(--text-xs);
    }

    /* Article */
    .wiki-article__header {
        margin-bottom: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .wiki-article__title {
        font-size: var(--text-xl);
        margin-bottom: var(--space-2);
    }

    /* Info Box */
    .wiki-infobox__properties {
        padding: var(--space-3);
    }

    /* Sections */
    .wiki-section__title {
        font-size: var(--text-lg);
        margin-bottom: var(--space-3);
    }

    /* Relations */
    .wiki-relations {
        gap: var(--space-4);
        margin-top: var(--space-6);
    }

    .wiki-relation-card {
        padding: var(--space-3);
    }

    .wiki-relation-card__title {
        font-size: var(--text-sm);
        margin-bottom: var(--space-2);
    }

    .wiki-relation-link {
        padding: var(--space-2);
        gap: var(--space-2);
    }

    .wiki-relation-name {
        font-size: var(--text-xs);
    }

    .wiki-relation-meta {
        font-size: 0.625rem;
    }

    /* Archive */
    .wiki-archive__header {
        margin-bottom: var(--space-4);
    }

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

    /* Home */
    .wiki-home__section-title {
        font-size: var(--text-xl);
    }

    /* Footer */
    .site-footer {
        padding: var(--space-6) var(--space-4);
    }

    .footer-menu {
        flex-direction: column;
        gap: var(--space-2);
    }
}

/* Small Mobile (480px) */
@media (max-width: 480px) {
    /* Even more compact */
    .wiki-main {
        padding: var(--space-3);
    }

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

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

    .wiki-badge {
        font-size: 0.625rem;
        padding: 1px 6px;
    }

    /* Hide secondary content on very small screens */
    .wiki-article__secondary {
        display: none;
    }
}

/* Landscape Mobile */
@media (max-width: 768px) and (orientation: landscape) {
    .wiki-sidebar {
        max-height: 200px;
        overflow-y: auto;
    }

    .site-header__container {
        padding: var(--space-2) var(--space-4);
    }
}

/* Print Styles */
@media print {
    .site-header,
    .site-footer,
    .wiki-sidebar,
    .wiki-theme-toggle,
    .search-form,
    .mobile-menu-toggle {
        display: none !important;
    }

    .wiki-main {
        max-width: 100%;
        padding: 0;
    }

    .wiki-article__content {
        display: block;
    }

    .wiki-article__secondary {
        margin-top: var(--space-6);
    }

    a {
        color: inherit;
        text-decoration: underline;
    }

    .wiki-card,
    .wiki-relation-card,
    .wiki-infobox {
        break-inside: avoid;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    :root {
        --border: #000000;
        --text-secondary: #000000;
    }

    [data-theme="dark"] {
        --border: #ffffff;
        --text-secondary: #ffffff;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}