/* RWCT Training Schedule — frontend styles */
/* Specificity boosted throughout via doubled wrapper class (.rwct-ts-wrap.rwct-ts-wrap)
   so these rules beat WordPress theme / Elementor global styles without relying on !important everywhere. */
   /*04/08/2026*/

.rwct-ts-wrap.rwct-ts-wrap,
.rwct-ts-wrap.rwct-ts-wrap * {
	box-sizing: border-box;
}

.rwct-ts-wrap.rwct-ts-wrap {
	font-family: Roboto, system-ui, -apple-system, Segoe UI, Inter, Arial, sans-serif;
	max-width: 1200px;
	margin: 0 auto;
}

/* ---- Month tabs ---- */
.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 28px;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-tab {
	font-family: inherit;
	font-weight: 700; 
	font-size: 13px; 
	letter-spacing: 0.02em;
	color: #1a3ea1;
	background: #e7edfb;
	border: none;
	border-radius: 999px;
	padding: 12px 22px;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-tab:hover {
	background: #d6e0f8;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-tab.is-active {
	background: #1148d6;
	color: #ffffff;
}

/* ---- Panels & grid ---- */
.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-panel {
	display: none;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-panel.is-active {
	display: block;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

@media (max-width: 720px) {
	.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-grid {
		grid-template-columns: 1fr;
	}
}

/* ---- Card ---- */
.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-card {
	background: #f7f9ff;
	border-radius: 14px;
	border: 1px solid #e6ecff;
	padding: 24px;
	transition: transform .15s ease, box-shadow .15s ease, border-color .2s ease;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-title {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #183d8c;
	margin: 0 0 14px;
	text-transform: uppercase;
	line-height: 1.35;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-badge {
	font-size: 12px;
	font-weight: 600;
	color: #1a3ea1;
	background: #ffffff;
	border: 1px solid #d3ddf5;
	border-radius: 999px;
	padding: 6px 14px;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-date {
	font-size: 15px;
	font-weight: 700;
	color: #14265e;
	margin-bottom: 18px;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-btn {
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	color: #ffffff !important;
	background: #1148d6;
	border-radius: 8px;
	padding: 12px 26px;
	text-decoration: none !important;
	transition: background 0.15s ease;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-btn:hover {
	background: #0d38ab;
	color: #ffffff;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-btn-disabled {
	background: #9ba7c4;
	cursor: not-allowed;
}

.rwct-ts-wrap.rwct-ts-wrap .rwct-ts-empty {
	color: #666;
}