/*
Theme Name: 百笑市場
Description: 百笑市場公式サイトのクラシックテーマ。支給HTMLを流用した制作途中版。
Version: 0.1.0
Requires PHP: 7.4
Text Domain: hyakusyo
*/
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.skip-link:focus { position:fixed; top:10px; left:10px; width:auto; height:auto; clip-path:none; background:#fff; padding:12px; z-index:10000; }
.review-notice { position:relative; z-index:1; margin:0; padding:90px 20px 12px; background:#fff6de; color:#534017; text-align:center; font:13px/1.6 sans-serif; }
.admin-bar .site-header { top:32px; }
/* Keep the same centered position for pointer and keyboard interaction. */
.global-nav__submenu {
    transform: translateX(-50%);
    visibility: hidden;
    background: #fff;
    border: 1px solid #e5ddd6;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(30, 20, 15, 0.18);
    padding: 8px;
    gap: 4px;
    transition: opacity 160ms ease, visibility 160ms ease;
}
.global-nav__item--has-children:hover > .global-nav__submenu,
.global-nav__item--has-children:focus-within > .global-nav__submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%);
}
.global-nav__submenu a {
    display: block;
    background: #fff;
    color: #29231f;
    border-radius: 4px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: background-color 160ms ease, color 160ms ease;
}
.global-nav__submenu a:hover,
.global-nav__submenu a:focus-visible {
    background: #f6eae4;
    color: #8b291c;
}
.global-nav__submenu a:focus-visible {
    outline: 2px solid #8b291c;
    outline-offset: -2px;
}
.site-header--overlay:not(.is-scrolled) .global-nav__link:hover,
.site-header--overlay:not(.is-scrolled) .global-nav__link:focus-visible {
    color: #8b291c;
}
@media(max-width:782px) { .admin-bar .site-header { top:46px; } }
@media(max-width:600px) { .admin-bar .site-header.is-scrolled { top:0; } }

/* Shared footer links. Footer shape remains controlled by assets/css/layout.css. */
.site-footer__external {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px 28px;
    width: 100%;
}
.site-footer__social,
.site-footer__hometown {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.82);
    font-size: var(--text-sm);
    letter-spacing: .04em;
    transition: color var(--dur-fast) var(--ease-out);
}
.site-footer__social:hover,
.site-footer__social:focus-visible,
.site-footer__hometown:hover,
.site-footer__hometown:focus-visible { color: #fff; }
.site-footer__social svg { width: 22px; height: 22px; fill: currentColor; flex: 0 0 22px; }
.site-footer__hometown { min-height: 40px; padding: 8px 18px; border: 1px solid rgba(255,255,255,.38); }
@media (max-width:640px) {
    .site-footer__external { flex-direction: column; gap: 18px; }
    .site-footer__social, .site-footer__hometown { font-size: 12px; }
}

/* Keep the longer Service navigation labels on one line. */
.global-nav__submenu { min-width: 240px; }
.global-nav__submenu a { min-width: 220px; white-space: nowrap; }