/**
 * Ralli Kalender — frontend stiilid.
 * Vaikimisi heleda kujundusega. Tume ainult siis, kui shortcode'is theme="dark".
 */

.rk-kalender {
	--rk-text: #1a1a1a;
	--rk-text-secondary: #4a4a4a;
	--rk-text-tertiary: #757575;
	--rk-bg: transparent;
	--rk-bg-secondary: #f5f5f5;
	--rk-bg-card: #fff;
	--rk-border: rgba(0, 0, 0, 0.1);
	--rk-border-hover: rgba(0, 0, 0, 0.2);
	--rk-radius: 8px;
	--rk-accent: #185FA5;

	font-family: var(--rk-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	color: var(--rk-text);
	max-width: 100%;
	box-sizing: border-box;
}

.rk-kalender *, .rk-kalender *::before, .rk-kalender *::after {
	box-sizing: border-box;
}

/* Tume režiim ainult kui shortcode'iga sunnitud. */
.rk-kalender.rk-force-dark {
	--rk-text: #f0f0f0;
	--rk-text-secondary: #b0b0b0;
	--rk-text-tertiary: #888;
	--rk-bg-secondary: #2a2a2a;
	--rk-bg-card: #1f1f1f;
	--rk-border: rgba(255, 255, 255, 0.12);
	--rk-border-hover: rgba(255, 255, 255, 0.25);
	--rk-accent: #4a9eff;
}

/* === Source/category overview bar === */
.rk-source-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 14px;
	padding: 9px 14px;
	background: var(--rk-bg-secondary);
	border-radius: var(--rk-radius);
	margin-bottom: 1rem;
	font-size: 12px;
	color: var(--rk-text-secondary);
}

.rk-src {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.rk-src .dot {
	width: 8px;
	height: 8px;
	border-radius: 2px;
	flex-shrink: 0;
}

.rk-source-bar strong {
	color: var(--rk-text);
	font-weight: 500;
}

.rk-total {
	margin-left: auto;
	color: var(--rk-text-tertiary);
	font-size: 11.5px;
}

/* === Filter chips (desktop) === */
.rk-filters-toggle {
	display: none;
}

.rk-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 1rem;
	align-items: center;
}

.rk-fhead {
	font-size: 10.5px;
	letter-spacing: .08em;
	color: var(--rk-text-tertiary);
	text-transform: uppercase;
	font-weight: 500;
	margin-right: 4px;
}

.rk-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 11px;
	border-radius: 999px;
	border: 1px solid var(--rk-border);
	background: transparent;
	font-size: 12.5px;
	font-weight: 500;
	cursor: pointer;
	color: var(--rk-text);
	transition: all .15s;
	font-family: inherit;
	line-height: 1.4;
}

.rk-chip:hover {
	border-color: var(--rk-border-hover);
	background: var(--rk-bg-secondary);
}

.rk-chip.on {
	background: var(--rk-text);
	color: var(--rk-bg-card);
	border-color: var(--rk-text);
}

.rk-chip .dot {
	width: 7px;
	height: 7px;
	border-radius: 2px;
	flex-shrink: 0;
}

/* === Week strip === */
/* === Week bar (kuu pealkiri + otsing samal real) === */
.rk-week-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 0 0 8px;
	flex-wrap: wrap;
}

/* Vasakul samalaiusega placeholder, et kuu pealkiri jääks visuaalselt keskele
   ka siis kui paremal on otsingu-nupp/väli */
.rk-week-bar::before {
	content: '';
	width: 75px; /* matchib otsingu-nupu laiust */
	flex-shrink: 0;
}

/* Kui otsing on avatud, placeholder on laiem, et matchida sisendvälja */
.rk-week-bar.search-open::before {
	width: 240px;
}

/* HTML5 hidden atribuut peab võitma display: inline-flex / flex reeglite üle */
.rk-search-row [hidden] {
	display: none !important;
}

.rk-week-month {
	font-size: 14px;
	font-weight: 500;
	color: var(--rk-text-secondary);
	text-transform: capitalize;
	letter-spacing: .01em;
	flex: 1;
	text-align: center;
}

.rk-search-row {
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.rk-search-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 11px;
	font-size: 12.5px;
	border: 1px solid var(--rk-border);
	border-radius: 3px;
	background: var(--rk-bg-card);
	color: var(--rk-text-secondary);
	font-family: inherit;
	cursor: pointer;
	transition: all .15s;
}

