/*
Theme Name: Jvoice Theme
Theme URI: https://jvoice.jp
Author: Jvoice
Author URI: https://jvoice.jp
Description: Jvoice (jvoice.jp) 専用のミニマルテーマです。フロントエンドの掲示板表示は Jvoice Core プラグインが完全レンダリングします。本テーマはサイト全体のフォント・フッター等の共通部分のみを担当します。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jvoice-theme
*/

/* ベースリセット */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #1a202c;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: #2d3748;
}

/* WordPress 標準ページ用（プラグインが乗っ取らない素のページ） */
.jvoice-theme-fallback-main {
	max-width: 800px;
	margin: 40px auto;
	padding: 0 20px;
}

.jvoice-theme-fallback-main h1 {
	font-size: 28px;
	margin-bottom: 16px;
}

.jvoice-theme-fallback-main article + article {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}

/* テーマフッター（プラグイン画面でも表示される共通要素） */
.jvoice-theme-footer {
	margin-top: 40px;
	padding: 24px 16px calc(env(safe-area-inset-bottom, 0px) + 24px);
	text-align: center;
	font-size: 12px;
	color: #666666;
	border-top: 1px solid #e5e5e5;
	background: #ffffff;
}

.jvoice-theme-footer a {
	color: #666666;
	text-decoration: none;
	margin: 0 8px;
}

.jvoice-theme-footer a:hover {
	text-decoration: underline;
	color: #1a202c;
}

.jvoice-theme-footer-copy {
	margin: 0 0 8px;
}

.jvoice-theme-footer-links {
	margin: 0;
}

/* WordPress標準のスクリーンリーダー用テキスト */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* プラグイン側の余白とのバランス調整 */
body.jvoice-app-home,
body.jvoice-app-club,
body.jvoice-app-player,
body.jvoice-app-match {
	background: #ffffff;
}

/* 投稿フォーム（composer）が画面下部に position: fixed で常駐する画面では、
   テーマフッターと composer が重ならないように、フッターの下に composer の
   高さぶんの余白を確保する。ホーム画面には composer がないので除外。 */
body.jvoice-app-club .jvoice-theme-footer,
body.jvoice-app-player .jvoice-theme-footer,
body.jvoice-app-match .jvoice-theme-footer,
body.single-club .jvoice-theme-footer {
	margin-bottom: calc(env(safe-area-inset-bottom, 0px) + 110px);
}