/**
 * DELITA – pagalbinės klasės
 *
 * Skirta paprastiems Elementor elementams (pvz. „Image"), kuriems reikia
 * DELITA stiliaus, bet kurie nėra DELITA blokai.
 *
 * Naudojimas: Elementor → pasirink elementą → Advanced (Išplėstiniai) →
 * CSS Classes (CSS klasės) → įrašyk klasės pavadinimą be taško.
 *
 * 1.19.0 – pridėtos simbolio spalvos klasės.
 */

/* --- Simbolio spalva ---------------------------------------------------
 * Simbolio PNG failas yra melsvai pilkas. Ant tamsios nuotraukos jis
 * beveik nesimato, todėl šios klasės perdažo jį nekeičiant paties failo.
 * Veikia su bet kokiu vienspalviu PNG/SVG, kuris turi permatomą foną.
 * -------------------------------------------------------------------- */

.dl-symbol-white img,
img.dl-symbol-white {
	filter: brightness(0) invert(1);
}

.dl-symbol-black img,
img.dl-symbol-black {
	filter: brightness(0);
}

/* Smėlio spalva – simboliui ant tamsaus, bet šilto fono (pvz. molio CTA) */
.dl-symbol-sand img,
img.dl-symbol-sand {
	filter: brightness(0) invert(1) sepia(1) saturate(.35) hue-rotate(350deg) brightness(.95);
}

/* Originali failo spalva – jei kada reikės atšaukti klasę nepašalinus jos */
.dl-symbol-original img,
img.dl-symbol-original {
	filter: none;
}


/* --- Simbolio dydis ----------------------------------------------------
 * Kiekvienas Elementor „Image" elementas turi savo atskira ploti, todel du
 * skirtingi simboliai niekada nesutampa - ypac jei vienam plotis nustatytas
 * pikseliais, o kitam procentais (tada jis dar ir kinta su ekrano plociu).
 * Si klase pririsa dydi prie tokio pat, koks naudojamas visoje svetaineje.
 *
 * Naudojimas: Advanced -> CSS Classes -> dl-symbol
 * -------------------------------------------------------------------- */

.dl-symbol img,
img.dl-symbol {
	width: var(--dl-symbol-size, 50px) !important;
	max-width: 100% !important;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1024px) {

	.dl-symbol img,
	img.dl-symbol {
		width: var(--dl-symbol-size-t, 44px) !important;
	}
}

@media (max-width: 767px) {

	.dl-symbol img,
	img.dl-symbol {
		width: var(--dl-symbol-size-m, 38px) !important;
	}
}

@media (prefers-reduced-motion: reduce) {

	.dl-symbol-white img,
	.dl-symbol-black img,
	.dl-symbol-sand img {
		transition: none;
	}
}