.lucide {
    width: 24px;
    height: 24px;
    stroke: var(--primary);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: inline-block;
    vertical-align: middle;
}
.lucide-white {
	color: white;
	stroke: white;
	display: inline-block;
	margin: 0 5px;
}

/* Velikosti */
.lucide-sm {
    width: 16px;
    height: 16px;
}

.lucide-lg {
    width: 32px;
    height: 32px;
}

.lucide-xl {
    width: 48px;
    height: 48px;
}
.lucide-xxl {
    width: 66px;
    height: 66px;
}
.lucide-3xl {
    width: 88px;
    height: 88px;
}



/* Pro použití v benefitech */
.intro-icon .lucide {
    width: 40px;
    height: 40px;
    color: var(--primary);
}

/* Bootstrap spacing kompatibilita */
.me-2 .lucide {
    margin-right: 0.5rem;
}

/* Barvy */
.text-primary .lucide {
    color: var(--primary);
}

.text-secondary .lucide {
    color: var(--secondary);
}

.lucide-menu {
	    color: var(--text);
	    astroke: var(--gray);
	    font-size: 0.8em;
	    width: 16px;
	    height: 16px;
	    margin-right: 2px;
  /*  background: var(--chalk);*/
}
.lucide-menu {
    color: var(--text);
    astroke: var(--gray);
    font-size: 3.8em;
    width: 28px;
    height: 28px;
    margin-right: 6px;
    stroke-width: 1.5;
    /* background: var(--chalk); */
}



.lucide-menu-mobile {
	    color: var(--text);
	    astroke: var(--gray);
	    font-size: 0.8em;
	    width: 16px;
	    height: 16px;
	    margin-right: 10px;
	    margin-bottom: 2px;
  /*  background: var(--chalk);*/
}
.lucide-suggest {
    color: var(--text);
    astroke: var(--gray);
    font-size: 0.8em;
    width: 88px;
    height: 88px;
 
}

@media (max-width: 768px) {
	.lucide-suggest {
	    color: var(--text);
	    astroke: var(--gray);
	    font-size: 0.8em;
	    width: 66px;
	    height: 66px;
	 
	}
}