/* PaperMod テーマ上書き用CSS */

/* ベースカラー */
:root {
  --content: #000080;
  --color-darkmode-text: #000080;
  --color-text: #000080;
  --color-primary: #000080;
  --color-secondary: #000080;
}

/* ダークモードの無効化 */
[data-theme="dark"] {
  --theme: light;
  --entry: white;
  --primary: #000080;
  --secondary: #6aa84f;
  --tertiary: #f9cb9c;
  --content: #000080;
  --hljs-bg: white;
  --code-bg: white;
  --border: #eee;
  --selection: rgba(74, 134, 232, 0.3);
}

/* ヘッダーとナビゲーション */
.top-link, .logo, .site-name, .social-icons a {
  color: #000080 !important;
}

/* すべてのメニュー項目 */
.menu a, .menu span {
  color: #000080 !important;
}

nav.menu {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 0 !important;
}

.nav-item {
  margin-left: 1.5rem !important;
}

/* すべてのリンク */
a {
  color: #000080 !important;
}

/* ボタン以外のすべてのテキスト */
body, p, h1, h2, h3, h4, h5, h6, li, dt, dd, blockquote, 
.post-content, .post-title, .post-header, .post-footer, 
.post-meta, .post-description {
  color: #000080 !important;
}

/* ボタンのテキスト色は白に */
.button, button, input[type="submit"], 
.service-button a, .service-button span, 
.service-badge, .btn, .btn-primary, 
.btn-secondary {
  color: white !important;
}

/* フッターの設定上書き */
.footer {
  background-color: #000080 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 2rem 0.5rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  left: 0 !important;
  right: 0 !important;
  position: relative !important;
}

.footer, .footer p, .footer h1, .footer h2, .footer h3, 
.footer h4, .footer h5, .footer h6, .footer span, 
.footer a, .footer-content, .footer-section, 
.copyright, .copyright span, .copyright a, 
.footer .menu {
  color: white !important;
}

/* フッター内のリンク */
.footer a:hover {
  opacity: 0.8;
  color: white !important;
}

/* フッター内のコンテンツ領域 */
.footer .container,
.footer-content,
.footer-section,
.copyright,
.footer .menu,
footer > *,
.page-footer > * {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  box-sizing: border-box !important;
}

/* PaperModテーマの幅制約上書き */
html, body, 
main, article, section, 
.main, .page, .container, .content, .post-single, 
.post-content, .entry-content, .post, .article, 
.page-content, .page-header, .page-footer, 
.post-entry, .posts, .home-info, .profile,
.footer, footer, .footer-content, .footer-wrapper {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* コンテンツを中央に配置するためのスタイル */
.main, .page, .container, .content, .post-single,
.post-content, .entry-content, .post, .article,
.page-content, .post-entry, .posts, .home-info, .profile {
  max-width: 1000px !important;
}

.header {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  background-color: white !important;
  border-bottom: none !important;
}

.header .container, 
.menu {
  max-width: 1000px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* セクション見出し */
.section-title {
  text-align: center;
  color: var(--primary-color);
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: bold;
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* レスポンシブ対応 */
@media (max-width: 1250px) {
  .main, .page, .container, .content, .post-single,
  .post-content, .entry-content, .post, .article,
  .page-content, .post-entry, .posts, .home-info, .profile,
  .header .container, .menu, .section-title {
    max-width: 1000px !important;
  }
}

@media (max-width: 768px) {
  .main, .page, .container, .content, .post-single,
  .post-content, .entry-content, .post, .article,
  .page-content, .post-entry, .posts, .home-info, .profile,
  .header .container, .menu, .section-title {
    max-width: 100% !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}