/* =====================================================================
   HENG911 purple theme overrides
   Loaded after style.css so it wins on equal specificity.
   Palette: purple #8B5CF6 / #A855F7, deep purple #3B0764 / #1A0330,
   gold accents kept from the HENG911 logo (#FFC64D).
   ===================================================================== */

:root {
	--heng-purple: #8b5cf6;
	--heng-purple-2: #a855f7;
	--heng-purple-dark: #3b0764;
	--heng-purple-deep: #1a0330;
	--heng-gold: #ffc64d;
}

/* Page background: deep purple instead of black */
html,
body {
	background-color: #140022;
}

body {
	background: radial-gradient(1200px 620px at 50% -10%, #3b0764 0%, #140022 55%, #0b0014 100%) !important;
	color: #ffffff;
}

a:hover,
a:focus {
	color: #c4b5fd;
}

/* Footer */
footer {
	background: linear-gradient(134deg, #6d28d9b3, #12001fd9) !important;
	color: #ffffff;
}

/* Sticky navbar */
.navbarstk.sticky {
	background: #2a0a4ad9 !important;
	box-shadow: 0 0 15px #8b5cf666 !important;
}

.navbarstk ul a:hover {
	background: #8b5cf633 !important;
	text-shadow: 0 0 5px #e9d5ff, 0 0 20px #8b5cf6 !important;
}

/* Navbar logo: smaller than the theme default (86px) */
.navbarstk img {
	width: 64px;
}

/* Header login / register buttons */
.loginbtn {
	background: linear-gradient(134deg, #a855f7, #4c1d95) !important;
	box-shadow: 0 0 0 1.5px #e9d5ff inset, 0 0 14px #8b5cf699 !important;
}

.registerbtn {
	background: linear-gradient(168deg, #4c1d95cc 0%, #1a0330 100%) !important;
	box-shadow: 0 0 0 1.5px #c4b5fd inset !important;
}

/* Generic neon buttons */
.btn-primary {
	background-image: linear-gradient(161deg, #a855f7, #7c3aed 51.68%, #3b0764), linear-gradient(90deg, #ffffff, #ffffff) !important;
	box-shadow: 0 0 5px #a855f7, 0 0 10px #7c3aed, 0 0 15px #ede9fe !important;
}

.btn-primary:hover {
	background-image: linear-gradient(180deg, #1a0330, #1a0330), linear-gradient(90deg, #ffffff, #ffffff) !important;
	border-color: #c4b5fd !important;
}

.btn-primary:hover a {
	text-shadow: 0 0 5px #ffffff, 0 0 12px #c084fc !important;
}

/* Welcome / hero sign-up button */
.btnsection01 a {
	--clr-neon: #a855f7;
	--clr-white: #e9d5ff;
	--clr-bg: #140022;
	color: #e9d5ff !important;
	border-color: #a855f7 !important;
	box-shadow: inset 0 0 0.5em 0 #a855f7, 0 0 0.5em 0 #a855f7 !important;
}

.btnsection01 a:hover,
.btnsection01 a:focus {
	background: #a855f7 !important;
	color: #140022 !important;
}

/* Service cards + glow separators */
.bgsec02 {
	background: linear-gradient(129deg, #4c1d9580, #12001f80) !important;
	border: 1px solid #8b5cf633;
}

.x-service-wrapper {
	background: linear-gradient(0deg, #12001fe0, #12001f00) !important;
}

.x-hr-border-glow,
.x-hr-border-glow.pinkneon {
	background: linear-gradient(90deg, transparent, #a855f7 30%, #c084fc 70%, transparent) !important;
	box-shadow: 0 0 12px #8b5cf6aa;
}

/* Sidebar / mobile menu accents */
.sidebarbtn,
.sidebarbtn i {
	color: #e9d5ff;
}

/* Welcome heading: solid gold so it stays readable on the purple hero */
.headtext01 h2 {
	background: none !important;
	color: #ffd766 !important;
	-webkit-text-fill-color: #ffd766 !important;
	text-shadow: 0 0 12px rgba(255, 198, 77, 0.45);
}

/* Active tab label: solid gold for reliable rendering */
.tabsec05 .col-4.active span {
	background: none !important;
	color: #ffd766 !important;
	-webkit-text-fill-color: #ffd766 !important;
	text-shadow: 0 0 10px rgba(255, 198, 77, 0.4);
}

/* Hero logo: square art looks better slightly smaller than the old wide logo */
.logosec01 img {
	max-width: 250px;
}

/* Promotion slider: wide HENG911 banners — reduce the empty space */
.containpro {
	height: 250px;
}

.promotionsl .swiper-slide {
	max-width: 430px;
}

.promotionsl .swiper-slide img {
	max-width: 410px !important;
	border-radius: 18px;
}

.promotionsl .swiper-slide.swiper-slide-active img {
	box-shadow: 0 0 28px rgba(139, 92, 246, 0.5);
}

/* Slider pagination in purple */
.swiper-pagination-bullet {
	box-shadow: 0 0 5px #c4b5fd, 0 0 15px #8b5cf6, 0 0 25px #a855f7 !important;
}

:root {
	--swiper-theme-color: #a855f7;
}

/* Mobile header: pin the auth buttons to the viewport so they never overflow */
@media (max-width: 991px) {
	.navbarstk img {
		width: 50px;
	}

	.loginregishead {
		position: fixed !important;
		top: 14px !important;
		right: 10px !important;
		margin: 0 !important;
		z-index: 1002;
		display: flex;
		align-items: center;
	}

	.loginregishead .btn-primary {
		margin: 0 2px;
	}

	.loginregishead .btn-primary a {
		width: auto;
		padding: 8px 9px;
		font-size: 12px;
	}
}

/* Mobile bottom navigation bar: purple instead of red */
#account-actions-mobile .-left-wrapper,
#account-actions-mobile .-right-wrapper {
	background: linear-gradient(#a855f7, #2a0a4a) !important;
	border-top-color: #ffd766 !important;
}

/* Purple scrollbar to match the theme */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #1a0330;
}

::-webkit-scrollbar-thumb {
	background: #7c3aed;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #a855f7;
}