/* Page-specific overrides: Cocoon's built-in automatic table of contents (site-wide "page" post
   type setting, #toc). Low value on short guide pages and clutters the
   view right below the new photo hero, so hidden via CSS rather than
   changing the underlying Cocoon setting (easy to revert). */
#toc { display: none; }

/* Site-wide sidebar removal.
   The sidebar duplicated in-page navigation and destination cards, and the
   mobile sidebar toggle no longer serves a clear purpose. Hide the desktop
   sidebar and the mobile sidebar entry everywhere so the content column can
   run full width. */
#sidebar,
.sidebar,
.sidebar-menu-button {
  display: none !important;
}

#main {
  width: 100% !important;
}

/* Static pages do not show Cocoon's publish/update date row; posts still do.
   This is the 2026-07-09 "no date row outside posts" policy, which until
   2026-07-16 only reached the 47 prefecture guides (.jth-prefecture-guide)
   and left 189 pages showing it.
   The row is worse than noise here — it reports when the HTML was last
   touched, not when the information was checked, so it misleads: Privacy
   Policy read "updated 2026.07.13" (an H1 markup edit) while its own body
   correctly says "Last updated: April 2026", and spot guides read
   "2026.07.13" from an affiliate-link removal that re-verified no fares or
   opening hours. Where freshness genuinely matters the content carries its
   own maintained line ("Checked in July 2026" in each spot guide's Tickets
   section), which is both accurate and more specific.
   Posts keep their dates — recency is real information for articles. */
body.page .date-tags,
body.page .post-date,
body.page .post-update {
  display: none !important;
}

/* Plan Your Japan Trip (page id 9876): the season and route-length tables are
   plain core Gutenberg table blocks (no jth-* class, no column widths). Below
   600px the browser has no minimum to respect and shrinks every column to
   fit the viewport, wrapping each word onto its own line until the cells are
   unreadable. Scoped to this page's body class (not a site-wide
   .wp-block-table rule) so any other page's tables keep default behaviour
   until they need the same treatment. Give the table a floor width instead
   and let the figure scroll horizontally — the cut-off column at the right
   edge plus a persistent thin scrollbar signal there is more to scroll to. */
@media (max-width: 600px) {
  body.page-id-9876 .wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.page-id-9876 .wp-block-table table {
    min-width: 680px;
  }
  body.page-id-9876 .wp-block-table::-webkit-scrollbar {
    height: 6px;
  }
  body.page-id-9876 .wp-block-table::-webkit-scrollbar-thumb {
    background: var(--jth-border);
    border-radius: 4px;
  }
}