/**
 * Additional Styles for A Tale of Two Cultures Theme
 *
 * @package Two_Cultures
 */

/* ==========================================================================
   Post Navigation
   ========================================================================== */

.post-navigation {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: var(--spacing-lg) 0;
    margin-top: var(--spacing-xl);
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-lg);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1;
}

.post-navigation .nav-next {
    text-align: right;
}

.post-navigation .nav-subtitle {
    display: block;
    font-family: var(--font-sans);
    font-size: 0.625rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-gray);
    margin-bottom: var(--spacing-xs);
}

.post-navigation .nav-title {
    font-family: var(--font-serif);
    font-size: 1rem;
    color: var(--color-black);
}

.post-navigation a:hover .nav-title {
    color: var(--color-gray);
}

@media (max-width: 576px) {
    .post-navigation .nav-links {
        flex-direction: column;
    }

    .post-navigation .nav-next {
        text-align: left;
    }
}

/* ==========================================================================
   Post Tags
   ========================================================================== */

.single-post__tags {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-lg);
    border-top: 1px solid var(--color-border);
}

.tags-label {
    font-family: var(--font-sans);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-gray);
    margin-right: var(--spacing-xs);
}

.single-post__tags a {
    font-size: 0.875rem;
    color: var(--color-black);
}

.single-post__tags a:hover {
    color: var(--color-gray);
}

/* ==========================================================================
   Gallery Page
   ========================================================================== */

.gallery-page-grid {
    margin-top: var(--spacing-xl);
}

.gallery-page-grid .gallery-grid {
    gap: var(--spacing-lg);
}

/* ==========================================================================
   No Results
   ========================================================================== */

.no-results {
    text-align: center;
    padding: var(--spacing-xxl) 0;
}

.no-results .page-title {
    margin-bottom: var(--spacing-md);
}

.no-results .page-content {
    max-width: var(--max-width-narrow);
    margin: 0 auto;
}

/* ==========================================================================
   Interviews Archive Layout
   ========================================================================== */

.interviews-archive {
    max-width: 900px;
    margin: 0 auto;
}

/* ==========================================================================
   Accessibility Improvements
   ========================================================================== */

/* Focus styles */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid var(--color-black);
    outline-offset: 2px;
}

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

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .site-header,
    .site-footer,
    .main-navigation,
    .post-navigation,
    .comments-area,
    .search-form {
        display: none;
    }

    body {
        font-size: 12pt;
        line-height: 1.5;
    }

    a {
        color: var(--color-black);
        text-decoration: underline;
    }

    img {
        max-width: 100% !important;
    }
}