/* =============================================================================
   Gowa Booking Btn — 프론트엔드 스타일
   숏코드: [gowa_booking_btn]
   PC: 수평 배열 / 모바일(≤620px): 수직 배열
   ============================================================================= */

/* ── 컨테이너 ──────────────────────────────────────────────────────────────── */

.gowa-booking-btns {
	display:         flex;
	flex-direction:  row;
	flex-wrap:       wrap;
	align-items:     stretch;   /* 모든 버튼 동일 높이 */
	justify-content: center;
	gap:             12px;
	max-width:       800px;
	margin-left:     auto;
	margin-right:    auto;
	box-sizing:      border-box;
}

/* ── 버튼 ──────────────────────────────────────────────────────────────────── */

.gowa-bb-btn {
	display:         flex;
	align-items:     center;
	justify-content: center;
	gap:             5px;
	padding:         13px 26px;  /* 기본값 — 관리자 설정으로 override */
	border-radius:   100px;
	font-weight:     700;
	font-size:       14px;
	line-height:     1.3;
	text-decoration: none !important;
	white-space:     nowrap;
	box-sizing:      border-box;
	cursor:          pointer;
	border:          none;
	outline:         none;
	transition:      filter .18s ease, transform .12s ease;
}

.gowa-bb-btn:hover {
	transform: translateY(-2px);
	color:     var(--bb-color) !important;
}

.gowa-bb-btn:active {
	transform: translateY(0);
	color:     var(--bb-color) !important;
}

/* ── 아이콘 ────────────────────────────────────────────────────────────────── */

.gowa-bb-icon {
	width:           var(--bb-icon-size, 28px);
	height:          var(--bb-icon-size, 28px);
	display:         inline-flex;
	align-items:     center;
	justify-content: center;
	flex-shrink:     0;
}

.gowa-bb-icon svg,
.gowa-bb-icon img {
	width:         100%;
	height:        100%;
	display:       block;
	border-radius: 8px;
}

/* ── 텍스트 ─────────────────────────────────────────────────────────────────── */

.gowa-bb-text {
	line-height: 1.3;
}

/* ── 노출 제어 ──────────────────────────────────────────────────────────────── */

@media (min-width: 621px) {
	.gowa-bb-hide-pc {
		display: none !important;
	}
}

/* ── 모바일 ─────────────────────────────────────────────────────────────────── */

@media (max-width: 620px) {
	.gowa-booking-btns {
		flex-direction: column;
		align-items:    stretch;
	}

	.gowa-bb-btn {
		justify-content: center;
		font-size:       var(--bb-fs-mobile, 13px) !important;
		padding:         12px 20px;
	}

	.gowa-bb-hide-mobile {
		display: none !important;
	}
}