/*
Theme Name: SUKU SPACE
Theme URI: https://dopang.co/sukuspace
Author: SUKU SPACE — STONEMAN Co., Ltd. & dopang Co., Ltd.
Description: Bilingual (EN/JA) theme for SUKU SPACE — showroom, Antre Tokyo café and the membership programme. Directory-first homepage, member list, tier and additional-services price lists, event schedule, press releases and a routed enquiry form.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sukuspace
*/

body {
  margin: 0;
  background: #F7F4EF;
  font-family: "Archivo", "Noto Sans JP", -apple-system, "Helvetica Neue", sans-serif;
  color: #B3542F;
  text-wrap: pretty;
  -webkit-font-smoothing: antialiased;
}

a { color: #9E3520; text-decoration: none; }
a:hover { color: #6E2214; }
::selection { background: #9E3520; color: #fff; }

img { max-width: 100%; }

/* Japanese typography — looser leading, correct casing on links */
[lang="ja"] p { line-height: 1.78; }
[lang="ja"] a { text-transform: none; }
[lang="ja"] nav { gap: 15px !important; }
[lang="ja"] nav span { letter-spacing: .04em !important; white-space: nowrap; }

/* Interaction states carried over from the design system */
.ss-btn-accent:hover { background: #6E2214 !important; }
.ss-btn-outline:hover { background: #B3542F !important; color: #fff !important; }
.ss-btn-paper:hover { background: #fff !important; }
.ss-card-link:hover { background: #F7F4EF !important; }
.ss-row:hover { background: #F7F4EF !important; }
.ss-filter:hover { color: #B3542F !important; }

@media (max-width: 900px) {
  .ss-two-col, .ss-sidebar-layout { grid-template-columns: 1fr !important; }
  .ss-grid-4, .ss-grid-5 { grid-template-columns: repeat(2, 1fr) !important; }
  .ss-grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
  .ss-menu-cols { columns: 1 !important; }
  .ss-sidebar { position: static !important; border-right: none !important;
    border-bottom: 1px solid rgba(179,84,47,.22) !important; }
  .ss-table-wide { overflow-x: auto; }
}

@media (max-width: 640px) {
  .ss-grid-4, .ss-grid-5, .ss-grid-3 { grid-template-columns: 1fr !important; }
  nav.ss-nav { flex-wrap: wrap; gap: 12px !important; }
  header.ss-header { height: auto !important; padding-top: 14px !important; padding-bottom: 14px !important; }
}