/* Banner de Cookies */
.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #222529;
	color: #fff;
	padding: 20px 0;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
	z-index: 9999;
	transform: translateY(100%);
	transition: transform 0.3s ease-in-out;
}

.cookie-banner-show {
	transform: translateY(0);
}

.cookie-banner-text {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
}

.cookie-banner-link {
	color: #4e9eff;
	text-decoration: underline;
	transition: color 0.3s ease;
}

.cookie-banner-link:hover {
	color: #6bb0ff;
	text-decoration: underline;
}

.cookie-banner-btn {
	padding: 10px 30px;
	font-weight: 600;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.cookie-banner-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Responsivo para mobile */
@media (max-width: 768px) {
	.cookie-banner {
		padding: 15px 0;
	}
	
	.cookie-banner-text {
		font-size: 13px;
		margin-bottom: 15px;
	}
	
	.cookie-banner-btn {
		width: 100%;
		padding: 12px 30px;
	}
}

/* ============================================
   ESTILOS PERSONALIZADOS DO SITE
   ============================================ */

/* Fonte Nonchalance Bold para títulos */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Nonchalance', sans-serif !important;
	font-weight: 700 !important;
	color: #e84429 !important;
}

/* Cor vermelha para títulos */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.card-title,
.page-header h1,
.page-header h2 {
	color: #e84429 !important;
}

/* Exceção: títulos com text-color-light em banners mantêm branco, mas usam fonte Nonchalance Bold */
h1.text-color-light,
h2.text-color-light,
h3.text-color-light,
h4.text-color-light,
h5.text-color-light,
h6.text-color-light {
	font-family: 'Nonchalance', sans-serif !important;
	font-weight: 700 !important;
	color: #fff !important;
}

/* Cor vermelha para botões */
.btn-primary,
.btn-success,
.btn,
.btn-modern,
a.btn-primary,
a.btn-success,
a.btn,
a.btn-modern,
button.btn-primary,
button.btn-success,
button.btn,
button.btn-modern,
.header-top-button-make-as-appoitment a,
.cookie-banner-btn,
.custom-view-more.btn-primary,
.custom-view-more.btn-success {
	background-color: #e84429 !important;
	border-color: #e84429 !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn:hover,
.btn:focus,
.btn:active,
.btn-modern:hover,
a.btn-primary:hover,
a.btn-success:hover,
a.btn:hover,
a.btn-modern:hover,
.header-top-button-make-as-appoitment a:hover,
.cookie-banner-btn:hover,
.custom-view-more.btn-primary:hover,
.custom-view-more.btn-success:hover {
	background-color: #d1381f !important;
	border-color: #d1381f !important;
	color: #fff !important;
}

/* Cor preta para menu/header */
#header,
.header-body,
.header-container,
.header-top,
.header-nav-main nav ul li a {
	background-color: #1e1e1c !important;
}

.header-container,
.header-container.bg-color-light {
	background-color: #1e1e1c !important;
}

.header-top,
.header-top.bg-color-light {
	background-color: #1e1e1c !important;
	border-bottom: 1px solid #4a4a4a !important;
}

/* Divisão horizontal entre header-top e header-container */
.header-top {
	border-bottom: 1px solid #4a4a4a !important;
}

.header-container {
	border-top: 1px solid #4a4a4a !important;
}

.header-body {
	background-color: #1e1e1c !important;
}

/* Ajustar cores de texto do menu para contraste */
.header-nav-main nav ul li a,
.header-nav-main nav ul li .nav-link,
.header-top a,
.header-top span {
	color: #fff !important;
}

.header-nav-main nav ul li a:hover,
.header-nav-main nav ul li .nav-link:hover,
.header-nav-main nav ul li.active a,
.header-nav-main nav ul li.active .nav-link,
.header-top a:hover {
	color: #e84429 !important;
}

/* Cor preta para rodapé */
#footer,
footer {
	background-color: #1e1e1c !important;
}

#footer.bg-color-quaternary {
	background-color: #1e1e1c !important;
}

/* Ajustar cores de texto do rodapé para contraste */
#footer,
#footer h4,
#footer strong,
#footer a.text-color-light,
#footer .text-color-light {
	color: #fff !important;
}

#footer a.text-color-light:hover {
	color: #e84429 !important;
}