/* ヤマシチ 全ページ共通：ヘッダー・フッター「紙の看板と森」
   テーマ（Snow Monkey）や各ページの本文・文言は変えず、body.ymsf の中のヘッダー・フッターの見た目だけを上書きする */
body.ymsf{
  --ymsf-ink:#1f1c19; --ymsf-paper:#fffdf7; --ymsf-cream:#fbf3e3; --ymsf-orange:#ff7f00;
  --ymsf-forest:#24502a; --ymsf-forest-2:#1b3d20; --ymsf-bush:#3c8a43; --ymsf-road:#efe2c8; --ymsf-muted:#5d5750; --ymsf-closed:#ffc9bf;
  --ymsf-round:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Noto Sans JP",system-ui,sans-serif;
}

/* ---------- language switcher (JP / EN / TH) ---------- */
.ymsf .language-wrap{max-width:none;margin:0;padding:5px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:var(--ymsf-cream);border-bottom:3px solid var(--ymsf-ink)}
.ymsf .language-wrap .bogo-language-switcher{max-width:1280px;margin:0 auto;padding:0;column-gap:4px;justify-content:flex-end}
.ymsf .bogo-language-switcher li{margin:0;font-size:12px}
.ymsf .bogo-language-switcher li::before{content:none!important}
.ymsf .bogo-language-switcher a{display:block;padding:1px 10px;line-height:1.6;font-family:var(--ymsf-round);font-weight:700;color:var(--ymsf-ink);text-decoration:none;
  background:var(--ymsf-paper);border:2px solid var(--ymsf-ink);border-bottom:0;border-radius:6px 6px 0 0}
.ymsf .bogo-language-switcher .current a,.ymsf .bogo-language-switcher a.current{background:var(--ymsf-orange);color:var(--ymsf-ink)}

/* ---------- header: a white paper sign ---------- */
.ymsf .l-header{background-color:var(--ymsf-paper)!important;border-bottom:3px solid var(--ymsf-ink);box-shadow:none}
.ymsf .p-global-nav .c-navbar__item>a{font-family:var(--ymsf-round);font-weight:700;font-size:15px;color:var(--ymsf-ink);
  padding:6px 12px;margin:0 1px;border:2.5px solid transparent;border-radius:999px;line-height:1.4;height:auto;align-self:center;transition:background-color .15s,border-color .15s}
.ymsf .p-global-nav .c-navbar__item>a:hover,.ymsf .p-global-nav .c-navbar__item>a:focus-visible{color:var(--ymsf-ink);background:#fff;border-color:var(--ymsf-ink)}
.ymsf .p-global-nav .c-navbar__item>a::after{content:none!important}
.ymsf .p-global-nav .c-navbar__item.current-menu-item>a,.ymsf .p-global-nav .c-navbar__item.current-page-ancestor>a,.ymsf .p-global-nav .c-navbar__item.current-menu-ancestor>a{background:var(--ymsf-orange);border-color:var(--ymsf-ink);color:var(--ymsf-ink)}
/* Instagram / X are not in the menu any more (they sit small next to the copyright line) */
.ymsf .c-navbar__item.menu-item-43,.ymsf .c-navbar__item.menu-item-2376,
.ymsf .c-drawer__item.menu-item-43,.ymsf .c-drawer__item.menu-item-2376{display:none!important}

/* phone: MENU button and the drawer */
.ymsf .c-hamburger-btn{background:var(--ymsf-orange);border:3px solid var(--ymsf-ink);border-radius:14px;color:var(--ymsf-ink);padding:6px 8px 4px}
.ymsf .c-hamburger-btn__bar{background-color:var(--ymsf-ink)!important}
.ymsf .c-hamburger-btn__label{color:var(--ymsf-ink);font-family:var(--ymsf-round);font-weight:900}
.ymsf .c-drawer{background-color:var(--ymsf-cream)}
.ymsf .c-drawer__inner{padding-top:12px}
.ymsf .c-drawer__menu{display:grid;gap:8px;padding:8px 14px;border:0}
.ymsf .c-drawer__item{border:0!important}
.ymsf .c-drawer__item>a{display:block;font-family:var(--ymsf-round);font-weight:900;font-size:16px;color:var(--ymsf-ink);background:var(--ymsf-paper);
  border:3px solid var(--ymsf-ink);border-radius:10px;padding:10px 14px}
.ymsf .c-drawer__item.current-menu-item>a{background:var(--ymsf-orange)}
.ymsf .c-drawer .p-search-form{padding:6px 0}

/* ---------- footer: forest with paper cards ---------- */
.ymsf .l-footer .car-wrapper{display:none!important} /* the old grey road and car (replaced by .ymsf-road) */
.ymsf .l-footer{background:var(--ymsf-forest)}
.ymsf .l-footer-widget-area{background:transparent;padding-block:30px 34px;color:var(--ymsf-ink)}

/* paper road with the Benson car (added by site.js; not on the new top) */
.ymsf .ymsf-road{position:relative;display:block;height:100px;overflow:hidden;container-type:inline-size;
  background:linear-gradient(var(--ymsf-paper),var(--ymsf-paper)) top/100% 20px no-repeat}
.ymsf .ymsf-bush{position:absolute;left:0;right:0;top:6px;height:30px;
  background:radial-gradient(circle at 18px 30px,var(--ymsf-bush) 17px,var(--ymsf-ink) 17px 20px,transparent 20px) 0 0/36px 30px repeat-x}
.ymsf .ymsf-lane{position:absolute;left:0;right:0;bottom:14px;height:34px;background:var(--ymsf-road);border-block:3px solid var(--ymsf-ink)}
.ymsf .ymsf-lane::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;opacity:.55;
  background:repeating-linear-gradient(90deg,var(--ymsf-ink) 0 26px,transparent 26px 52px)}
