/**
 * coconoca 固定ページ — ヤマヤマミタ UI を非表示・干渉の保険
 * （本番は header.php で style.css / index.js を読み込まないのが本命）
 */
main.app:has(#coconoca-wrap) > header,
main.app:has(#coconoca-wrap) > .sns_links,
main.app:has(#coconoca-wrap) > .footer,
main.app:has(#coconoca-wrap) > .copy,
main.app:has(.coconoca-landing) > header,
main.app:has(.coconoca-landing) > .sns_links,
main.app:has(.coconoca-landing) > .footer,
main.app:has(.coconoca-landing) > .copy {
  display: none !important;
}

body.coconoca-landing-page .app > header,
body.coconoca-landing-page .app > .sns_links,
body.coconoca-landing-page .app > .footer,
body.coconoca-landing-page .app > .copy,
body.coconoca-landing-page .sns_links,
body.coconoca-landing-page .open_time,
body.coconoca-landing-page .loader {
  display: none !important;
}

/* 親テーマ header が漏れた場合 — 山々トークと同寸 */
body.coconoca-landing-page .app > header .logo {
  width: calc(100vw / 1920 * 60);
}

body.coconoca-landing-page .app > header .logo img {
  display: block;
  width: 100%;
  height: auto;
}

body:has(#coconoca-wrap) .loader {
  display: none !important;
}

#coconoca-wrap header.site-header,
body.coconoca-landing-page #coconoca-wrap .site-header {
  padding: 0;
  margin: 0;
  max-width: none;
  color: inherit;
}

/*
 * 静的デモと同じ幅
 * header.php 未反映でも、入れ子の main.app が本文列を狭めないようにする
 */
main.app:has(#coconoca-wrap) {
  display: contents;
}

body.coconoca-landing-page #coconoca-wrap,
body.coconoca-landing-page #coconoca-wrap #main,
body:has(#coconoca-wrap) #coconoca-wrap,
body:has(#coconoca-wrap) #coconoca-wrap #main {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: 0;
}

/* ログイン時 — WP 管理バーの html margin-top(32px) が余白になるのを防ぐ */
html:has(body.coconoca-landing-page.admin-bar) {
  margin-top: 0 !important;
}

body.coconoca-landing-page.admin-bar #main {
  padding-top: calc(var(--header-block-height) + 32px);
}

@media screen and (max-width: 782px) {
  body.coconoca-landing-page.admin-bar #main {
    padding-top: calc(var(--header-block-height) + 46px);
  }
}