/* =============================================================
   SHISEILABO Core — 追従ボタン（相談の流れ／問い合わせ／Pinterest相談）
   ＋ SPハンバーガー先頭のCTA
   ============================================================= */

/* --- PC：右端の縦積み追従タブ --- */
.slabo-float-buttons {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}
.slabo-float-tab {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 16px 11px;
	color: #fff;
	font: inherit;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	border-radius: 12px 0 0 12px;
	box-shadow: -2px 0 16px rgba(0, 0, 0, .16);
	transition: transform .25s var(--slabo-ease, ease), filter .25s;
}
.slabo-float-tab:hover {
	transform: translateX(-3px);
	filter: brightness(1.07);
	color: #fff;
}
.slabo-float-tab .slabo-float-ico { display: block; }
.slabo-float-tab__label {
	writing-mode: vertical-rl;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .12em;
	text-transform: none; /* 「Pinterest」等の大文字化を防ぐ */
}
.slabo-float-tab--primary { background: var(--slabo-accent, #0bb4aa); }
.slabo-float-tab--secondary { background: #4B0082; }
.slabo-float-tab--pinterest { background: #E60023; }
.slabo-float-tab--dark { background: #000; color: #fff; }
.slabo-float-tab--light { background: #fff; color: #1a1a1a; border: 1px solid #d8d8d8; }

/* --- PC：左端の追従ボタン --- */
.slabo-float-buttons--left {
	right: auto;
	left: 0;
	align-items: flex-start;
}
.slabo-float-buttons--left .slabo-float-tab {
	border-radius: 0 12px 12px 0;
	box-shadow: 2px 0 16px rgba(0, 0, 0, .16);
}
.slabo-float-buttons--left .slabo-float-tab:hover { transform: translateX(3px); }
/* 白背景タブはホバーで文字が白くならないようインディゴに */
.slabo-float-tab--light:hover { color: #4B0082; filter: none; }

/* SP では追従タブを隠す（メニュー内に出すため） */
@media screen and (max-width: 64em) {
	.slabo-float-buttons { display: none; }
}

/* --- SP：ハンバーガーメニュー先頭のCTA --- */
.slabo-menu-cta { display: none; } /* PCの横メニューでは非表示 */

@media screen and (max-width: 64em) {
	.slabo-menu-cta { display: block; }
	.slabo-menu-cta > a {
		display: flex !important;
		align-items: center;
		gap: 10px;
		color: #fff !important;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.3;
		text-transform: none !important; /* 「Pinterest」「Contact」の大文字化を防ぐ */
		border-radius: 10px;
		margin: 6px 0;
		padding: 10px 16px !important; /* 高さを約2px低く */
	}
	.slabo-menu-cta:last-of-type > a { margin-bottom: 12px; }
	.slabo-menu-cta > a .slabo-float-ico { width: 20px; height: 20px; flex: none; }
	.slabo-menu-cta > a:hover { filter: brightness(1.06); color: #fff !important; }
	.slabo-menu-cta--flow > a { background: #4B0082; }
	.slabo-menu-cta--contact > a { background: var(--slabo-accent, #0bb4aa); }
	.slabo-menu-cta--pinterest > a { background: #E60023; }
}

/* --- SP：ハンバーガー検索下のCTA（ブランドブック／ヒアリングシート） --- */
.slabo-sidenav-cta { display: none; }
.slabo-sidenav-cta[hidden] { display: none; }
#side-nav .slabo-sidenav-cta {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 14px 0 6px;
	padding: 0 4px;
}
#side-nav .slabo-sidenav-cta__btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 10px;
	font-weight: 700 !important;
	font-size: 14px;
	line-height: 1.3;
	text-transform: none !important;
	text-decoration: none !important;
	transition: filter .2s;
}
#side-nav .slabo-sidenav-cta__btn .slabo-float-ico { width: 20px; height: 20px; flex: none; }
#side-nav .slabo-sidenav-cta__btn--dark { background: #000 !important; color: #fff !important; }
#side-nav .slabo-sidenav-cta__btn--light { background: #fff !important; color: #1a1a1a !important; border: 1.5px solid #1a1a1a; }
#side-nav .slabo-sidenav-cta__btn:hover { filter: brightness(1.08); }
#side-nav .slabo-sidenav-cta__btn--light:hover { background: #f3f3f3 !important; filter: none; }

/* --- Inspiroトップへ戻るボタンを非表示（フォールバック） --- */
#inspiro-back-to-top,
.inspiro-back-to-top { display: none !important; }