/* =========================================================================
   VINIUM – univerzálny „Čítať viac“ prepínač
   ========================================================================= */

/* Cieľový kontajner: zabalený, keď nemá .is-open.
   !important + vyššia špecificita kvôli Elementor flex kontajnerom
   (.e-con.e-flex { display:flex }), inak by sa nezbalili.
   V Elementor editore (body.elementor-editor-active) NEskrývame – nech vieš
   obsah vidieť a editovať; na fronte sa zbalí normálne. */
body:not(.elementor-editor-active) .vsi-readmore-content:not(.is-open) {
	display: none !important;
}

/* Spúšťač (akýkoľvek prvok) */
.vsi-readmore { cursor: pointer; }
/* Kategóriové intro tlačidlo (párovacia trieda vsi-intro): skryté, kým plugin
   serverovo nepotvrdí, že kategória má intro blok (body.vsi-intro-available).
   Bez závislosti na JS -> žiadny flash. V Elementor editore viditeľné vždy. */
.vsi-readmore.vsi-intro { display: none !important; }
body.vsi-intro-available .vsi-readmore.vsi-intro,
body.elementor-editor-active .vsi-readmore.vsi-intro { display: inline-flex !important; }

/* Hotové tlačidlo (Elementor widget / shortcode) – viditeľný default, štýlovateľný */
.vsi-readmore-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 11px 20px;
	background: #2b211c;
	color: #fff;
	border: 0; border-radius: 10px;
	font: inherit; font-weight: 600; line-height: 1.2;
	text-decoration: none; cursor: pointer;
}
.vsi-readmore-btn:hover { color: #fff; }
.vsi-readmore-btn .vsi-readmore-less { display: none; }
.vsi-readmore-btn.is-open .vsi-readmore-more { display: none; }
.vsi-readmore-btn.is-open .vsi-readmore-less { display: inline; }

.vsi-readmore-icon {
	width: 9px; height: 9px;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: rotate(45deg); transition: transform .25s ease;
	margin-top: -3px;
}
.vsi-readmore-btn.is-open .vsi-readmore-icon { transform: rotate(-135deg); margin-top: 3px; }