/* ============================================
   CUSTOMIZAÇÕES DE COR - AGÊNCIA POPULAR
   ============================================ */

.new-order-tab .nav-tabs .nav-link.active,
.new-order-tab .nav-tabs .nav-item.show .nav-link {
	background: linear-gradient(90deg, rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
	border: none !important;
}

.sidebar .sidebar-body nav ul li a:hover,
.sidebar .sidebar-body nav ul li.active a {
	color: #53002D !important;
}

.sidebar .sidebar-body nav ul li a:hover::before,
.sidebar .sidebar-body nav ul li.active a::before {
	background: #53002D !important;
}

.btn {
	border: none !important;
	background: linear-gradient(90deg, rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
}

.content-table .tab-content .table > tbody > tr > td a {
	color: #53002D !important;
}

.hero .hero-badge {
	background: linear-gradient(90deg, rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
	border: none !important;
}

.hero .hero-actions .btn-primary {
	background: linear-gradient(90deg, rgba(68, 0, 117, 1) 0%, rgba(83, 0, 45, 1) 100%) !important;
}

.hero .hero-stats .stat-item .stat-number {
	color: #fff !important;
}

.about .stat-item .number {
	color: #43007A !important;
}

.about .image-wrapper .floating-card .card-content i {
	color: #43007A !important;
}

#preloader div {
	background-color: #43007A !important;
}

.section-title h2::after {
	background: #43007A !important;
}

.featured-services .services-content .subtitle {
	background-color: color-mix(in srgb, var(--accent-color), transparent 94%);
	color: #43007A !important;
}

.featured-services .services-content .btn-consultation {
	background-color: #43007A !important;
}

.featured-services .service-card:hover {
	background-color: #43007A !important;
}

/* ============================================
   LANDING PAGE - TEMPLATE PASSION
   ============================================ */

/**
 * Template Name: Passion
 * Template URL: https://bootstrapmade.com/passion-bootstrap-template/
 */

:root {
	--default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--heading-font: "Barlow", sans-serif;
	--nav-font: "Inter", sans-serif;
	--background-color: #ffffff;
	--default-color: #140d1a;
	--heading-color: #0a3223;
	--accent-color: #43007A;
	--surface-color: #ffffff;
	--contrast-color: #ffffff;
	--nav-color: #ffffff;
	--nav-hover-color: #43007A;
	--nav-mobile-background-color: #ffffff;
	--nav-dropdown-background-color: #ffffff;
	--nav-dropdown-color: #14201c;
	--nav-dropdown-hover-color: #43007A;
}

.light-background {
	--background-color: #f4f9f7;
	--surface-color: #ffffff;
}

.dark-background {
	--background-color: #000704;
	--default-color: #ffffff;
	--heading-color: #ffffff;
	--surface-color: #28323a;
	--contrast-color: #ffffff;
}

:root {
	scroll-behavior: smooth;
}

.hero .hero-actions .btn-primary {
	background: var(--accent-color);
	color: var(--contrast-color);
	padding: 16px 32px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px color-mix(in srgb, var(--accent-color), transparent 60%);
}

/* ============================================
   LOGO DO HEADER - CONTROLADA VIA JS
   ============================================ */

.header a.logo.hidden {
	display: none !important;
}

/* ============================================
   SIDEBAR - CORREÇÃO DE POSICIONAMENTO
   ============================================ */

/* #page tem overflow:hidden no dashboard.css, isso impede o sidebar de sair da tela */
#page {
	overflow: visible !important;
}

/* Garantir que o sidebar use o viewport correto */
.sidebar {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	height: 100vh !important;
	z-index: 100 !important;
}

/* Desktop: quando recolhido, sair da tela */
@media (min-width: 992px) {
	.sidebar.active {
		left: -273px !important;
	}

	.body-wrapper {
		padding-left: 273px !important;
	}

	.body-wrapper.active {
		padding-left: 0 !important;
	}

	.body-wrapper .header {
		left: 273px !important;
	}

	.body-wrapper .header.active {
		left: 0 !important;
	}
}

/* Mobile: sidebar começa escondido, aparece com active */
@media (max-width: 991px) {
	.sidebar {
		left: -273px !important;
	}

	.sidebar.active {
		left: 0 !important;
	}

	.body-wrapper {
		padding-left: 0 !important;
		overflow-y: auto !important;
		min-height: 100vh !important;
	}

	#page {
		overflow-y: auto !important;
		min-height: 100vh !important;
	}
}

/* ============================================
   BOTÕES FLUTUANTES
   ============================================ */

.integration-fixed {
	position: fixed !important;
	bottom: 20px !important;
	right: 20px !important;
	z-index: 2147483647 !important;
}

iframe {
	pointer-events: none !important;
}