/**
 * Navigation styles for La Maquina header
 */

/* Nav links container – remove paragraph spacing, enforce gap */
.lm-nav-links {
    gap: 1.5rem !important;
}

.lm-nav-links p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Individual nav links */
.lm-nav-link {
    font-family: 'Space Mono', monospace;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--lm-black);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s ease;
    padding: 0.2rem 0.3rem;
}

.lm-nav-link:hover {
    background: var(--lm-yellow);
}

/* Logo link – no underline */
.lm-nav-fixed h2 a {
    text-decoration: none;
    color: inherit;
}

/* Mobile: hide text nav links */
@media (max-width: 768px) {
    .lm-nav-links {
        display: none !important;
    }
}

/* -------------------------------------------------------
   Blog Pagination – wp:query-pagination block
   ------------------------------------------------------- */

.lm-blog-pagination .wp-block-query-pagination {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.lm-blog-pagination .wp-block-query-pagination-numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.lm-blog-pagination .wp-block-query-pagination-numbers a,
.lm-blog-pagination .wp-block-query-pagination-numbers span,
.lm-blog-pagination .wp-block-query-pagination-previous,
.lm-blog-pagination .wp-block-query-pagination-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0.5rem 1rem;
    background: var(--lm-white);
    border: 3px solid var(--lm-black);
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--lm-black);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.lm-blog-pagination .wp-block-query-pagination-numbers a:hover,
.lm-blog-pagination .wp-block-query-pagination-previous:hover,
.lm-blog-pagination .wp-block-query-pagination-next:hover {
    background: var(--lm-black);
    color: var(--lm-white);
}

.lm-blog-pagination .wp-block-query-pagination-numbers .current {
    background: var(--lm-yellow);
    border-color: var(--lm-black);
}