/**
 * Frontend styles for Checklist feature
 */

/* Container styling */
.labgenz-checklist-display {
	margin: 20px 0;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Tabs navigation */
.labgenz-checklist-tabs-nav {
	display: flex;
	border-bottom: 1px solid #eaeaea;
	background: #f9f9f9;
	border-radius: 5px 5px 0 0;
}

.labgenz-checklist-tab-link {
	padding: 12px 20px;
	text-decoration: none;
	color: #333;
	font-weight: 500;
	border-bottom: 3px solid transparent;
	transition: all 0.2s ease;
}

.labgenz-checklist-tab-link:hover {
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom-color: #ddd;
}

.labgenz-checklist-tab-link.active {
	color: #2271b1;
	border-bottom-color: #2271b1;
	background-color: #fff;
}

/* Tab content */
.labgenz-checklist-tab-content {
	padding: 20px;
}

/* Todo list styling */
.labgenz-todo-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.labgenz-todo-item {
	margin-bottom: -12px;
	padding-bottom: 5px;
	/* border-bottom: 1px solid #eaeaea; */
}

.labgenz-todo-item:last-child {
	border-bottom: none;
}

.labgenz-todo-checkbox {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.labgenz-todo-checkbox-input {
	margin-right: 10px;
}

.labgenz-todo-checkbox-label {
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.labgenz-todo-item.completed .labgenz-todo-checkbox-label {
	text-decoration: line-through;
	color: #82878c;
}

.labgenz-todo-description {
	margin-left: 26px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

/* Web links styling */
.labgenz-weblinks-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.labgenz-weblink-item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}

.labgenz-weblink-item:last-child {
	border-bottom: none;
}

.labgenz-weblink-title {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: #2271b1;
	text-decoration: none;
	margin-bottom: 5px;
}

.labgenz-weblink-title:hover {
	text-decoration: underline;
}

.labgenz-weblink-description {
	margin-left: 26px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

/* Webinars styling */
.labgenz-webinars-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.labgenz-webinar-item {
	margin-bottom: 20px;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 5px;
	border-left: 3px solid #2271b1;
}

.labgenz-webinar-title {
	display: flex;
	align-items: center;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}

.labgenz-webinar-date {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	color: #555;
	font-size: 14px;
}

.labgenz-webinar-description {
	margin-bottom: 15px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

.labgenz-webinar-link {
	display: inline-block;
	padding: 8px 15px;
	background: #2271b1;
	color: #fff !important;
	text-decoration: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.2s ease;
}

.labgenz-webinar-link:hover {
	background: #135e96;
	color: #fff;
}

/* Icon styling */
.labgenz-webinar-title .dashicons,
.labgenz-webinar-date .dashicons,
.labgenz-weblink-title .dashicons {
	margin-right: 5px;
}

/* Downloads styling */
.labgenz-downloads-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.labgenz-download-item {
	margin-bottom: 15px;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 5px;
	border-left: 3px solid #2271b1;
}

.labgenz-download-title {
	display: inline-flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	color: #2271b1;
	text-decoration: none;
	margin-bottom: 5px;
}

.labgenz-download-title:hover {
	text-decoration: underline;
}

.labgenz-download-title .dashicons {
	margin-right: 5px;
}

.labgenz-download-description {
	margin-top: 10px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}

.labgenz-download-expiry-info {
	margin-top: 10px;
	color: #d63638;
	font-size: 13px;
}

.labgenz-download-expiry-info small {
	display: inline-flex;
	align-items: center;
	background: #fff4f4;
	padding: 3px 8px;
	border-radius: 3px;
	border: 1px solid #fcc;
}

/* Responsive styling */
@media (max-width: 768px) {
	.labgenz-checklist-tabs-nav {
	flex-direction: column;
	}

	.labgenz-checklist-tab-link {
	padding: 10px;
	border-left: 3px solid transparent;
	border-bottom: none;
	}

	.labgenz-checklist-tab-link.active {
	border-left-color: #2271b1;
	border-bottom: none;
	}
}

/* Dark mode (BuddyBoss/LearnDash) using Tailwind-inspired palette */
.bb-sfwd-aside.bb-dark-theme .labgenz-checklist-display {
	background: #0f172a; /* slate-900 */
	border-color: #1f2937; /* slate-800 */
	box-shadow: none;
	color: #e5e7eb; /* slate-200 */
}

.bb-sfwd-aside.bb-dark-theme .labgenz-checklist-tabs-nav {
	background: #111827; /* slate-900 */
	border-bottom-color: #1f2937;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-checklist-tab-link {
	color: #e5e7eb;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-checklist-tab-link:hover {
	background-color: #1f2937;
	border-bottom-color: #1f2937;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-checklist-tab-link.active {
	color: #38bdf8; /* sky-400 */
	border-bottom-color: #38bdf8;
	background-color: #0b1221;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-checklist-tab-content {
	background: #0f172a;
	color: #e5e7eb;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-todo-checkbox-label,
.bb-sfwd-aside.bb-dark-theme .labgenz-weblink-title,
.bb-sfwd-aside.bb-dark-theme .labgenz-webinar-title,
.bb-sfwd-aside.bb-dark-theme .labgenz-download-title {
	color: #e5e7eb;
}

.bb-sfwd-aside.bb-dark-theme
	.labgenz-todo-item.completed
	.labgenz-todo-checkbox-label {
	color: #9ca3af; /* slate-400 */
}

.bb-sfwd-aside.bb-dark-theme .labgenz-todo-description,
.bb-sfwd-aside.bb-dark-theme .labgenz-weblink-description,
.bb-sfwd-aside.bb-dark-theme .labgenz-webinar-date,
.bb-sfwd-aside.bb-dark-theme .labgenz-webinar-description,
.bb-sfwd-aside.bb-dark-theme .labgenz-download-description {
	color: #9ca3af;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-webinar-item,
.bb-sfwd-aside.bb-dark-theme .labgenz-download-item {
	background: #111827;
	border-left-color: #38bdf8;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-webinar-link {
	background: #38bdf8;
	color: #0b1221 !important;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-webinar-link:hover {
	background: #0ea5e9; /* sky-500 */
	color: #0b1221 !important;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-download-title {
	color: #38bdf8;
}

.bb-sfwd-aside.bb-dark-theme .labgenz-download-expiry-info {
	color: #f97316; /* orange-500 */
}

.bb-sfwd-aside.bb-dark-theme .labgenz-download-expiry-info small {
	background: #292524; /* stone-800 */
	border-color: #f97316;
	color: #fde68a; /* amber-200 */
}

.bb-sfwd-aside.bb-dark-theme
	.labgenz-checklist-tabs-nav
	.labgenz-checklist-tab-link.active {
	border-color: #38bdf8;
}