/*
Theme Name: 福岡商会（Twenty Twenty-Five 子テーマ）
Description: 福岡商会の共通デザイン。本文はWordPress標準ブロックで編集します。
Template: twentytwentyfive
Version: 1.2.0
Requires at least: 6.7
Text Domain: fukuoka-tt5-child
*/

/* Shared values are owned by theme.json; page-specific content keeps its styles. */
html {
    scrollbar-gutter: stable;
    scrollbar-color: var(--wp--preset--color--muted) var(--wp--preset--color--surface);
}
body { overflow-wrap: anywhere; }
body, button, input, select, textarea { font-family: var(--wp--preset--font-family--japanese-sans); }
*, *::before, *::after { box-sizing: border-box; }
a, button, summary, input[type="submit"] { cursor: pointer; }
a { text-underline-offset: .2em; }
a:hover { text-decoration-thickness: 2px; }
a:active, button:active { opacity: .8; }
:where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--wp--preset--color--link);
    outline-offset: 4px;
}
.fsh-site-header { border-bottom: 1px solid var(--wp--preset--color--border); }
.fsh-site-header .wp-block-site-title { white-space: nowrap; font-weight: 700; }
.fsh-site-header .wp-block-site-tagline { color: var(--wp--preset--color--muted); }
.fsh-site-header .wp-block-navigation { font-size: .875rem; font-weight: 500; }
.fsh-site-header .wp-block-navigation-item__content { padding-block: .5rem; }
.fsh-site-header .wp-block-navigation__responsive-container-open,
.fsh-site-header .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; }
.fsh-site-header .wp-block-navigation__responsive-container.is-menu-open {
    padding: 24px;
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
}
.fsh-site-footer { border-top: 1px solid var(--wp--preset--color--border); }
.fsh-site-footer a { display: inline-block; padding-block: .4rem; }
.fsh-page-main { margin-block: 0; padding-block: clamp(32px, 5vw, 64px); }
.fsh-page-main .wp-block-post-title { margin-top: 0; margin-bottom: 32px; }
.fsh-front-main { margin-block: 0; padding-block: 24px 48px; }
.fsh-front-main .wp-block-post-content > .fsh-home {
    max-width: var(--wp--style--global--wide-size);
}
.wp-block-post-content img { max-width: 100%; height: auto; }
.fsh-breadcrumb { margin-block: 0 1.5rem; font-size: .875rem; }
.fsh-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .35em .65em; margin: 0; padding: 0; list-style: none; }
.fsh-breadcrumb li { display: inline; }
.fsh-breadcrumb li + li::before { content: '/'; margin-inline-end: .65em; color: var(--wp--preset--color--muted); }
.fsh-breadcrumb [aria-current="page"] { color: var(--wp--preset--color--muted); }
@media (max-width: 599px) {
    .fsh-site-header .wp-block-site-title { font-size: 1.25rem; }
    .fsh-site-header .wp-block-site-tagline { font-size: .75rem; }
    .fsh-front-main { padding-top: 16px; }
}
@media (forced-colors: active) {
    html { scrollbar-color: auto; }
    :focus-visible { outline-color: Highlight; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}