.rk-search-toggle:hover {
	background: var(--rk-bg-secondary);
	color: var(--rk-text);
	border-color: var(--rk-border-hover);
}

.rk-search-toggle svg {
	flex-shrink: 0;
}

.rk-search-input {
	width: 240px;
	padding: 6px 30px 6px 11px;
	font-size: 12.5px;
	border: 1px solid var(--rk-border);
	border-radius: 3px;
	background: var(--rk-bg-card);
	color: var(--rk-text);
	font-family: inherit;
	box-sizing: border-box;
	transition: border-color .15s, box-shadow .15s;
}

.rk-search-input:focus {
	outline: none;
	border-color: var(--rk-accent);
	box-shadow: 0 0 0 3px rgba(33, 150, 243, .15);
}

.rk-search-input::placeholder {
	color: var(--rk-text-tertiary);
}

.rk-search-clear {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 16px;
	line-height: 1;
	color: var(--rk-text-tertiary);
	cursor: pointer;
	padding: 3px 6px;
	border-radius: 3px;
}

.rk-search-clear:hover {
	background: var(--rk-bg-secondary);
	color: var(--rk-text);
}

@media (max-width: 580px) {
	.rk-week-bar {
		justify-content: space-between;
	}

	/* Mobiilis ei vaja me ::before placeholderit — paneme pealkirja vasakule, otsingu nupu paremale */
	.rk-week-bar::before {
		display: none;
	}

	.rk-week-month {
		text-align: left;
		flex: 1;
	}

	/* Kui otsing on avatud, pane pealkiri täielikult peitu (mobiilis pole ruumi mõlemale)
	   ja luba otsingu-väljal võtta kogu rida */
	.rk-week-bar.search-open .rk-week-month {
		display: none;
	}

	.rk-week-bar.search-open .rk-search-row {
		width: 100%;
	}

	/* iOS Safari zoomib sisse, kui sisendvälja font-size < 16px.
	   Vajame !important-i, et teema-CSS-id seda ei ülekirjutaks.
	   text-size-adjust on iOS-i lisakaitse zoomi vastu. */
	.rk-kalender .rk-search-input,
	.rk-kalender .rk-search-input:focus {
		width: 100%;
		font-size: 16px !important;
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
	}
}

.rk-week {
	display: flex;
	gap: 4px;
	padding: 12px 0 14px;
	border-top: 1px solid var(--rk-border);
	border-bottom: 1px solid var(--rk-border);
	margin-bottom: 1.25rem;
}

.rk-day {
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
	padding: 4px 2px;
	cursor: pointer;
	border-radius: 6px;
	transition: background .15s, outline-color .15s;
	outline: 1.5px solid transparent;
	outline-offset: -1.5px;
}

.rk-day:hover {
	background: var(--rk-bg-secondary);
}

.rk-day.selected {
	background: var(--rk-bg-secondary);
	outline-color: var(--rk-accent);
}

.rk-day .dn {
	font-size: 10px;
	letter-spacing: .08em;
	color: var(--rk-text-tertiary);
	font-weight: 500;
}

.rk-day .nm {
	font-size: 18px;
	font-weight: 500;
	color: var(--rk-text);
	margin-top: 2px;
	line-height: 1;
}

.rk-day.today .dn,
.rk-day.today .nm {
	color: var(--rk-accent);
}

.rk-day.selected .dn,
.rk-day.selected .nm {
	color: var(--rk-accent);
}

.rk-day .marks {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2px;
	margin-top: 6px;
	min-height: 4px;
}

.rk-day .mk {
	width: 12px;
	height: 4px;
	border-radius: 2px;
	transition: opacity .15s;
}

.rk-day.next,
.rk-day.prev {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: var(--rk-bg-secondary);
	border-radius: var(--rk-radius);
	flex: 1.1 1 0;
}

.rk-day.next:hover,
.rk-day.prev:hover {
	background: var(--rk-border);
}

.rk-day.next .nm,
.rk-day.prev .nm {
	font-size: 11px;
	line-height: 1.3;
	padding: 0;
	color: var(--rk-text-secondary);
	font-weight: 500;
}

/* === Month headers === */
.rk-month-h {
	font-size: 21px;
	font-weight: 600;
	color: var(--rk-text);
	padding: 24px 0 16px;
	letter-spacing: .02em;
	margin-top: 16px;
	text-align: center;
	text-transform: capitalize;
}

