/* Brand color utilities */
.brand-text,
.brand-text h1,
.brand-text h2,
.brand-text h3,
.brand-text h4,
.brand-text h5,
.brand-text h6,
.brand-footer-links nav ul li a,
.brand-header-links nav ul li.menu-item a:not(.elementor-sub-item):hover,
.brand-header-links .elementor-item-active {
	color: var(--brand-primary) !important;
}

.brand-bg,
.elementor-nav-menu--dropdown a.elementor-item-active {
	background-color: var(--brand-primary) !important;

}
.brand-border {
	border-color: var(--brand-primary) !important;
}

/* Brand color variations */
.brand-text-light {
	color: rgba(var(--brand-primary-rgb), 0.7) !important;
}

/* SVG */
.brand-stroke .elementor-icon svg,
.stroke-white .elementor-icon svg {
	fill: transparent !important;
	animation: float 5s ease-in-out infinite;
}

.brand-stroke .elementor-icon svg path {
	stroke: var(--brand-primary);
}

.stroke-white .elementor-icon svg path {
	stroke: #FFF;
}

.brand-bg-light {
	background-color: rgba(var(--brand-primary-rgb), 0.05) !important;
}

/* Hover states */
.brand-hover:hover {
	color: var(--brand-primary) !important;
}

.brand-bg-hover:hover {
	background-color: var(--brand-primary) !important;
}

/* Buttons - Fixed selectors and syntax */
.brand-btn-primary .elementor-button, 
.brand-btn-secondary .elementor-button, 
.brand-btn-tertiary .elementor-button {
    border-color: var(--brand-primary) !important;
}

/* Primary button - target the actual button element */
.brand-btn-primary .elementor-button {
    color: #FFF !important; 
    background-color: var(--brand-primary) !important;
}

/* Secondary button */
.brand-btn-secondary .elementor-button {
    background-color: transparent !important; 
    color: var(--brand-primary) !important;
}

/* Tertiary button */
.brand-btn-tertiary .elementor-button {
    background-color: #FFF !important; 
    color: var(--brand-primary) !important;
}

/* Inline button */
.brand-btn-inline .elementor-button {
	background-color: transparent !important;
	color: var (--brand-primary) !important;
	border: none !important;
}

/* Floating Effect */
@keyframes float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0);
	}
}

/* Dropdowns */
.elementor-sub-item.elementor-item-active {
	color: #FFF !important;
}