/* Family Registration - Public Styles */

.alfr-button {
	display: inline-block;
	padding: 10px 24px;
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s ease;
	border: none;
}

.alfr-button-primary {
	background-color: #2271b1;
	color: #fff;
}

.alfr-button-primary:hover {
	background-color: #135e96;
	color: #fff;
}

.alfr-button-primary:focus {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
}

/* ===== Checkout upgrade credit notice (FluentCart checkout page) =====
   Rendered as an <li> inside ul.fct_summary_items_list, right below the
   coupon box. The selector beats FluentCart's own
   ".fct_summary_items_list li" rule regardless of stylesheet order. */
.fct_summary_items_list li.alfr-checkout-credit-notice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    list-style: none;
    margin: 10px 0 0;
    padding: 10px 14px;
    background: #ECFDF5;
    border: 1px solid #A7F3D0;
    border-radius: 10px;
    font-size: 13px;
    color: #065F46;
    line-height: 1.5;
    text-align: left;
}

.fct_summary_items_list li.alfr-checkout-credit-notice i {
    font-size: 18px;
    color: #10B981;
    flex-shrink: 0;
}

.fct_summary_items_list li.alfr-checkout-credit-notice code {
    background: #D1FAE5;
    border: 1px solid #6EE7B7;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.fct-single-order-box footer, .fct-customer-dashboard-user-profile footer{
    background: none;
}

.fct_customer_profile_wrap{
    margin-bottom: 100px;
}

.tutor-learning-area-body header, .tutor-container header {
	position: inherit;
    background: none;
}
.tutor-learning-area .tutor-learning-area-container {
	max-width: none !important;
}

/*
 * Guardian registration form.
 *
 * The reCAPTCHA v2 checkbox widget carries Google's own branding inside the form,
 * so there is nothing to hide and no page-scoped escape hatch is needed. The rule
 * that used to hide the v3 badge — and the body class the script set to scope it —
 * are both gone with v3.
 */

.alfr-recaptcha-notice {
	line-height: 1.5;
}

/*
 * The v2 checkbox is a fixed ~304px iframe. The form sits in a card with padding,
 * so below about 420px it no longer fits the column and would push the card wider
 * than the viewport. Scaling it keeps the layout intact; the widget stays legible
 * and tappable. transform-origin is what keeps it pinned to the left edge rather
 * than scaling about its centre and clipping on both sides.
 */
@media (max-width: 420px) {
	.alfr-recaptcha {
		transform: scale(0.85);
		transform-origin: 0 0;
	}
}
/* Lesson-page notices around the completion button, and the awaiting-review
   state. Enqueued site-wide on the frontend, so the class is available on
   the lesson page too. */
.alfr-lesson-review-notice {
    margin-bottom: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #CBD5E1;
    background: #F8FAFC;
    color: #334155;
    font-size: 14px;
    line-height: 1.5;
}

.alfr-lesson-review-notice.is-rejected {
    border-color: #FECACA;
    background: #FEF2F2;
    color: #991B1B;
}

.tutor-mark-as-complete-button.is-awaiting {
    cursor: default;
    opacity: 0.75;
}

/* The lesson page stopwatch, rendered beside Complete while the child may be
   timed (ADR 0014). Tabular figures keep the seconds from jittering the chip
   as the clock ticks. */
.alfr-lesson-timer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 12px;
    padding: 6px 12px;
    border: 1px solid #CBD5E1;
    border-radius: 999px;
    background: #F8FAFC;
    color: #334155;
    font-size: 14px;
    line-height: 1.25;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.alfr-lesson-timer .bi {
    font-size: 15px;
}

.alfr-lesson-timer-value {
    font-weight: 600;
}

.tutor-learning-area-footer[data-lesson] {
	justify-content: center !important;
}

.tutor-see-all-courses {
    display: none !important;
}

.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky {
	z-index: 10 !important;
}