.rk-kalender .rk-hidden {
	display: none;
}

.rk-month-h:first-child,
.rk-list > .rk-month-h:nth-child(2) {
	padding-top: 8px;
	margin-top: 0;
}

/* === Event row === */
.rk-event-wrap {
	border-bottom: 1px solid var(--rk-border);
}

.rk-event {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 4px;
	cursor: pointer;
	transition: background .15s;
}

.rk-event:hover {
	background: var(--rk-bg-secondary);
}

.rk-event-wrap.open .rk-event {
	background: var(--rk-bg-secondary);
}

.rk-event .vn {
	width: 50px;
	height: 50px;
	border-radius: 6px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: 500;
	overflow: hidden;
}

.rk-event .vn.has-logo {
	background: var(--rk-bg-secondary);
}

.rk-event .vn.has-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.rk-event .vn .d {
	font-size: 26px;
	line-height: 1;
	font-weight: 600;
}

.rk-event .vn .m {
	font-size: 10px;
	letter-spacing: .06em;
	margin-top: 3px;
	line-height: 1;
	opacity: .9;
	font-weight: 500;
}

.rk-event .body {
	flex: 1;
	min-width: 0;
}

.rk-event .ti {
	font-size: 15px;
	font-weight: 500;
	color: var(--rk-text);
	margin-bottom: 4px;
}

.rk-event .meta {
	font-size: 13px;
	color: var(--rk-text-secondary);
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
}

.rk-event .meta span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.rk-event .chev {
	color: var(--rk-text-tertiary);
	transition: transform .25s;
	flex-shrink: 0;
	padding: 0 8px;
	font-size: 12px;
}

.rk-event-wrap.open .rk-event .chev {
	transform: rotate(180deg);
}

/* === Detail panel === */
.rk-detail {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .3s ease;
}

.rk-event-wrap.open .rk-detail {
	grid-template-rows: 1fr;
}

.rk-detail-inner {
	overflow: hidden;
}

.rk-detail-pad {
	padding: 24px 4px 20px 68px;
}

.rk-event-image {
	margin: 0 0 1.5rem;
	border-radius: 3px;
	overflow: hidden;
	max-width: 700px;
}

.rk-event-image img {
	width: 100%;
	height: auto;
	display: block;
}

.rk-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 6px;
}

.rk-badge {
	display: inline-block;
	padding: 2px 9px;
	font-size: 10.5px;
	font-weight: 500;
	border-radius: 4px;
	letter-spacing: .02em;
	line-height: 1.45;
}

/* Klikitavad sildikesed kalendri loendis — viivad kategooria filtrile */
.rk-event .rk-badge[data-cat] {
	cursor: pointer;
	transition: transform .1s, opacity .15s, box-shadow .15s;
}

.rk-event .rk-badge[data-cat]:hover {
	opacity: .88;
	transform: translateY(-1px);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

/* Kalendri loendis on sildikesed klõpsatavad — filtreerivad vastavalt kategooriale. */
.rk-list .rk-badge {
	cursor: pointer;
	transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.rk-list .rk-badge:hover {
	transform: translateY(-1px);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
	opacity: .92;
}

/* === Single event leht === */
.rk-single-event {
	max-width: 760px;
	margin: 0 auto;
}

.rk-single-event .rk-single-badges {
	margin-bottom: 14px;
}

.rk-single-event .rk-single-badges .rk-badge {
	font-size: 11.5px;
	padding: 3px 11px;
}

.rk-single-event .rk-single-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 14px;
	color: var(--rk-text-secondary);
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--rk-border);
}

.rk-single-event .rk-single-summary span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.rk-single-event .rk-single-desc {
	font-size: 15px;
	margin-bottom: 1.5rem;
	max-width: none;
}

.rk-single-event .rk-single-info-grid {
	margin-top: 1.5rem;
	max-width: none;
	padding-top: 1.5rem;
	border-top: 1px solid var(--rk-border);
}

.rk-single-event .rk-actions-row {
	margin-top: 1rem;
}

.rk-single-event .rk-official-row {
	margin-top: 1.5rem;
}

/* === Countdown timer === */
.rk-countdown-wrap {
	margin: 0 0 1.5rem;
}

.rk-countdown-label {
	text-align: center;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--rk-text-tertiary);
	font-weight: 600;
	margin-bottom: 8px;
}

.rk-countdown {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 1.25rem 1rem;
	background: var(--rk-bg-secondary);
	border-radius: 12px;
}

