/**
 *	Theme Name: X-T9
 *	Description: CSS for customized mizuyuki-sawa.com
 *
 *	Version: 1.0.0
 *	Author: FURUMAKI, Yusuke(Y.F.)
 *	History:
 *		0.50 = 2025.10.01, initial version.
 *		0.90 = 2026.01.13, organized the code.(by Y.F.)
 *		1.00 = 2026.02.04, official release version.
 */
/*----------------------------------------------------------
 *	全般的な設定
 *--------------------------------------------------------*/
/*
 *	アイキャッチに投稿タイプを表示する際のレイアウト指定
 *		＊アイキャッチより前面に投稿タイプラベルを表示させる
 */
.post-type-label {
	position: relative;
	z-index: 10;
	display: inline-block;
}

/*
 *	ページヘッダのタイトル部分の文字修飾
 */
/*	影付き（暗色の影） */
 .title-text-with-shadow {
	text-shadow: 2px 2px 4px var(--wp--preset--color--primary);
}

/* 影付き（明るい影） */
.title-text-with-light-shadow {
	text-shadow: 2px 2px 4px var(--wp--preset--color--bg-primary);
}

/*
 *	水平線の装飾
 */
hr.hr-list-top,
hr.hr-post-bottom {
	border: none;
	height: 1px;
	background-color: var(--wp--preset--color--pale-cyan-blue);
	margin-top: 1.5rem !important;
}

/*
 * MFBブロック接頭辞の右側マージンを0にする
 * 追加 CSS クラスに「no-margin-inline-end」を指定する
 */
.no-margin-inline-end.is-display-inline-block .prefix {
    margin-inline-end: 0;
}

/*
 * カテゴリー、山域、山行形態の表示に下線を引く
 * ＊リンク有無の明確化
 */
.taxonomy-category a,
.taxonomy-trip-area a,
.taxonomy-trip-type a	{
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: darkgray;
  text-decoration-thickness: 0.75px;
}

/*
 * select要素のフォントサイズ調整
 */
/*select.postform .mz-list-block {
	font-size: medium;
	height: 2.5rem;
	margin: auto 0.25rem;
	padding: 0.75rem;
}
*/

/*----------------------------------------------------------
 *	Trip Record Search Form
 *		for mz-search-page.php
 *--------------------------------------------------------*/
form #tr-search-form {
	display: flex;
	flex-direction: column;

	& .select-item-div {
		display: flex;
		flex-direction: row;
	}
}

.select-item {
	margin-top: 1.5rem;
}
.select-item:not(:last-child) {
	margin-right: 1.5rem;
}

.search-member {
	margin-top: 1.5rem;
}

.submit_button_div input[type="submit"] {
	color: white;
	background: var(--wp--preset--color--primary);
	margin-top: 1.5rem;
}
.submit_button_div input[type="submit"]:hover {
	background-color: var(--wp--preset--color--primary-hover);
}
.submit_button_div input[type="submit"]:focus {
	border: 2px solid;
	border-color: cornflowerblue;
}

/*----------------------------------------------------------
 *	Serch Result: Standard View
 *		for tr-stdview.php
 *--------------------------------------------------------*/
.stdview-tr-box {
	display: flex;
	flex-direction: column;

	.stdview-tr-basic {
		display: flex;
		flex-direction: row;
	}

	.stdview-tr-excerpt {
		margin-top: 1.5rem;
	}
}

.stdview-tr-basic .stdview-tr-img {
  width: 30%;
  aspect-ratio: 3/2;
	object-fit: cover;
	overflow:hidden;
}
.stdview-tr-basic .stdview-tr-img img {
  width: 100%;
  height: 100%;
  box-shadow: none;
}
.stdview-tr-basic .stdview-tr-img img:hover {
	opacity: 0.70;
}

.stdview-tr-basic .stdview-tr-data {
	flex-direction: column;
  margin-left: 1.5rem;
  font-size: 1.0rem;
}

.stdview-tr-more {
	padding: var(--wp--custom--spacing--button-sm);
}

/*----------------------------------------------------------
 *	Search Result: List View
 *		for tr-listview.php
 *--------------------------------------------------------*/
.listview-tr-header {
	width:100%;
	clear:both;
	margin-block-start:0 !important;
	border-bottom: 1px solid var(--wp--preset--color--pale-cyan-blue);
	float:left;
}
.listview-tr-box { width:100%;clear:both;float:left;margin-block-start:0 !important; }
.listview-tr-box:nth-child(even) { background-color: var(--wp--preset--color--pale-cyan-blue); }
.listview-tr-box:last-child { border-bottom: 1px solid var(--wp--preset--color--pale-cyan-blue); }
.listview-tr-box:hover { opacity: 1.5; }
.listview-tr-serial { width:5ex;float:left; }
.listview-tr-date { width:14em;float:left; }
.listview-tr-area { width:15em;float:left; }
.listview-tr-route { width:25em;float:left; }
.listview-tr-type { width:auto;float:left; }

/*----------------------------------------------------------
 *	Annual List of Trip Record
 *		for mz-annual-page.php, tr-annualview.php
 *--------------------------------------------------------*/
div#select-year-div label {
	display: inline-block;
	margin-right: 0.75rem;
}

#tr-annual-containar {
    width: 100%;
}
.tr-scrollbar {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
.tr-bar-inner {
    height: 1px;
}
.tr-scrollbox {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
.tr-box-inner {
    margin-bottom: 0;
}
.tr-tbl-wrap {
		display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid var(---wp--preset--color--pale-cyan-blue);
    box-sizing: border-box;
		white-space: nowrap;
}
.tr-tbl-header {
	display: table-header-group;

	& .tr-tbl-header-row {
			display: table-row;
			vertical-align: center;

		& .tr-tbl-header-cell {
			display: table-cell;
			white-space: nowrap;
			border: 1px solid var(--wp--preset--color--pale-cyan-blue);
			padding: 0.1rem 0.5rem;
		}
	}
}
.tr-tbl-body {
	display: table-row-group;

	& .tr-tbl-body-row {
			display: table-row;
			vertical-align: center;

		&:hover {
			background-color: var(--wp--preset--color--bg-secondary);
		}
		
		& .tr-serial {
			text-align: center;	
		}
		& .tr-tbl-body-cell {
			display: table-cell;
			white-space: nowrap;
			border: 1px solid var(--wp--preset--color--pale-cyan-blue);
			padding: 0.1rem 0.5rem;

			& a {
				display: block;
				text-decoration-line: none;
			}
		}
	}
}