.ymsf .ymsf-car{position:absolute;bottom:22px;left:0;height:72px;animation:ymsf-drive 14s linear -5s infinite}
.ymsf .ymsf-car img{display:block;height:100%;width:auto;max-width:none;animation:ymsf-bob .32s ease-in-out infinite alternate}
.ymsf .ymsf-puff{position:absolute;left:-12px;bottom:4px;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid var(--ymsf-ink);animation:ymsf-puff 1s ease-out infinite}
.ymsf .ymsf-puff+.ymsf-puff{animation-delay:.5s}
@keyframes ymsf-drive{0%{transform:translateX(-120px)}100%{transform:translateX(calc(100cqw + 40px))}}
@keyframes ymsf-bob{to{transform:translateY(-3px) rotate(-.6deg)}}
@keyframes ymsf-puff{0%{transform:scale(.4);opacity:1}100%{transform:translate(-26px,-14px) scale(1.25);opacity:0}}
@media (prefers-reduced-motion:reduce){.ymsf .ymsf-car,.ymsf .ymsf-car img,.ymsf .ymsf-puff{animation:none}.ymsf .ymsf-car{transform:translateX(40px)}.ymsf .ymsf-puff{display:none}}

/* cards */
.ymsf .l-footer-widget-area .smb-box,
.ymsf .l-footer-widget-area .wp-block-columns>.wp-block-column{background:var(--ymsf-paper);border:3px solid var(--ymsf-ink);border-radius:10px;
  box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ymsf-ink)}
.ymsf .l-footer-widget-area .smb-box{--smb-box--background-color:var(--ymsf-paper);--smb-box--border-width:0px;padding:18px 18px 14px}
.ymsf .l-footer-widget-area .smb-box__background{background:var(--ymsf-paper)!important;border:0!important}
.ymsf .l-footer-widget-area .wp-block-columns{gap:22px 22px;margin-top:10px;align-items:stretch}
.ymsf .l-footer-widget-area .wp-block-columns>.wp-block-column{padding:18px 18px 16px;margin:0;min-width:0}
.ymsf .l-footer-widget-area .wp-block-column:has(.footer-widget-icon){display:none} /* SNS column (moved next to the copyright) */
@media (min-width:782px){ /* PC: logo | phone & hours | links (widest) | banners */
  .ymsf .l-footer-widget-area .wp-block-columns>.wp-block-column{flex:1 1 0}
  .ymsf .l-footer-widget-area .wp-block-columns>.wp-block-column:nth-child(2){flex-grow:1.25}
  .ymsf .l-footer-widget-area .wp-block-columns>.wp-block-column:nth-child(3){flex-grow:1.5}
  .ymsf .l-footer-widget-area .wp-block-columns>.wp-block-column:nth-child(5){flex-grow:.75}
}