.rk-cd-block {
	min-width: 72px;
	padding: 8px 14px;
	background: var(--rk-bg-card);
	border-radius: 8px;
	text-align: center;
	border: 1px solid var(--rk-border);
}

.rk-cd-num {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.05;
	color: var(--rk-text);
	display: block;
	font-variant-numeric: tabular-nums;
}

.rk-cd-lbl {
	font-size: 10.5px;
	text-transform: uppercase;
	color: var(--rk-text-tertiary);
	letter-spacing: .06em;
	margin-top: 4px;
	display: block;
	font-weight: 500;
}

.rk-cd-state {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	padding: 4px 0;
}

.rk-cd-live {
	color: #d32f2f;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	font-size: 15px;
}

.rk-cd-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d32f2f;
	animation: rk-cd-pulse 1.4s infinite;
}

@keyframes rk-cd-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: .4; transform: scale(.85); }
}

.rk-cd-past {
	color: var(--rk-text-secondary);
	font-size: 14.5px;
}

@media (max-width: 480px) {
	.rk-countdown {
		gap: 6px;
		padding: 1rem .5rem;
	}
	.rk-cd-block {
		min-width: 0;
		flex: 1;
		padding: 8px 6px;
	}
	.rk-cd-num {
		font-size: 22px;
	}
	.rk-cd-lbl {
		font-size: 9.5px;
	}
}

/* === Related events === */
.rk-related {
	margin-top: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid var(--rk-border);
}

.rk-related-title {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 1rem;
	color: var(--rk-text);
}

.rk-related-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.rk-related-card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px;
	background: var(--rk-bg-secondary);
	border-radius: 10px;
	text-decoration: none !important;
	color: var(--rk-text) !important;
	transition: background .15s, transform .1s;
}

.rk-related-card:hover {
	background: var(--rk-border);
	transform: translateY(-1px);
}

.rk-related-card .vn {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}

.rk-related-card .vn img {
	max-width: 80%;
	max-height: 80%;
	object-fit: contain;
}

.rk-related-card .vn .rk-vn-day {
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}

.rk-related-card .vn .rk-vn-month {
	font-size: 9.5px;
	text-transform: uppercase;
	letter-spacing: .06em;
	margin-top: 3px;
	line-height: 1;
	font-weight: 500;
}

.rk-related-card .body {
	flex: 1;
	min-width: 0;
}

.rk-related-card .ti {
	font-weight: 500;
	font-size: 14.5px;
	margin: 2px 0 4px;
	line-height: 1.3;
}

.rk-related-card .meta {
	font-size: 12.5px;
	color: var(--rk-text-secondary);
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.rk-related-card .meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.rk-desc {
	font-size: 14px;
	line-height: 1.65;
	color: var(--rk-text-secondary);
	margin-bottom: 1.25rem;
	max-width: 600px;
}

.rk-desc a {
	color: var(--rk-text);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	font-weight: 500;
	transition: color .15s;
}

.rk-desc a:hover {
	color: var(--rk-accent);
}

.rk-info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 24px;
	margin-bottom: 1.5rem;
	max-width: 540px;
}

