/* WPCourseware Module Drip – Frontend Styles */

/* ── Locked badge in module title ── */
.wpcwmd-locked-badge {
	display        : inline-block;
	background     : #d63638;
	color          : #fff;
	font-size      : 11px;
	font-weight    : 600;
	letter-spacing : .5px;
	padding        : 2px 7px;
	border-radius  : 3px;
	margin-right   : 6px;
	vertical-align : middle;
	text-transform : uppercase;
}

/* ── Locked message container ── */
.wpcwmd-locked-message,
.wpcwmd-locked-countdown,
.wpcwmd-locked-redirect {
	background    : #fff8e1;
	border        : 1px solid #ffe082;
	border-radius : 4px;
	padding       : 14px 18px;
	margin        : 10px 0;
	color         : #5d4037;
	font-size     : 14px;
	line-height   : 1.6;
}

.wpcwmd-locked-message p:last-child,
.wpcwmd-locked-countdown p:last-child,
.wpcwmd-locked-redirect p:last-child {
	margin-bottom : 0;
}

/* ── Countdown display ── */
.wpcwmd-countdown {
	display       : inline-block;
	background    : #5c6bc0;
	color         : #fff;
	font-size     : 22px;
	font-family   : monospace;
	padding       : 6px 14px;
	border-radius : 4px;
	margin-top    : 8px;
	letter-spacing: 1px;
}

/* Inline title countdown — compact variant used in the module title row */
.wpcwmd-title-countdown.wpcwmd-countdown {
	font-size     : 12px;
	padding       : 2px 8px;
	margin-top    : 0;
	margin-left   : 6px;
	vertical-align: middle;
	letter-spacing: .5px;
	border-radius : 3px;
}

/* ── Redirect link ── */
.wpcwmd-locked-redirect a {
	color       : #1565c0;
	font-weight : 600;
}

/* ══════════════════════════════════════════════════════════════════════════
   Table-based course outline lock styles
   ══════════════════════════════════════════════════════════════════════════ */

/* Lock icon inside the module header cell */
.wpcwmd-lock-icon {
	display        : inline-block;
	font-style     : normal;
	margin-right   : 4px;
	vertical-align : middle;
	font-size      : 14px;
	opacity        : .85;
}

/* "Unlocks in X days" / "Unlocks on Jan 1, 2026" label */
.wpcwmd-unlock-date {
	display        : inline-block;
	font-size      : 11px;
	font-weight    : 400;
	color          : #666;
	background     : #f0f0f1;
	border         : 1px solid #ddd;
	border-radius  : 3px;
	padding        : 1px 7px;
	margin-left    : 8px;
	vertical-align : middle;
	white-space    : nowrap;
}

/* Module header row when locked */
tr.wpcwmd-module-row-locked td {
	background-color : #f9f9f9 !important;
}

/* Unit rows inside a locked module — greyed out, not clickable */
tr.wpcwmd-unit-locked {
	opacity : .5;
}

tr.wpcwmd-unit-locked a {
	pointer-events : none;
	color          : #999 !important;
	text-decoration: none !important;
}

tr.wpcwmd-unit-locked td {
	color : #999;
}