/**
 * PageNav — css/pagenav.css
 * @package pagenav @version 2.0.2
 * Smart navigation: prev, next, parent, first child
 * Flexible alignment: 1 link=center, 2=space-between, 3-4=space-between
 */

.pagenav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin: 30px 0;
    padding: 12px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 0.92em;
    background: transparent;
}

/* Single link — centered */
.pagenav span:only-child {
    flex: 1 1 100%;
    text-align: center;
}

/* All other spans — auto width */
.pagenav span {
    flex: 0 0 auto;
}

/* Two links — first left, last right via flex space-between ✅ */
/* Three/four links — evenly distributed via space-between ✅ */

.pagenav a {
    display: inline-block;
    color: #555;
    text-decoration: none;
    padding: 6px 14px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background: transparent;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    white-space: nowrap;
}

.pagenav a:hover {
    background: rgba(0,0,0,0.08);
    border-color: #666;
    color: #222;
}

/* Dashed border for vertical navigation */
.pagenav-parent { border-style: dashed; }
.pagenav-child  { border-style: dashed; }

/* Responsive — stack on mobile */
@media (max-width: 600px) {
    .pagenav {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }
    .pagenav span,
    .pagenav span:only-child {
        flex: 1 1 100%;
        text-align: center;
    }
    .pagenav a {
        display: block;
        text-align: center;
    }
}