/*
Theme Name: GenectBox Experience V16
Theme URI: https://genectbox.com/
Author: GenectBox
Author URI: https://genectbox.com/
Description: GenectBox専用コーポレートテーマ。固定トップページを確実に適用し、全ページ共通ヘッダー・フッターとスクロール連動サービススライドを備えています。
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genectbox-experience
Tags: custom-background, custom-logo, featured-images, full-width-template, one-column
*/

/* WordPress integration */
.admin-bar .header { top: 32px; }
.admin-bar .mobile-menu { padding-top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar .header { top: 46px; }
  .admin-bar .mobile-menu { padding-top: 46px; }
}

/* Accessible screen-reader text */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus {
  position: fixed !important;
  z-index: 100000;
  top: 10px;
  left: 10px;
  width: auto;
  height: auto;
  padding: 12px 18px;
  margin: 0;
  clip: auto;
  color: #080a0d;
  background: #fff;
  border-radius: 999px;
  font-weight: 700;
}

/* Fallback templates for posts/pages. */
.gbx-fallback {
  min-height: 100vh;
  padding: clamp(110px, 14vw, 180px) max(22px, 6vw) 80px;
  background: #f4f1eb;
  color: #111318;
}
.gbx-fallback__header,
.gbx-fallback__content {
  width: min(920px, 100%);
  margin-inline: auto;
}
.gbx-fallback__header { margin-bottom: 48px; }
.gbx-fallback__brand {
  display: inline-block;
  margin-bottom: 52px;
  color: #111318;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.045em;
}
.gbx-fallback__brand span { font-weight: 350; color: #6e7279; }
.gbx-fallback h1 {
  margin: 0;
  font-size: clamp(42px, 8vw, 82px);
  line-height: .98;
  letter-spacing: -.065em;
}
.gbx-fallback article {
  padding: 30px 0;
  border-top: 1px solid rgba(17,19,24,.18);
}
.gbx-fallback article:last-child { border-bottom: 1px solid rgba(17,19,24,.18); }
.gbx-fallback h2 { margin: 0 0 12px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.04em; }
.gbx-fallback p,
.gbx-fallback li { font-size: 16px; line-height: 1.9; }
.gbx-fallback a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.gbx-fallback__meta { color: #72757b; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.gbx-pagination { display: flex; justify-content: space-between; gap: 20px; margin-top: 36px; }


/* V16: global header/footer support for pages outside the custom front page. */
body:not(.home):not(.front-page) .header__inner {
  box-shadow: 0 8px 30px rgba(17,19,24,.05);
}
.gbx-site-footer {
  position: relative;
  z-index: 2;
  padding: 52px max(22px, 6vw) 34px;
  color: #fff;
  background: #080a0d;
}
.gbx-site-footer__inner {
  width: min(1180px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 36px;
  align-items: end;
  padding-top: 26px;
  border-top: 1px solid rgba(255,255,255,.16);
}
.gbx-site-footer .wordmark { color: #fff; }
.gbx-site-footer__meta { text-align: right; }
.gbx-site-footer__meta p {
  margin: 0 0 8px;
  font-size: 8px;
  letter-spacing: .18em;
  color: rgba(255,255,255,.5);
}
.gbx-site-footer__meta small {
  font-size: 8px;
  color: rgba(255,255,255,.36);
}
@media (max-width: 700px) {
  .gbx-site-footer__inner { grid-template-columns: 1fr; align-items: start; }
  .gbx-site-footer__meta { text-align: left; }
}