.rk-info-item {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.rk-info-item .lb {
	font-size: 11px;
	letter-spacing: .06em;
	color: var(--rk-text-tertiary);
	text-transform: uppercase;
	margin-bottom: 3px;
	font-weight: 500;
}

.rk-info-item .vl {
	font-size: 13.5px;
	color: var(--rk-text);
}

.rk-info-item .ic-wrap {
	width: 28px;
	height: 28px;
	background: var(--rk-bg-card);
	border: 1px solid var(--rk-border);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 13px;
}

/* === Actions row === */
.rk-actions-row {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.rk-action-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
}

.rk-action-group .ttl {
	font-size: 13px;
	color: var(--rk-text-secondary);
	font-weight: 500;
	margin: 0;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

.rk-action-btns {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

@media (max-width: 580px) {
	.rk-action-group {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}

.rk-official-row {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px solid var(--rk-border);
}

/* Värvilised jagamise nupud */
.rk-btn-fb {
	background: #1877F2 !important;
	color: #fff !important;
	border-color: #1877F2 !important;
}
.rk-btn-fb:hover {
	background: #166FE0 !important;
	border-color: #166FE0 !important;
}

.rk-btn-x {
	background: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}
.rk-btn-x:hover {
	background: #1a1a1a !important;
	border-color: #1a1a1a !important;
}

.rk-btn-wa {
	background: #25D366 !important;
	color: #fff !important;
	border-color: #25D366 !important;
}
.rk-btn-wa:hover {
	background: #1FBC5A !important;
	border-color: #1FBC5A !important;
}

.rk-btn-copy {
	background: #6B7280 !important;
	color: #fff !important;
	border-color: #6B7280 !important;
}
.rk-btn-copy:hover {
	background: #5A6270 !important;
	border-color: #5A6270 !important;
}

.rk-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 3px;
	border: 1px solid var(--rk-border);
	background: var(--rk-bg-card);
	font-size: 13px;
	color: var(--rk-text);
	cursor: pointer;
	font-family: inherit;
	transition: all .15s;
	text-decoration: none;
}

.rk-btn:hover {
	background: var(--rk-bg-secondary);
	border-color: var(--rk-border-hover);
	color: var(--rk-text);
}

.rk-btn .bi {
	width: 14px;
	height: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

/* === Load more === */
.rk-load-more {
	padding: 18px 0;
	text-align: center;
}

.rk-load-btn {
	padding: 10px 26px;
	border-radius: var(--rk-radius);
	border: 1px solid var(--rk-border-hover);
	background: var(--rk-bg-card);
	font-size: 13px;
	color: var(--rk-text);
	cursor: pointer;
	font-family: inherit;
	transition: all .15s;
}

.rk-load-btn:hover {
	background: var(--rk-bg-secondary);
}

.rk-load-info {
	font-size: 11.5px;
	color: var(--rk-text-tertiary);
	margin-top: 8px;
}

/* === Toast === */
.rk-toast {
	position: fixed;
	left: 50%;
	bottom: 30px;
	transform: translate(-50%, 8px);
	background: var(--rk-text);
	color: var(--rk-bg-card);
	padding: 9px 16px;
	border-radius: var(--rk-radius);
	font-size: 13px;
	opacity: 0;
	transition: all .25s;
	pointer-events: none;
	z-index: 1000;
}

.rk-toast.show {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* === Empty === */
.rk-empty {
	text-align: center;
	padding: 2rem;
	color: var(--rk-text-tertiary);
	font-size: 13px;
}

/* === Mobile (≤768px): filter chips become a dropdown === */
@media (max-width: 768px) {
	.rk-filters-toggle {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-between;
		padding: 10px 14px;
		border: 1px solid var(--rk-border);
		border-radius: var(--rk-radius);
		background: var(--rk-bg-card);
		font-family: inherit;
		font-size: 14px;
		font-weight: 500;
		color: var(--rk-text);
		cursor: pointer;
		margin-bottom: 8px;
		transition: border-color .15s;
	}

	.rk-filters-toggle:hover {
		border-color: var(--rk-border-hover);
	}

	.rk-filters-toggle .rk-current-wrap {
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}

	.rk-filters-toggle .rk-current-dot {
		width: 8px;
		height: 8px;
		border-radius: 2px;
		display: none;
	}

	.rk-filters-toggle .rk-arrow {
		font-size: 12px;
		color: var(--rk-text-tertiary);
		transition: transform .2s;
	}

	.rk-filters-toggle.is-open .rk-arrow {
		transform: rotate(180deg);
	}

	.rk-filters {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		padding: 12px;
		gap: 8px;
		background: var(--rk-bg-card);
		border: 1px solid var(--rk-border);
		border-radius: var(--rk-radius);
		margin-bottom: 1rem;
	}

	.rk-filters.is-open {
		display: flex;
	}

	.rk-filters .rk-fhead {
		margin: 6px 0 2px;
	}

	.rk-filters .rk-chip {
		width: 100%;
		justify-content: flex-start;
		padding: 8px 12px;
		font-size: 14px;
	}

	/* Mobile layout adjustments */
	.rk-source-bar {
		font-size: 11.5px;
		padding: 8px 12px;
	}

	.rk-week {
		grid-template-columns: repeat(8, minmax(0, 1fr));
		gap: 2px;
	}

	.rk-day .dn {
		font-size: 9px;
	}

	.rk-day .nm {
		font-size: 15px;
	}

	.rk-day .mk {
		width: 10px;
	}

	.rk-day.next .nm {
		font-size: 9.5px;
	}

	.rk-detail-pad {
		padding-left: 16px;
	}

	.rk-info-grid {
		grid-template-columns: 1fr;
	}

	.rk-event .vn {
		width: 46px;
		height: 46px;
	}

	.rk-event .vn .d {
		font-size: 22px;
	}
}

/* === Peida teema "Soovitame sulle ka neid" sektsioon võistluse single-lehel === */
/* Peidame ainult lehel, kus body'l on single-rk_voistlus klass — nii ei mõjuta */
/* uudiste lehti, kus see widget jääb alles. */
body.single-rk_voistlus .jnews_related_post_container {
	display: none !important;
}

/* === JNews jagamise nuppude tekst valgeks === */
/* Vaikimisi tume tekst ei hakka silma värviliste taustade peal. */
.jeg_share_button a {
	color: #fff !important;
}

/* === Kommentaarid single event lehel === */
.rk-comments-wrap {
	margin-top: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid var(--rk-border);
}

/* === "Lae rohkem" sujuv animatsioon === */
@keyframes rk-fade-in {
	from {
		opacity: 0;
		transform: translateY(-12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.rk-event-wrap.rk-fade-in {
	animation: rk-fade-in .5s ease-out both;
}

/* Lae rohkem nupu fookus-flash */
.rk-load-btn:active {
	transform: scale(0.98);
}

/* Austa kasutaja eelistust väiksema animatsiooni järele */
@media (prefers-reduced-motion: reduce) {
	.rk-event-wrap.rk-fade-in {
		animation: none;
	}
}

/* === Sidebar widget [ralli_kalender_widget] === */
/* Kasutame .rk-w-* klasse (mitte .rk-related-card), et teema CSS ei muudaks neid */

.rk-widget {
	max-width: 100%;
	box-sizing: border-box;
}

.rk-widget * {
	box-sizing: border-box;
}

.rk-widget .rk-widget-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 0 12px !important;
	color: var(--rk-text) !important;
	line-height: 1.3 !important;
}

.rk-widget .rk-widget-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.rk-widget .rk-w-card {
	display: flex !important;
	align-items: center !important;
	gap: 11px !important;
	padding: 9px 10px !important;
	background: var(--rk-bg-secondary) !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	color: var(--rk-text) !important;
	transition: background .15s ease, transform .1s ease !important;
	border: 1px solid transparent !important;
}

.rk-widget .rk-w-card:hover {
	background: var(--rk-bg-card) !important;
	border-color: var(--rk-border) !important;
	transform: translateY(-1px) !important;
}

.rk-widget .rk-w-box {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 5px !important;
	flex-shrink: 0 !important;
	overflow: hidden !important;
	font-weight: 600 !important;
	line-height: 1 !important;
}

.rk-widget .rk-w-box-logo {
	background: var(--rk-bg-card) !important;
}

.rk-widget .rk-w-box-logo img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
}

.rk-widget .rk-w-d {
	font-size: 18px !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	display: block !important;
}

.rk-widget .rk-w-m {
	font-size: 8.5px !important;
	letter-spacing: .06em !important;
	margin-top: 3px !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	display: block !important;
}

.rk-widget .rk-w-body {
	flex: 1 !important;
	min-width: 0 !important;
}

.rk-widget .rk-w-badge {
	display: inline-block !important;
	padding: 1px 7px !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	border-radius: 3px !important;
	letter-spacing: .02em !important;
	line-height: 1.5 !important;
	margin-bottom: 3px !important;
}

.rk-widget .rk-w-title {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	margin: 0 0 3px !important;
	color: var(--rk-text) !important;
}

.rk-widget .rk-w-meta {
	font-size: 11.5px !important;
	color: var(--rk-text-secondary) !important;
	line-height: 1.3 !important;
	margin-bottom: 1px !important;
}

.rk-widget .rk-w-loc {
	font-size: 11.5px !important;
	color: var(--rk-text-secondary) !important;
	line-height: 1.3 !important;
}

.rk-widget .rk-widget-footer {
	margin-top: 12px !important;
	padding-top: 10px !important;
	border-top: 1px solid var(--rk-border) !important;
	text-align: center !important;
}

.rk-widget .rk-widget-link {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--rk-accent) !important;
	text-decoration: none !important;
}

.rk-widget .rk-widget-link:hover {
	text-decoration: underline !important;
}

.rk-widget .rk-widget-empty {
	padding: 16px !important;
	text-align: center !important;
	color: var(--rk-text-tertiary) !important;
	font-size: 13px !important;
	background: var(--rk-bg-secondary) !important;
	border-radius: 6px !important;
}

/* === Minimalistlik horisontaalne riba [ralli_kalender_riba] === */
/* Kasutab samu kompaktseid kaarte kui sidebar widget (.rk-w-card),
   aga ühel real järjest. Kitsamatel ekraanidel saab kerida vasakult-paremale. */

.rk-riba {
	margin: 1.5rem 0 2rem !important;
	box-sizing: border-box !important;
}

.rk-riba * {
	box-sizing: border-box;
}

.rk-riba .rk-riba-head {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 14px !important;
	margin-bottom: 14px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid var(--rk-border) !important;
}

.rk-riba .rk-riba-title {
	font-size: 18px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	color: var(--rk-text) !important;
	line-height: 1.2 !important;
}

.rk-riba .rk-riba-link {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--rk-text-secondary) !important;
	text-decoration: none !important;
	flex-shrink: 0 !important;
}

.rk-riba .rk-riba-link:hover {
	color: var(--rk-accent) !important;
}

/* Horisontaalse kerimisega rida */
.rk-riba .rk-riba-scroll {
	display: flex !important;
	flex-direction: row !important;
	gap: 10px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding-bottom: 10px !important;
	scroll-snap-type: x proximity !important;
	-webkit-overflow-scrolling: touch !important;
}

/* Iga kaart fikseeritud laiusega — ei kahane */
.rk-riba .rk-riba-scroll .rk-w-card {
	display: flex !important;
	align-items: center !important;
	gap: 11px !important;
	padding: 9px 12px !important;
	background: var(--rk-bg-secondary) !important;
	border-radius: 6px !important;
	border: 1px solid transparent !important;
	text-decoration: none !important;
	color: var(--rk-text) !important;
	transition: background .15s ease, border-color .15s ease, transform .1s ease !important;
	flex: 0 0 280px !important;
	min-width: 280px !important;
	max-width: 280px !important;
	scroll-snap-align: start !important;
}

.rk-riba .rk-riba-scroll .rk-w-card:hover {
	background: var(--rk-bg-card) !important;
	border-color: var(--rk-border) !important;
	transform: translateY(-1px) !important;
}

.rk-riba .rk-riba-scroll .rk-w-box {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 5px !important;
	flex-shrink: 0 !important;
	overflow: hidden !important;
	font-weight: 600 !important;
	line-height: 1 !important;
}

.rk-riba .rk-riba-scroll .rk-w-box-logo {
	background: var(--rk-bg-card) !important;
}

.rk-riba .rk-riba-scroll .rk-w-box-logo img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
	margin: 0 !important;
}

.rk-riba .rk-riba-scroll .rk-w-d {
	font-size: 18px !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	display: block !important;
}

.rk-riba .rk-riba-scroll .rk-w-m {
	font-size: 8.5px !important;
	letter-spacing: .06em !important;
	margin-top: 3px !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	display: block !important;
}

.rk-riba .rk-riba-scroll .rk-w-body {
	flex: 1 !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

.rk-riba .rk-riba-scroll .rk-w-badge {
	display: inline-block !important;
	padding: 1px 7px !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	border-radius: 3px !important;
	letter-spacing: .02em !important;
	line-height: 1.5 !important;
	margin-bottom: 3px !important;
}

.rk-riba .rk-riba-scroll .rk-w-title {
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	margin: 0 0 3px !important;
	color: var(--rk-text) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.rk-riba .rk-riba-scroll .rk-w-meta,
.rk-riba .rk-riba-scroll .rk-w-loc {
	font-size: 11.5px !important;
	color: var(--rk-text-secondary) !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Kerimisriba elegantne stiil */
.rk-riba .rk-riba-scroll::-webkit-scrollbar {
	height: 6px;
}

.rk-riba .rk-riba-scroll::-webkit-scrollbar-track {
	background: transparent;
}

.rk-riba .rk-riba-scroll::-webkit-scrollbar-thumb {
	background: var(--rk-border);
	border-radius: 3px;
}

.rk-riba .rk-riba-scroll::-webkit-scrollbar-thumb:hover {
	background: var(--rk-border-hover);
}

@media (max-width: 580px) {
	.rk-riba .rk-riba-scroll .rk-w-card {
		flex: 0 0 250px !important;
		min-width: 250px !important;
		max-width: 250px !important;
	}

	.rk-riba .rk-riba-title {
		font-size: 16px !important;
	}
}