/* 페이지 넘김과 옵션 메뉴

   board.css 가 800줄을 넘겨 갈라 놓은 것이다. 규칙을 옮기지 않고 자르기만
   했으므로, head.sub.php 가 원래 순서대로 이어서 실으면 어느 선언이
   이기는지가 달라지지 않는다. */

body.clarity-page .clarity-board-pagination .pg_current,
body.clarity-page .clarity-board-pagination .pg_page {
    display: inline-grid;
    min-width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: var(--clarity-muted);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

body.clarity-page .clarity-board-pagination .pg_current,
body.clarity-page .clarity-board-pagination .pg_page:hover,
body.clarity-page .clarity-board-pagination .pg_page:focus-visible {
    background: var(--clarity-primary-soft);
    color: var(--clarity-primary);
}

body.clarity-page .clarity-board-pagination .pg_current {
    background: var(--clarity-primary);
    color: var(--clarity-primary-ink);
}

body.clarity-page .clarity-board-pagination .pg_end {
    min-width: 3.2rem;
    border-left: 1px solid var(--clarity-border);
    border-radius: 0 .55rem .55rem 0;
}

body.clarity-page .more_opt {
    overflow: hidden;
    border: 1px solid var(--clarity-border);
    border-radius: .75rem;
    background: var(--clarity-surface);
    box-shadow: var(--clarity-shadow-md);
}

body.clarity-page .more_opt:after {
    border-bottom-color: var(--clarity-surface);
}

body.clarity-page .more_opt li,
body.clarity-page .more_opt li button,
body.clarity-page .more_opt li a {
    border-color: var(--clarity-border);
    background: var(--clarity-surface);
    color: var(--clarity-text-soft);
}

body.clarity-page .more_opt li:hover,
body.clarity-page .more_opt li:hover button,
body.clarity-page .more_opt li:hover a {
    background: var(--clarity-surface-soft);
    color: var(--clarity-primary);
}

body.clarity-page .bo_sch_wrap {
    z-index: 1500;
}

body.clarity-page .bo_sch_bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--clarity-text) 36%, transparent);
    backdrop-filter: blur(8px) saturate(115%);
    -webkit-backdrop-filter: blur(8px) saturate(115%);
}

body.clarity-page .bo_sch {
    top: 50%;
    left: 50%;
    width: min(440px, calc(100% - 1.5rem));
    max-height: none;
    margin: 0;
    transform: translate(-50%, -50%);
    z-index: 2;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--clarity-primary) 18%, var(--clarity-border));
    border-radius: 1rem;
    background: var(--clarity-surface);
    box-shadow:
        0 24px 70px color-mix(in srgb, var(--clarity-text) 20%, transparent),
        0 0 0 1px color-mix(in srgb, var(--clarity-surface) 60%, transparent);
}

body.clarity-page .bo_sch h3 {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 3.75rem;
    padding: 1rem 1.25rem;
    padding-right: 4rem;
    border-bottom: 1px solid var(--clarity-border);
    color: var(--clarity-text);
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -.02em;
}

body.clarity-page .bo_sch h3::before {
    content: "\f002";
    color: var(--clarity-primary);
    font-family: FontAwesome;
    font-size: .9rem;
}

body.clarity-page .bo_sch form {
    display: grid;
    gap: .75rem;
    padding: 1.25rem;
}

/* 폭을 타는 페이지 넘김(.clarity-pg — clarity_theme_get_paging)은
   게시판만의 것이 아니라서 default.css 로 옮겼다. */