/*
 * Global Theme Engine overrides
 * Loaded after main.css to remap hardcoded theme colors.
 */

/* Do not hardcode :root token defaults here.
 * Shop-specific values are injected dynamically in layout.
 * Keep fallback values at usage site via var(..., fallback).
 */

/* 1) navbar โปร่งใส — สีเฟดอยู่ที่ hero-overlay (.rectangle-22) อย่างเดียว (แบบ ybb ต้นฉบับ) */
.navbar.navbar-transparent.bg-primary,
.navbar.navbar-transparent,
nav.navbar[data-theme-role="navbar"] {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: var(--theme-navbar-text, #ffffff) !important;
}

/* ปุ่ม/องค์ประกอบอื่นที่ใช้ .bg-primary ยังใช้ gradient ตาม Theme Engine */
:not(.navbar):not(nav).bg-primary,
.btn.bg-primary,
.badge.bg-primary {
	background: linear-gradient(var(--theme-navbar-angle, 269.98deg), var(--theme-navbar-from, #f6402d) 0%, var(--theme-navbar-to, #fe6232) 100%) !important;
}

/* 2) hero overlay — เฟด 180deg ทึบ→โปร่ง (แยกจาก navbar 269.98deg) */
.rectangle-22,
[data-theme-role="hero-overlay"] {
	background: var(--theme-hero-overlay-bg, linear-gradient(180deg, rgba(246, 63, 47, 1) 0%, rgba(245, 61, 48, 0) 100%)) !important;
}

/* 3) footer contact block */
#footer-contact {
	background: linear-gradient(var(--theme-footer-angle, 269.98deg), var(--theme-footer-from, #f6402d) 0%, var(--theme-footer-to, #fe6232) 100%) !important;
}

#footer-contact,
#footer-contact .text-footer,
#footer-contact .li-text-footer,
#footer-contact .li-text-footer a {
	color: var(--theme-footer-text, #ffffff) !important;
}

/* Common button/link remap */
.btn-search-top,
.btn.btn-primary,
.button,
.btn-footer2 {
	background: linear-gradient(var(--theme-btn-primary-angle, 135deg), var(--theme-btn-primary-bg, #1F2679) 0%, var(--theme-btn-primary-to, var(--theme-btn-primary-bg, #1F2679)) 100%) !important;
	color: var(--theme-btn-primary-text, #ffffff) !important;
	border-color: var(--theme-btn-primary-bg, #1F2679) !important;
}
.btn-search-top:hover,
.btn.btn-primary:hover,
.button:hover,
.btn-footer2:hover {
	background: var(--theme-btn-primary-hover, #151c5b) !important;
	border-color: var(--theme-btn-primary-hover, #151c5b) !important;
}
.btn-footer {
	background: var(--theme-btn-secondary-bg, #ffffff) !important;
	border-color: var(--theme-btn-secondary-border, #ffffff) !important;
}
.text-call-footer {
	color: var(--theme-btn-secondary-text, #f7412e) !important;
}

a,
.head-title,
.thb-price,
.thb-prices {
	color: var(--theme-link-default, #0d9488);
}
a:hover,
a:focus {
	color: var(--theme-link-hover, #0f766e);
}
.text-muted,
.li-text-footer small {
	color: var(--theme-link-muted, #64748b) !important;
}

/* Badges / chips */
.badge,
.label,
.ssh-brand-preview__badge--hot {
	background: var(--theme-badge-promo-bg, #ff9800) !important;
	color: var(--theme-badge-promo-text, #ffffff) !important;
}
.badge.badge-new,
.label-new,
.ssh-brand-preview__badge--new {
	background: var(--theme-badge-new-bg, #ffffff) !important;
	color: var(--theme-badge-new-text, #0d9488) !important;
	border: 1px solid var(--theme-badge-new-border, #0d9488) !important;
}