/* Global interactive hover — cards, lists, chips, sidebars, filters */

:root {
	--lm-accent: #0d0dff;
	--lm-accent-hover: #0b0bcc;
	--lm-accent-border: rgba(13, 13, 255, 0.45);
	--lm-accent-bg-hover: rgba(13, 13, 255, 0.08);
}

body.light-mode {
	--lm-accent-bg-hover: rgba(13, 13, 255, 0.06);
}

/* PHP content cards (saved items, content grids) */
.content-card:hover {
	border-color: var(--lm-accent-border);
	background-color: var(--lm-accent-bg-hover);
	background-color: color-mix(in srgb, var(--cc-bg, transparent) 92%, var(--lm-accent) 8%);
}

/* Elementor loop cards (card-border, border-news) */
.e-loop-item > a.card-border,
.e-loop-item > .e-con.card-border,
.e-loop-item .e-con.card-border,
.e-loop-item > a.border-news,
.e-loop-item > .e-con.border-news,
.e-loop-item .e-con.border-news {
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.e-loop-item:hover > a.card-border,
.e-loop-item > a.card-border:hover,
.e-loop-item:hover .e-con.card-border,
.e-loop-item .e-con.card-border:hover,
.e-loop-item:hover > a.border-news,
.e-loop-item > a.border-news:hover,
.e-loop-item:hover .e-con.border-news,
.e-loop-item .e-con.border-news:hover {
	border-color: var(--lm-accent-border) !important;
	--border-color: var(--lm-accent-border) !important;
	background-color: var(--lm-accent-bg-hover) !important;
}

a.card-border:hover,
.e-con.card-border:hover,
a.border-news:hover,
.e-con.border-news:hover {
	border-color: var(--lm-accent-border) !important;
	--border-color: var(--lm-accent-border) !important;
	background-color: var(--lm-accent-bg-hover) !important;
}

/* Video sidebar list items */
.video-sidebar-item,
.elementor-4803 a.video-sidebar-item,
.elementor-4803 .video-sidebar-item,
.video-youtube-sidebar .video-sidebar-item {
	transition: background-color 0.15s ease;
}

.video-sidebar-item:hover,
.elementor-4803 a.video-sidebar-item:hover,
.video-youtube-sidebar .video-sidebar-item:hover,
.video-youtube-sidebar .e-loop-item:hover > .video-sidebar-item,
.video-youtube-sidebar .e-loop-item:hover > a.video-sidebar-item {
	background-color: var(--lm-accent-bg-hover) !important;
}

/* Latest-posts list rows */
.elementor-element-37e4c3bc .e-loop-item {
	transition: background-color 0.15s ease;
	border-radius: 8px;
}

.elementor-element-37e4c3bc .e-loop-item:hover {
	background-color: var(--lm-accent-bg-hover);
}

/* Tag chips — base colors live in Sage chips.css; keep motion only */
.post-tags-chips .tag-chip,
.medium-article-body .post-tags-chips .tag-chip,
.tv-analysis-sidebar .post-tags-chips .tag-chip {
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

/* Home section links */
.home-content-section__more:hover {
	background: var(--lm-accent-hover) !important;
	color: #ffffff !important;
}

/* Profile sidebar tabs */
.profile-page .profile-tabs .tab-btn:hover:not(.active) {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #f1f1f1 !important;
	border-color: color-mix(in srgb, var(--lm-accent) 35%, transparent);
}

/* Engagement toolbar chips (like / share / save / chart) */
.engagement-btn__chip:hover,
.engagement-btn--like .custom-like-btn:not(.liked):hover,
.engagement-btn--share .share-icon:hover,
.engagement-btn--save .custom-save-btn:not(.saved):hover,
.engagement-btn--chart:hover {
	background: var(--lm-accent) !important;
	color: #ffffff !important;
}

/* YouTube comments — sort, votes, replies, cancel */
.yt-comments__sort-toggle:hover,
.yt-comments__sort-toggle:focus,
body.light-mode .yt-comments__sort-toggle:hover,
body.light-mode .yt-comments__sort-toggle:focus {
	background: var(--lm-accent) !important;
	color: #ffffff !important;
}

.yt-comments__sort-option:hover,
.yt-comments__sort-option.is-active,
body.light-mode .yt-comments__sort-option:hover,
body.light-mode .yt-comments__sort-option.is-active {
	background: var(--lm-accent-bg-hover) !important;
	color: var(--lm-accent) !important;
}

.yt-comments .vote-btn:hover,
.yt-comments .vote-btn:focus,
body.light-mode .yt-comments .vote-btn:hover,
body.light-mode .yt-comments .vote-btn:focus {
	background: var(--lm-accent-bg-hover) !important;
	color: var(--lm-accent) !important;
}

.yt-comment__reply:hover,
body.light-mode .yt-comment__reply:hover {
	background: var(--lm-accent-bg-hover) !important;
	color: var(--lm-accent) !important;
}

.yt-comment-form__cancel:hover,
.yt-comment-form__cancel:focus,
body.light-mode .yt-comment-form__cancel:hover,
body.light-mode .yt-comment-form__cancel:focus {
	background: var(--lm-accent-bg-hover) !important;
	color: var(--lm-accent) !important;
}

.yt-comment-form__submit:hover,
.yt-comment-form__submit:focus {
	background: var(--lm-accent-hover) !important;
	color: #ffffff !important;
}