/*
 * @author: Mathieu MARI <contact@mathieumari.com>
 * @date:   10-12-2025 19:18:14
 * @lastModifiedBy:   Mathieu MARI <contact@mathieumari.com>
 * @lastModifiedTime: 2025-12-10 19:19:40
 */
/*
 * Brand theme — change --brand-primary below to recolor the entire front site.
 * --primary-color is dark text (headings), not the brand violet.
 */
:root {
	--brand-primary: #6C01B1;
	--brand-primary-hover: #580094;
	--brand-primary-soft: #f3ebfa;
	--brand-primary-rgb: 108, 1, 177;

	--primary-color: #03171D;
	--secondary-color: #F9F9F9;
	--bg-color: #FFFFFF;
	--text-color: #59676C;
	--accent-color: #6C01B1;
	--white-color: #FFFFFF;
	--black-color: #111010;
	--gray-color: #8d8888;
	--divider-color: #03171D1A;
	--dark-divider-color: #FFFFFF1A;
	--error-color: rgb(230, 87, 87);
	--default-font: "Inter Tight", sans-serif;

	--mm-scrolltop-progress: #6C01B1;
}

html[data-bs-theme="dark"] {
	--brand-primary-soft: rgba(108, 1, 177, 0.12);
	--primary-color: #e8eef0;
	--secondary-color: #0f1a1e;
	--bg-color: #0a1215;
	--text-color: #a8b4b8;
	--black-color: #f5f7f8;
	--white-color: #ffffff;
	--surface-color: #121c20;
	--surface-elevated: #1a2529;
	--gray-color: #8a9498;
	--divider-color: #ffffff14;
	--dark-divider-color: #ffffff1a;
	color-scheme: dark;
}

html[data-bs-theme="dark"] .luximmo-brand span {
	color: var(--black-color);
}

html[data-bs-theme="dark"] .main-header .main-menu ul li a,
html[data-bs-theme="dark"] .main-header .main-menu .nav-link {
	color: var(--black-color);
}

html[data-bs-theme="dark"] .main-footer.dark-section {
	background-color: #060b0d;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Scroll-to-top progress ring (overrides plugin default green inline var) */
.progress-wrap {
	--mm-scrolltop-progress: #6C01B1 !important;
}

/* Vizion brand (header + footer) */
.luximmo-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.luximmo-brand img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.luximmo-brand span {
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	color: var(--black-color);
	font-family: var(--default-font);
}

.luximmo-brand--footer span {
	color: var(--white-color);
}

.footer-logo .luximmo-brand img {
	max-width: 44px;
	width: 44px;
	height: 44px;
}

.footer-logo .luximmo-brand span {
	font-size: 28px;
}

.main-header .main-menu ul li a,
.main-header .main-menu .nav-link {
	color: var(--black-color);
}

/* Footer */
.main-footer.dark-section {
	background-color: #0a0a0a;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 32px 32px;
	background-repeat: repeat;
	background-position: center center;
}

 .footer-contact-form .form-group .form-control{
	color: var(--white-color) !important;
 }
 .footer-contact-form .form-group .form-control::placeholder{
	color: var(--white-color) !important;
 }
 .footer-newsletter-form .form-group .form-control::placeholder{
	color: var(--white-color) !important;
 }

 /* Contact page */
 .contact-us-form .form-control {
	color: var(--black-color) !important;
 }
 .page-contact-us .form-control::placeholder{
	color: var(--gray-color) !important;
}

.btn-default {
	color: var(--white-color) !important;
}
.btn-highlighted:hover {
	color: var(--black-color) !important;
}
.btn-highlighted:hover::before{
	background-image: url('../img/arrow-primary.svg') !important;

}

.btn-dark:hover {
	color: var(--black-color) !important;
}

.btn-default::before{
	background-image: url('../img/arrow-white.svg') !important;
}

.hero::before{
	background-image: none !important;
}
.hero::after{
	background-image: none !important;
}

.page-header::before{
	background-image: none !important;
}

.hero-feature-item .icon-box{
	color: var(--white-color) !important;
}

.hero-feature-item .icon-box::before{ 
	content: normal;
	background-color: var(--black-color) !important;
}

.what-we-do-box-2-header h2{
	color: var(--white-color);
}

.what-we-do-box-2 .what-we-do-item-content p, .what-we-do-box-2 .what-we-do-item-content h3{
	color: var(--white-color);
}

.faq-cta-contact-content p, 
.faq-cta-contact-content h3 {
	color: var(--white-color);
}
.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{
	color: var(--white-color);
}

.footer-social-links ul li a{
    color: var(--white-color);
}

.footer-social-links ul li:hover a{
	background: var(--white-color);
	color: var(--black-color);
}
.newsletter-btn i {
	color: var(--white-color) !important;
}
.newsletter-btn:hover i {
	color: var(--black-color) !important;
}

.main-menu ul ul{
	background: var(--white-color);
}
.main-menu ul li a:hover,
.main-menu ul li a:focus{
	color: var(--accent-color) !important;
}

.contact-social-media-list ul li a{
	border-color: var(--white-color);
	color: var(--white-color);
}

.contact-social-media-list ul li a:hover{
	border: solid 3px var(--accent-color);
}