/*
Theme Name: Lizand Pet Portal
Theme URI: https://demo.modella.jp/
Author: Modella
Description: 全国ペット施設ポータル「Lizand」用のリール特化テーマ。単一WordPress・author(投稿者)を店舗キーにして、店舗ごとのリール投稿を分離・集約する。oarai-reelsテーマを複製・改変。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lizand-portal
*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap');

:root {
	--oarai-teal: #1b6b45;
	--oarai-teal-deep: #124a30;
	--oarai-teal-light: #4c9d6e;
	--oarai-navy: #16281d;
	--oarai-sand: #ffffff;
	--oarai-sand-deep: #f4f1e8;
	--oarai-coral: #c9962c;
	--oarai-coral-deep: #a87a1e;
	--oarai-white: #ffffff;
	--oarai-text: #21301f;
	--oarai-muted: #5c6b58;
	--oarai-faint: #93a08e;
	--oarai-border: #e3ddc9;
	/* Lizandのロゴがクラシックな明朝/セリフ調のため、見出し・本文ともにセリフ系で統一する。 */
	--font-display: "Fraunces", "Noto Serif JP", serif;
	--font-jp: "Noto Serif JP", "Hiragino Mincho ProN", serif;
	--font-sans: "Noto Serif JP", "Hiragino Mincho ProN", serif;
}

body {
	margin: 0;
	background: var(--oarai-sand);
	color: var(--oarai-text);
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
}

/* リールの全画面フィード/フロント投稿フォームは黒背景ページなので個別に上書き */
body.oarai-dark-page {
	background: #05070d;
	color: #fff;
}

/* 下部固定のフローティングボトムナビと本文末尾が重ならないようにする */
body.oarai-has-bottom-nav {
	padding-bottom: calc(70px + env(safe-area-inset-bottom));
}

a {
	color: inherit;
	text-decoration: none;
}

img, video {
	max-width: 100%;
	display: block;
}

button {
	font-family: inherit;
}

/* 管理バーのWordPressロゴを、Lizandらしく肉球アイコンに差し替える */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
	background: none !important;
}
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
	content: "🐾" !important;
	font-family: -apple-system, "Segoe UI Emoji", sans-serif !important;
	font-size: 16px !important;
	line-height: 1 !important;
	top: 2px;
}

/* エリアフォトページ：背景が単調すぎるとの指摘で、うっすら肉球柄を敷く */
.oarai-page--photo {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%3E%3Cg%20fill='%231b6b45'%20fill-opacity='0.05'%3E%3Cellipse%20cx='60'%20cy='72'%20rx='17'%20ry='14'/%3E%3Cellipse%20cx='40'%20cy='50'%20rx='8'%20ry='10'/%3E%3Cellipse%20cx='80'%20cy='50'%20rx='8'%20ry='10'/%3E%3Cellipse%20cx='47'%20cy='36'%20rx='6.5'%20ry='8.5'/%3E%3Cellipse%20cx='73'%20cy='36'%20rx='6.5'%20ry='8.5'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: repeat;
	background-size: 120px 120px;
	background-position: 0 0;
	min-height: 100vh;
}