/*
 * Evora Widgets – Loop Sync
 * ─────────────────────────────────────────────────────────────────────────────
 * Elementor Pro renders loop items as .e-loop-item (not .elementor-loop-item).
 *
 * Active-state strategy
 * ─────────────────────
 * On init, JavaScript adds 'active' to the first item automatically.
 * Add the class 'disable-first' to the widget (Elementor → Advanced → CSS Classes)
 * to suppress auto-activation — nothing is active until the user clicks.
 * On click, 'active' moves to the clicked slide/item and removes from all others.
 * 'btn-active' is also added to .elementor-widget-button inside the active item.
 */

/* Pointer cursor on all synced grid items */
[data-evora-widget="loop-grid"][data-evora-sync-group] .e-loop-item {
	cursor: pointer;
}

/* Hide the divider on the last loop item */
[data-evora-widget="loop-grid"][data-evora-sync-group]
	.e-loop-item:last-child .elementor-widget-divider {
	display: none;
}

/*
 * Active button state (.btn-active) — the .evora-btn-scope rules that mirror
 * :hover on .bk-animated-button now live in the global stylesheet
 * (assets/css/evora-global.css), alongside the base button styles they depend on.
 */