/**
 * Footer sidebar tetap di bawah + area menu di atasnya yang bisa di-scroll (SimpleBar).
 * Berlaku untuk .vertical-menu.rekapos-sidebar-with-foot
 *
 * Hindari display:flex global — di <992px tema menyembunyikan sidebar (display:none);
 * hanya pakai flex saat sidebar desktop atau drawer sidebar-enable.
 */
@media (min-width: 992px) {
	.vertical-menu.rekapos-sidebar-with-foot {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 991.98px) {
	body.sidebar-enable .vertical-menu.rekapos-sidebar-with-foot {
		display: flex;
		flex-direction: column;
	}
}

.vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-scroll {
	flex: 1 1 auto;
	min-height: 0;
	height: auto;
}

.vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-foot {
	flex-shrink: 0;
	padding: 0.65rem 0.75rem 0.85rem;
	margin: 0 0.35rem 0.5rem;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(248, 250, 252, 0.95) 28%, #f8fafc 100%);
	border: 1px solid rgba(15, 23, 42, 0.06);
	box-shadow:
		0 -1px 0 rgba(255, 255, 255, 0.8) inset,
		0 4px 14px rgba(15, 23, 42, 0.06);
}

.vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.62rem 0.85rem;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-decoration: none !important;
	color: #b91c1c !important;
	background: #ffffff;
	border: 1px solid rgba(185, 28, 28, 0.22);
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition:
		background 0.18s ease,
		color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.12s ease;
}

.vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn:hover {
	color: #ffffff !important;
	background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
	border-color: transparent;
	box-shadow: 0 4px 14px rgba(185, 28, 28, 0.35);
	transform: translateY(-1px);
}

.vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(185, 28, 28, 0.25);
}

.vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-ico {
	font-size: 1.15rem;
	line-height: 1;
	flex-shrink: 0;
}

/* Sidebar kolaps (ikon saja) */
body.vertical-collpsed .vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-foot {
	margin: 0 0.25rem 0.35rem;
	padding: 0.45rem 0.35rem 0.55rem;
}

body.vertical-collpsed .vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-text {
	display: none;
}

body.vertical-collpsed .vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn {
	padding: 0.55rem 0.35rem;
	border-radius: 10px;
}

/* Sidebar gelap (tema Skote) */
body[data-sidebar="dark"] .vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-foot {
	background: linear-gradient(180deg, transparent 0%, rgba(42, 48, 66, 0.92) 35%, #2a3042 100%);
	border-color: rgba(255, 255, 255, 0.06);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

body[data-sidebar="dark"] .vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn {
	background: rgba(255, 255, 255, 0.06);
	color: #fecaca !important;
	border-color: rgba(248, 113, 113, 0.35);
}

body[data-sidebar="dark"] .vertical-menu.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn:hover {
	color: #ffffff !important;
	background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
}

/* Tema navy Rekapos: footer sidebar & keluar — flat (tanpa gradasi). Pakai .rekapos-sidebar-shell agar tidak timpa layout with-foot non-shell */
.vertical-menu.rekapos-sidebar-shell.rekapos-sidebar-with-foot .rekapos-sidebar-foot {
	background: #0f2f4a;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

.vertical-menu.rekapos-sidebar-shell.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn {
	color: #fecaca !important;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(248, 113, 113, 0.4);
	box-shadow: none;
}

.vertical-menu.rekapos-sidebar-shell.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn:hover {
	color: #ffffff !important;
	background: #b91c1c;
	border-color: #b91c1c;
	box-shadow: none;
	transform: translateY(-1px);
}

.vertical-menu.rekapos-sidebar-shell.rekapos-sidebar-with-foot .rekapos-sidebar-logout-btn:active {
	transform: translateY(0);
	box-shadow: none;
}

/* ========== Footer konten: © kiri / Powered by Rekapos kanan — aksen warna dasar merek ========== */
.footer.rekapos-page-footer {
	margin-top: 1.25rem;
	padding: 0.78rem 0 0.42rem;
	font-size: 0.75rem;
	line-height: 1.35;
	letter-spacing: 0.01em;
	color: #64748b;
	border-top: none;
	background-color: transparent;
	/* Strip atas: navy → oranye → navy → lime → sky (selaras topbar) */
	background-image:
		linear-gradient(
			90deg,
			#143d62 0%,
			#143d62 5%,
			#e8934a 5%,
			#e9972d 16%,
			#143d62 16%,
			#143d62 84%,
			#9dcc00 84%,
			#7cb518 93%,
			#143d62 93%,
			#143d62 97%,
			#4eb6e8 97%,
			#4eb6e8 100%
		),
		linear-gradient(
			180deg,
			rgba(20, 61, 98, 0.06) 0%,
			rgba(78, 182, 232, 0.04) 22%,
			rgba(157, 204, 0, 0.03) 55%,
			rgba(255, 255, 255, 0.92) 100%
		);
	background-size:
		100% 3px,
		100% 100%;
	background-position:
		top left,
		top left;
	background-repeat: no-repeat;
	border-radius: 0 0 10px 10px;
}

.rekapos-page-footer__row {
	min-height: 1.5rem;
}

.rekapos-page-footer__meta {
	color: #143d62;
	opacity: 0.88;
	font-weight: 600;
}

.rekapos-page-footer__brand-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	flex-wrap: wrap;
	justify-content: center;
	text-decoration: none !important;
	color: #475569 !important;
	vertical-align: middle;
	transition: color 0.18s ease, filter 0.18s ease;
}

.rekapos-page-footer__brand-link:hover {
	color: #143d62 !important;
	filter: none;
}

.rekapos-page-footer__pb {
	font-weight: 500;
	opacity: 0.88;
	color: #64748b;
}

.rekapos-page-footer__logo {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
	border-radius: 5px;
	object-fit: contain;
	box-shadow:
		0 0 0 1px rgba(20, 61, 98, 0.1),
		0 1px 2px rgba(78, 182, 232, 0.15);
}

.rekapos-page-footer__rn {
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #143d62;
}

@media (min-width: 768px) {
	.rekapos-page-footer__brand-link {
		justify-content: flex-end;
	}
}