/**
 * Oddays Service Cards — 前台樣式
 * 獨立 class 命名（全 div-based），避免與主題（palette/stockholm）的元素選擇器（h1-h6、ul/li、p、a）重疊污染。
 * 樣式值對齊 oddays-website-visual-spec.md（Gilda Display＋Jost、米金 #988463、卡片圓角 12px、輕陰影 0 0 6px rgba(0,0,0,0.15)）。
 */

/* ---------- 容器：flex wrap、負 margin 抵消卡片 margin、stretch 等高 ---------- */
.oddays-service-cards {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	align-items: stretch; /* 同列卡片等高（設計稿要求） */
}

/* ---------- 卡片：flex column、固定 3 欄、超過換行 ---------- */
.oddays-service-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	box-sizing: border-box;
	padding: 0;
	margin: 0 10px 20px;
	flex: 0 0 calc(33.333% - 20px);
	max-width: calc(33.333% - 20px);
	text-align: left;
}

/* ---------- 媒體：頂部全寬 3:2，object-fit cover ---------- */
.oddays-service-card__media {
	width: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	margin: 0;
	background: #f2efea; /* 圖片載入前佔位 */
}

.oddays-service-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Body：flex column＋flex:1 讓 footer 貼底、卡片等高 ---------- */
.oddays-service-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 24px 24px 0;
}

.oddays-service-card__title {
	margin: 0;
	padding: 0;
	font-family: 'Gilda Display', serif;
	font-size: 20px;
	font-weight: 400;
	color: #1f2124;
	line-height: 1.3;
	text-align: left;
}

.oddays-service-card__content {
	margin: 0;
	padding: 0;
	font-family: 'Jost', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #5a5a5a;
	line-height: 1.6;
	text-align: left;
}

.oddays-service-card__content-item {
	margin: 0;
	padding: 0;
}

.oddays-service-card__content-item:not(:last-child) {
	margin-bottom: 6px;
}

/* ---------- Footer：margin-top:auto 貼底；按鈕實心米金白字 ---------- */
.oddays-service-card__footer {
	margin-top: auto;
	padding: 20px 24px 24px;
	background: #ffffff;
}

/* specificity (0,3,0) 高於 general.css body:not(.elementor-editor-active) .story a（0,2,2），覆蓋按鈕文字 underline */
.oddays-service-card .oddays-service-card__footer .oddays-service-card__button {
	display: block;
	width: 100%;
	text-align: center;
	background: #988463;
	color: #ffffff;
	font-family: 'Jost', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	padding: 12px 30px;
	border: 1px solid #988463;
	border-radius: 5px;
	text-decoration: none;
	box-sizing: border-box;
	transition: background 0.3s ease, color 0.3s ease;
}

.oddays-service-card .oddays-service-card__footer .oddays-service-card__button:hover {
	background: #806a49;
	color: #ffffff;
	text-decoration: none;
}

/* ---------- Responsive：≤767px 單欄（flex 寬度扣掉卡片左右 margin 20px，避免右側溢出 10px） ---------- */
@media (max-width: 767px) {
	.oddays-service-cards--three .oddays-service-card {
		flex: 0 0 calc(100% - 20px);
		max-width: calc(100% - 20px);
	}
}

/* ---------- clearfix 備援 ---------- */
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}