/* calendar */
.ymsf .l-footer .xo-simple-calendar .calendars{gap:18px}
.ymsf .l-footer .xo-simple-calendar .month-header .title{font-family:var(--ymsf-round);font-weight:900;color:var(--ymsf-ink)}
.ymsf .l-footer .xo-simple-calendar table.month td span{border-radius:6px}
.ymsf .l-footer .xo-simple-calendar .holiday-titles{font-size:12px}
@media (max-width:599px){
  .ymsf .l-footer .xo-simple-calendar .calendars{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .ymsf .l-footer .xo-simple-calendar .calendar{flex:0 0 92%;width:auto!important;min-width:0;margin:0!important;scroll-snap-align:start}
  .ymsf .l-footer .xo-simple-calendar .calendars-footer::before{content:"← 横にめくると翌月 →";display:block;font-size:12px;color:var(--ymsf-muted);margin:2px 0 6px}
}

/* shop info, links */
.ymsf .l-footer .footer-widget-logo img{width:100%;max-width:230px;height:auto}
.ymsf .l-footer .ymsf-tel{display:inline-flex;align-items:center;gap:6px;color:var(--ymsf-ink);text-decoration:none;background:var(--ymsf-orange);
  border:3px solid var(--ymsf-ink);border-radius:999px;padding:2px 14px;margin:0 0 6px;font-family:var(--ymsf-round);white-space:nowrap;max-width:100%}
.ymsf .l-footer .ymsf-tel .sme-font-size{font-size:clamp(17px,1.6vw,22px)!important}
.ymsf .l-footer .ymsf-tel:hover{background:#ffa040}
.ymsf .l-footer p.footer-widget-link{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5em,1fr));gap:0 14px;margin:0}
.ymsf .l-footer p.footer-widget-link br{display:none}
.ymsf .l-footer p.footer-widget-link a{position:relative;display:block;padding:5px 0 5px 17px;color:var(--ymsf-ink);text-decoration:none;font-family:var(--ymsf-round);font-size:14px;line-height:1.5}
.ymsf .l-footer p.footer-widget-link a::before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;border-radius:50%;background:var(--ymsf-orange);border:2px solid var(--ymsf-ink)}
.ymsf .l-footer p.footer-widget-link a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--ymsf-ink)}
.ymsf .l-footer .wp-block-column .wp-block-image a img{border:3px solid var(--ymsf-ink);border-radius:8px}
.ymsf .l-footer .wp-block-column .wp-block-image.footer-widget-logo a img{border:0;border-radius:0}

/* copyright + Instagram / X (small, out of the way) */
.ymsf .c-copyright--inverse{background:var(--ymsf-forest-2);color:#e8f1df;border-top:0}
.ymsf .c-copyright{padding-bottom:110px} /* room for the 「簡単LINE査定はコチラ」 bar that floats at the bottom */
.ymsf .c-copyright .c-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;font-size:12px}
.ymsf .ymsf-sns{display:inline-flex;gap:8px}
.ymsf .ymsf-sns a{display:block;width:22px;height:22px;opacity:.7;background:#e8f1df;
  -webkit-mask:var(--ymsf-icon) center/contain no-repeat;mask:var(--ymsf-icon) center/contain no-repeat}
.ymsf .ymsf-sns a:hover,.ymsf .ymsf-sns a:focus-visible{opacity:1}
.ymsf .ymsf-sns-ig{--ymsf-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.4' cy='6.6' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E")}
.ymsf .ymsf-sns-x{--ymsf-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3.5h4.6l4.1 5.6 4.8-5.6h2.2l-6 7 6.8 9.9h-4.6l-4.5-6.3-5.4 6.3H3.8l6.6-7.6z'/%3E%3C/svg%3E")}