/* Safari Library Access — front-end styles.
   Colours follow the Homeschool Safari palette:
   navy #1B3549, orange #D97B1A, teal #1F7A5C, sand #F7F2EA */

.sla-paywall {
	background: #F7F2EA;
	border: 1px solid #e6dbc7;
	border-left: 6px solid #D97B1A;
	border-radius: 12px;
	padding: 28px 26px;
	margin: 28px 0;
}

.sla-paywall-badge {
	display: inline-block;
	background: #1B3549;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 999px;
	margin-bottom: 14px;
}

.sla-paywall-title {
	margin: 0 0 10px;
	color: #1B3549;
	font-size: 1.45rem;
	line-height: 1.25;
}

.sla-paywall-text p {
	margin: 0 0 12px;
	color: #3d4b57;
	line-height: 1.6;
}

.sla-paywall-cta {
	margin: 18px 0 8px;
}

.sla-paywall-alt {
	margin: 0;
	font-size: 0.92rem;
	color: #5a6570;
}

.sla-paywall-alt a {
	color: #1F7A5C;
	font-weight: 600;
}

.sla-btn {
	display: inline-block;
	background: #D97B1A;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
	padding: 14px 26px;
	border-radius: 999px;
	line-height: 1.2;
	transition: background 0.15s ease;
}

.sla-btn:hover,
.sla-btn:focus {
	background: #bd6812;
	color: #fff !important;
}

.sla-btn-locked {
	background: #1B3549;
}

.sla-btn-locked:hover,
.sla-btn-locked:focus {
	background: #122634;
}

.sla-download {
	margin: 26px 0;
	padding: 20px 22px;
	background: #f2f8f5;
	border: 1px solid #cfe5da;
	border-radius: 12px;
}

.sla-download-note {
	display: block;
	margin-top: 10px;
	font-size: 0.9rem;
	color: #46615a;
}

.sla-lock {
	font-size: 0.85em;
	opacity: 0.75;
	margin-left: 4px;
}

.sla-status {
	display: inline-block;
	font-size: 0.9rem;
	color: #1F7A5C;
	font-weight: 600;
}

@media (max-width: 600px) {
	.sla-paywall {
		padding: 22px 18px;
	}

	.sla-btn {
		display: block;
		text-align: center;
	}
}