/*
Theme Name: GoLani Book
Theme URI: https://github.com/GoLani11/GoLani_Book
Description: 일상과 생각을 기록하는 간결한 개인 블로그 테마예요.
Author: GoLani
Version: 1.0.0
Template: twentytwentyfive
License: GPL-2.0-or-later
Text Domain: golani-book
*/

body {
    margin: 0;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.wp-site-blocks {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
}

.wp-site-blocks > main {
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    margin-block: 0;
    padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);
}

.wp-site-blocks > footer { margin-block-start: auto; }
.wp-site-blocks > header, .wp-site-blocks > footer {
    padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right);
}
.golani-site-header, .golani-site-footer {
    max-width: var(--wp--style--global--content-size);
    margin-inline: auto;
}
.golani-site-header {
    padding-block: var(--wp--preset--spacing--50);
    border-bottom: 1px solid var(--wp--preset--color--accent-6);
    gap: var(--wp--preset--spacing--40);
}
.golani-site-header .wp-block-site-title { font-size: 1.2rem; font-weight: 760; }
.golani-site-header a, .wp-block-post-title a { text-decoration: none; }
.golani-site-header .wp-block-navigation { font-size: 0.925rem; }
.golani-site-header .wp-block-navigation__container { gap: 1.25rem; }
.golani-site-header .wp-block-navigation a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}
.golani-site-header a[aria-current="page"], a:hover {
    text-decoration: underline;
    text-underline-offset: 0.25em;
}
.golani-intro { margin-block-end: var(--wp--preset--spacing--60); }
.golani-intro .wp-block-site-tagline { color: var(--wp--preset--color--accent-4); }
.golani-section-heading { font-size: 1rem; margin-block-end: var(--wp--preset--spacing--40); }
.golani-listing-query { margin-block-start: var(--wp--preset--spacing--50); }
.golani-post-list { list-style: none; padding: 0; }
.golani-post-list > li {
    padding-block: var(--wp--preset--spacing--50);
    border-top: 1px solid var(--wp--preset--color--accent-6);
    margin-block: 0;
}
.golani-post-list .wp-block-post-title { margin: 0; }
.golani-post-list .wp-block-post-excerpt { margin-block: 0.75rem; }
.golani-post-list .wp-block-post-excerpt p { margin: 0; }
.golani-post-list .wp-block-post-excerpt__more-text { margin-top: 0.5rem; font-size: 0.925rem; }
.wp-block-post-date, .golani-post-meta, .golani-site-footer {
    color: var(--wp--preset--color--accent-4);
    font-size: 0.86rem;
}
.golani-empty-state {
    padding-block: var(--wp--preset--spacing--50);
    border-block: 1px solid var(--wp--preset--color--accent-6);
    color: var(--wp--preset--color--accent-4);
}
.golani-empty-state p { margin: 0; }
.golani-search { margin-block: var(--wp--preset--spacing--50); }
.golani-search .wp-block-search__inside-wrapper { gap: 0.5rem; }
.golani-search input {
    min-width: 0;
    border: 1px solid var(--wp--preset--color--accent-6);
    border-radius: 8px;
    background: var(--wp--preset--color--paper);
    color: var(--wp--preset--color--contrast);
    padding: 0.65rem 0.85rem;
    font: inherit;
}
.golani-search button { margin: 0; min-height: 44px; font: inherit; padding: 0.6rem 1rem; }
.golani-post-meta { gap: 0.8rem; margin-block-end: var(--wp--preset--spacing--50); }
.wp-block-post-featured-image img { height: auto; }
.wp-block-post-content { line-height: 1.85; }
.wp-block-post-content :is(img, video) { max-width: 100%; height: auto; }
.wp-block-post-content iframe { max-width: 100%; }
.wp-block-post-content h2 { margin-block-start: var(--wp--preset--spacing--60); }
.wp-block-post-content h3 { margin-block-start: var(--wp--preset--spacing--50); }
.wp-block-post-content a { text-decoration: underline; text-underline-offset: 0.18em; }
.wp-block-post-content li + li { margin-block-start: 0.5rem; }
.wp-block-post-content blockquote {
    margin-inline: 0;
    border-left: 3px solid var(--wp--preset--color--accent);
    padding-inline: var(--wp--preset--spacing--40);
}
.wp-block-post-content .wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th, .wp-block-table td {
    border: 1px solid var(--wp--preset--color--accent-6);
    padding: 0.75rem;
}
.wp-block-post-content pre { overflow-x: auto; padding: 1rem; background: var(--wp--preset--color--accent-5); }
.golani-post-navigation {
    border-top: 1px solid var(--wp--preset--color--accent-6);
    margin-block-start: var(--wp--preset--spacing--60);
    padding-block-start: var(--wp--preset--spacing--50);
    gap: var(--wp--preset--spacing--50);
    align-items: flex-start;
}
.golani-post-navigation > div { flex: 1; min-width: 0; }
.golani-post-navigation a { display: inline-block; min-height: 44px; }
.golani-site-footer {
    border-top: 1px solid var(--wp--preset--color--accent-6);
    padding-block: var(--wp--preset--spacing--50);
}
.golani-site-footer p { margin: 0; }
.golani-site-footer a { min-height: 44px; display: inline-flex; align-items: center; }
.wp-block-query-pagination { gap: 1rem; padding-block-start: 1rem; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
:where(a, button, input, textarea, select, summary):focus-visible,
[data-golani-table-scroll]:focus-visible {
    outline: 3px solid var(--wp--preset--color--accent);
    outline-offset: 4px;
}
.golani-comments { margin-block-start: var(--wp--preset--spacing--60); }
.golani-comments__list { padding: 0; list-style: none; }
.golani-comment { border-bottom: 1px solid var(--wp--preset--color--accent-6); padding-block: 1rem; }
.golani-comment__meta { font-size: 0.86rem; color: var(--wp--preset--color--accent-4); }
.golani-comment-form { padding: 1.2rem; background: var(--wp--preset--color--accent-5); }
.golani-comment-form :is(input, textarea) { width: 100%; box-sizing: border-box; font: inherit; }
.golani-comment-form textarea { min-height: 8rem; }
.golani-comment-form button { min-height: 44px; }
@media (max-width: 600px) {
    .golani-site-header { padding-block: var(--wp--preset--spacing--40); }
    .golani-site-header .wp-block-navigation__container { gap: 1rem; }
    .golani-post-navigation { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; }
}
