/*
Theme Name: shiki Corporate Editable v4
Theme URI: https://example.com/shiki-corporate
Author: OpenAI for shiki LLC
Description: A minimal editorial block theme for shiki LLC. Designed as a corporate website with Shop, Cafe, Business, Company, News and Contact sections.
Version: 0.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: shiki-corporate
*/

:root {
  --shiki-ink: #111111;
  --shiki-paper: #f4f3ef;
  --shiki-white: #ffffff;
  --shiki-muted: #777773;
  --shiki-line: rgba(17,17,17,.18);
}

html { scroll-behavior: smooth; }
body { margin: 0; background: var(--shiki-paper); color: var(--shiki-ink); }
a { text-underline-offset: .18em; }

.shiki-site-header { position: sticky; top: 0; z-index: 30; backdrop-filter: blur(14px); background: rgba(244,243,239,.88); border-bottom: 1px solid rgba(17,17,17,.08); }
.shiki-header-row { min-height: 72px; }
.shiki-wordmark { letter-spacing: -.045em; font-weight: 600; }
.shiki-eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; }
.shiki-lead { max-width: 46rem; }
.shiki-rule { border-top: 1px solid var(--shiki-line); }
.shiki-section { padding-top: clamp(5rem, 9vw, 9rem); padding-bottom: clamp(5rem, 9vw, 9rem); }
.shiki-section-tight { padding-top: clamp(3rem, 6vw, 6rem); padding-bottom: clamp(3rem, 6vw, 6rem); }
.shiki-display { max-width: 11ch; text-wrap: balance; }
.shiki-copy { max-width: 38rem; }
.shiki-small { font-size: .85rem; line-height: 1.7; }
.shiki-hero { min-height: calc(100vh - 72px); display: flex; align-items: flex-end; position: relative; overflow: hidden; }
.shiki-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg,#d7d7d3 0%,#f4f3ef 42%,#bfc4c7 100%); }
.shiki-hero::after { content: "HAKUBA"; position: absolute; right: -1vw; top: 8vh; font-size: clamp(7rem, 22vw, 22rem); font-weight: 600; letter-spacing: -.08em; color: rgba(255,255,255,.35); line-height: .72; }
.shiki-hero > * { position: relative; z-index: 2; }
.shiki-photo { min-height: 420px; position: relative; overflow: hidden; background: #dadad5; }
.shiki-photo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg,rgba(255,255,255,.65),rgba(17,17,17,.12)); }
.shiki-photo::after { content: attr(data-label); position: absolute; left: 1.25rem; bottom: 1.1rem; font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; color: rgba(17,17,17,.72); }
.shiki-photo--shop { background: linear-gradient(125deg,#cbc8c0,#eeeae0 46%,#8e9396); }
.shiki-photo--boards { background: repeating-linear-gradient(100deg,#f2f1ec 0 11%,#b4b2ab 11% 13%,#e5e2d8 13% 24%); }
.shiki-photo--cafe { background: linear-gradient(135deg,#d5c9b7,#f1ece3 50%,#a69883); }
.shiki-photo--space { background: linear-gradient(145deg,#b9bdbe,#e8e8e4 60%,#858b8d); }
.shiki-card { border-top: 1px solid var(--shiki-line); padding-top: 1.2rem; }
.shiki-index-number { font-size: .72rem; letter-spacing: .08em; color: var(--shiki-muted); }
.shiki-button .wp-block-button__link { border-radius: 0; padding: .85rem 1.2rem; transition: .2s ease; }
.shiki-button .wp-block-button__link:hover { transform: translateY(-2px); opacity: .82; }
.shiki-brand-grid { border-top: 1px solid var(--shiki-line); border-bottom: 1px solid var(--shiki-line); }
.shiki-brand-grid > * { min-height: 110px; display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--shiki-line); margin: 0 !important; font-size: clamp(1.1rem,2vw,1.7rem); letter-spacing: -.03em; }
.shiki-news-item { border-top: 1px solid var(--shiki-line); padding-top: 1rem; }
.shiki-footer { border-top: 1px solid var(--shiki-line); }
.shiki-coming { font-size: clamp(3.4rem,10vw,9rem); letter-spacing: -.07em; line-height: .88; color: rgba(17,17,17,.16); margin: 0; }
.shiki-table { width: 100%; border-collapse: collapse; }
.shiki-table td { border-top: 1px solid var(--shiki-line); padding: 1rem 0; vertical-align: top; }
.shiki-table td:first-child { width: 30%; color: var(--shiki-muted); font-size: .85rem; }

@media (max-width: 781px) {
  .shiki-site-header { position: relative; }
  .shiki-header-row { min-height: 62px; }
  .shiki-hero { min-height: 74vh; }
  .shiki-hero::after { top: 7vh; right: -3vw; font-size: 34vw; }
  .shiki-photo { min-height: 300px; }
  .shiki-brand-grid > * { min-height: 80px; border-right: 0; border-top: 1px solid var(--shiki-line); }
}

/* v4: keep the original minimal Company table design while using editable Gutenberg blocks */
.wp-block-table.shiki-table { margin: 0; width: 100%; overflow-x: visible; }
.wp-block-table.shiki-table table { width: 100%; border: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; }
.wp-block-table.shiki-table tbody,
.wp-block-table.shiki-table tr { border: 0 !important; }
.wp-block-table.shiki-table td,
.wp-block-table.shiki-table th {
  border: 0 !important;
  border-top: 1px solid var(--shiki-line) !important;
  padding: 1rem 0 !important;
  vertical-align: top;
  background: transparent !important;
}
.wp-block-table.shiki-table td:first-child,
.wp-block-table.shiki-table th:first-child {
  width: 30%;
  color: var(--shiki-muted);
  font-size: .85rem;
  padding-right: 2rem !important;
}
.wp-block-table.shiki-table td:nth-child(2) { font-size: 1rem; }

/* Keep editable page content aligned exactly like the original dedicated templates */
.shiki-editable-main { margin: 0; }
.shiki-editable-main > .wp-block-post-content { margin: 0; }
.editor-styles-wrapper .wp-block-table.shiki-table table { border: 0 !important; border-collapse: collapse !important; }
.editor-styles-wrapper .wp-block-table.shiki-table td,
.editor-styles-wrapper .wp-block-table.shiki-table th {
  border: 0 !important;
  border-top: 1px solid var(--shiki-line) !important;
  padding: 1rem 0 !important;
}