/* ============================================================
   まねきでんき LP — WordPress-only additions
   (assets/css/style.css is kept identical to the static site)
============================================================ */

/* Pages other than the LP (index.php): clear the fixed header */
.page-content { padding: 110px 0 80px; min-height: 60vh; }
.page-content__body p { margin-bottom: 1em; }
.page-content__body a { color: var(--orange); text-decoration: underline; }

/* Logged-in administrators: keep the fixed header below the admin bar */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

/* ============================================================
   Fixed pages (特定商取引法に基づく表記 / プライバシーポリシー 等)
   Typography follows the LP; the legal table mirrors .company-table.
============================================================ */
.page-content .section-inner { max-width: 900px; }
.page-content__body { font-size: 0.95rem; line-height: 1.9; color: var(--text); }
.page-content__body > * + * { margin-top: 0; }
.page-content__body h2 {
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--navy);
  line-height: 1.5;
  margin: 48px 0 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--yellow);
}
.page-content__body h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.6;
  margin: 32px 0 12px;
  padding-left: 12px;
  border-left: 4px solid var(--orange);
}
.page-content__body h4 {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.7;
  margin: 20px 0 8px;
}
.page-content__body h2:first-child,
.page-content__body .md-doc-meta + h2 { margin-top: 8px; }

/* Lists whose markers (・ ① 1. a) …) are part of the original text */
.page-content__body ul.md-plain-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1em;
}
.page-content__body ul.md-plain-list li { margin: 0 0 0.35em; padding-left: 1em; text-indent: -1em; }

.page-content__body .md-doc-meta { text-align: right; color: #555; font-size: 0.9rem; line-height: 1.8; margin-bottom: 24px; }

/* Legal table (core/table + .md-legal-table) — same look as the LP company table */
.page-content__body .wp-block-table.md-legal-table { margin: 0 0 32px; overflow-x: auto; }
.page-content__body .md-legal-table table { width: 100%; border-collapse: collapse; font-size: 0.92rem; table-layout: auto; }
.page-content__body .md-legal-table th,
.page-content__body .md-legal-table td {
  padding: 14px 16px;
  border: none;
  border-bottom: 1px solid #eee;
  text-align: left;
  vertical-align: top;
  line-height: 1.8;
}
.page-content__body .md-legal-table th {
  width: 30%;
  font-weight: 700;
  color: var(--navy);
  background: var(--yellow-pale);
}
.page-content__body .md-legal-table td { color: #444; }

@media (max-width: 599px) {
  .page-content { padding: 96px 0 64px; }
  /* style.css reserves 150px under the footer for the LP's pinned CTA; other pages have no CTA */
  body:not(.home) { padding-bottom: 0; }
  .page-content__body h2 { font-size: 1.1rem; margin-top: 40px; }
  .page-content__body .md-legal-table table,
  .page-content__body .md-legal-table tbody,
  .page-content__body .md-legal-table tr,
  .page-content__body .md-legal-table th,
  .page-content__body .md-legal-table td { display: block; width: auto; }
  .page-content__body .md-legal-table tr { border-bottom: 1px solid #eee; padding: 6px 0; }
  .page-content__body .md-legal-table th {
    background: transparent;
    border-bottom: none;
    padding: 10px 2px 2px;
    font-size: 0.8rem;
  }
  .page-content__body .md-legal-table th br { display: none; }
  .page-content__body .md-legal-table td { border-bottom: none; padding: 0 2px 10px; line-height: 1.7; }
}

/* Header link to the media site (/media/): one line in the PC / tablet nav.
   Below 768px it does not fit next to the existing nav without wrapping it,
   so it is hidden there (still in the HTML; the footer link is always shown). */
.header-media { white-space: nowrap; }
@media (max-width: 767px) {
  .header-nav a.header-media { display: none; }
}