/**
 * Floating Buttons -- front-end styles (D4).
 * License: Proprietary -- Terragross only
 *
 * --tgwp-fb-color (brand color) and the device-visibility media queries are
 * injected via wp_add_inline_style() from sanitized operator config.
 *
 * Icons are inline SVG data URIs (no external font/asset). Brand-consistent
 * white line glyphs; Kakao uses its brand-brown bubble on the yellow tile.
 */

:root { --tgwp-fb-color: #3d66ae; }

.tgwp-fb-desktop {
	position: fixed; top: 50%; transform: translateY(-50%);
	z-index: 9000; display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.tgwp-fb-desktop.tgwp-fb-right_center { right: 16px; }
.tgwp-fb-desktop.tgwp-fb-left_center { left: 16px; }

.tgwp-fb-desktop .tgwp-fb-btn {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 3px; width: 64px; min-height: 64px; padding: 8px 4px;
	border-radius: 14px; font-size: 12px; line-height: 1.2; text-decoration: none;
	box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

.tgwp-fb-mobile {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000; display: flex;
	background: rgba(17,24,39,0.94); box-shadow: 0 -3px 16px rgba(0,0,0,0.28);
	padding-bottom: env(safe-area-inset-bottom, 0px);
}
.tgwp-fb-mobile .tgwp-fb-btn {
	flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 3px; min-height: 56px; padding: 8px 4px; font-size: 13px; font-weight: 600; text-decoration: none;
}
.tgwp-fb-mobile .tgwp-fb-btn + .tgwp-fb-btn { border-left: 1px solid rgba(255,255,255,0.18); }

.tgwp-fb-style-primary { background: var(--tgwp-fb-color); color: #fff; }
.tgwp-fb-style-secondary { background: #374151; color: #fff; }
.tgwp-fb-btn:hover, .tgwp-fb-btn:focus { filter: brightness(0.95); }

/* Brand colors per button key */
.tgwp-fb-key-booking, .tgwp-fb-key-navertalk, .tgwp-fb-key-navermap { background: #03c75a; color: #fff; }
.tgwp-fb-key-kakao { background: #fee500; color: #3c1e1e; }
.tgwp-fb-key-directions, .tgwp-fb-key-blog { background: #3d66ae; color: #fff; }
/* Phone = crimson call-to-action (mobile bar) */
.tgwp-fb-key-phone { background: #dc143c; color: #fff; }
/* Instagram brand gradient (pink-centered) */
.tgwp-fb-key-instagram { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #962fbf 90%); color: #fff; }

/* ---- Brand icons (inline SVG, no external font) ---- */
.tgwp-fb-ico {
	width: 24px; height: 24px; display: block;
	background-position: center; background-repeat: no-repeat; background-size: 23px 23px;
}
.tgwp-fb-ico-calendar { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='16'%20rx='2'/%3E%3Cpath%20d='M3%209h18M8%203v4M16%203v4'/%3E%3Cpath%20d='M8.3%2014.5l2.3%202.3%204.4-4.4'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-phone { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1.9.4%201.8.7%202.7a2%202%200%200%201-.5%202.1L8.1%209.8a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.5c.9.3%201.8.6%202.7.7a2%202%200%200%201%201.7%202z'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-kakao { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%233c1e1e'%3E%3Cpath%20d='M12%203.2c-5%200-9%203.1-9%207%200%202.5%201.7%204.7%204.2%205.9-.2.7-.7%202.5-.8%203-.1.4.2.4.4.3.2-.1%202.6-1.8%203.6-2.5.5.1%201%20.1%201.6.1%205%200%209-3.1%209-7s-4-6.8-9-6.8z'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-naver { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2011.5c0%204-4%207.2-9%207.2-1%200-1.9-.1-2.8-.4L3%2020l1.4-3.8C3.5%2015%203%2013.3%203%2011.5%203%207.5%207%204.3%2012%204.3s9%203.2%209%207.2z'/%3E%3Cpath%20d='M8.5%2011.5h.01M12%2011.5h.01M15.5%2011.5h.01'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-chat { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2011.5c0%204-4%207.2-9%207.2-1%200-1.9-.1-2.8-.4L3%2020l1.4-3.8C3.5%2015%203%2013.3%203%2011.5%203%207.5%207%204.3%2012%204.3s9%203.2%209%207.2z'/%3E%3Cpath%20d='M8.5%2011.5h.01M12%2011.5h.01M15.5%2011.5h.01'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-map { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021c4.5-4.2%207-7.6%207-10.6A7%207%200%200%200%205%2010.4C5%2013.4%207.5%2016.8%2012%2021z'/%3E%3Ccircle%20cx='12'%20cy='10.2'%20r='2.4'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-instagram { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='17'%20height='17'%20rx='5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3.8'/%3E%3Cline%20x1='17.3'%20y1='6.7'%20x2='17.31'%20y2='6.7'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-link { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10%2013a5%205%200%200%200%207.5.5l3-3a5%205%200%200%200-7-7l-1.7%201.7'/%3E%3Cpath%20d='M14%2011a5%205%200%200%200-7.5-.5l-3%203a5%205%200%200%200%207%207l1.7-1.7'/%3E%3C/svg%3E"); }
.tgwp-fb-ico-blog { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2020h4L19%209a2%202%200%200%200-3-3L5%2017z'/%3E%3Cpath%20d='M14.5%206.5l3%203'/%3E%3C/svg%3E"); }

/* ---- Desktop award badge (square image, no gold box) ---- */
.tgwp-fb-badge {
	display: flex; align-items: center; justify-content: center; margin-bottom: 4px;
}
.tgwp-fb-badge:has(img) { background: none; box-shadow: none; padding: 0; }
.tgwp-fb-badge img {
	display: block; width: 76px; height: auto; border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
/* text-only badge keeps a compact gold chip */
.tgwp-fb-badge .tgwp-fb-badge-text {
	display: inline-block; min-width: 64px; padding: 6px 4px; border-radius: 12px;
	background: #b8860b; color: #fff; font-size: 11px; font-weight: 700; text-align: center;
	box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
.tgwp-fb-badge-link { color: inherit; text-decoration: none; }