/* ClassOne Student Profile — Persian, responsive and self-contained front-end UI. */
:root {
	--classone-profile-green: var(--c1p-primary);
	--classone-profile-green-2: var(--c1p-primary);
	--classone-profile-green-3: var(--c1p-primary);
	--classone-profile-gold: var(--c1p-secondary);
	--classone-profile-gold-light: var(--c1p-secondary);
	--classone-profile-gold-soft: var(--c1p-tint);
	--classone-profile-mint: var(--c1p-tint);
	--classone-profile-paper: var(--c1p-surface);
	--classone-profile-bg: var(--c1p-background);
	--classone-profile-ink: var(--c1p-ink);
	--classone-profile-muted: var(--c1p-muted);
	--classone-profile-line: var(--c1p-line);
	--classone-profile-danger: #b54f4a;
	--classone-profile-shadow: 0 20px 50px rgba(var(--c1p-rgb),.11);
}

.classone-profile-app,
.classone-profile-login-gate {
	box-sizing: border-box;
	color: var(--classone-profile-ink);
	direction: rtl;
	font-family: "Vazirmatn", "Mazar", "IRANSansX", "Shabnam", "Yekan Bakh", "B Yekan", Tahoma, Arial, sans-serif;
	font-feature-settings: "ss01" 1, "ss02" 1;
	text-rendering: optimizeLegibility;
}

.classone-profile-app *,
.classone-profile-app *::before,
.classone-profile-app *::after,
.classone-profile-login-gate *,
.classone-profile-login-gate *::before,
.classone-profile-login-gate *::after {
	box-sizing: inherit;
}

.classone-profile-app {
	width: min(100%, 1440px);
	margin: 30px auto;
	padding: 0 24px 54px;
	font-size: 14px;
}

.classone-profile-icon {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
}

.classone-profile-hero {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	min-height: 330px;
	overflow: hidden;
	padding: 38px clamp(26px, 6vw, 82px);
	border-radius: 32px;
	background:
		radial-gradient(circle at 7% 17%, rgba(var(--c1p-rgb),.2), transparent 16rem),
		radial-gradient(circle at 94% 100%, rgba(var(--c1p-rgb),.52), transparent 25rem),
		linear-gradient(132deg, var(--c1p-primary), var(--c1p-primary) 64%, var(--c1p-primary));
	box-shadow: 0 24px 60px rgba(var(--c1p-rgb),.19);
}

.classone-profile-hero::before,
.classone-profile-hero::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

.classone-profile-hero::before {
	left: -120px;
	top: -150px;
	width: 370px;
	height: 370px;
	border: 1px solid rgba(var(--c1p-rgb),.24);
	border-radius: 50%;
	box-shadow: 0 0 0 17px rgba(var(--c1p-rgb),.04), 0 0 0 36px rgba(var(--c1p-rgb),.025);
}

.classone-profile-hero::after {
	right: 23%;
	bottom: -180px;
	width: 430px;
	height: 430px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 50%;
}

.classone-profile-hero-copy,
.classone-profile-hero-person {
	position: relative;
	z-index: 1;
}

.classone-profile-hero-copy {
	max-width: 800px;
}

.classone-profile-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 30px;
	color: #fff;
	direction: rtl;
}

.classone-profile-brand img {
	display: block;
	width: 64px;
	height: 64px;
	padding: 6px;
	border-radius: 19px;
	background: #fff;
	box-shadow: 0 14px 27px rgba(0, 0, 0, .2);
}

.classone-profile-brand strong,
.classone-profile-brand span {
	display: block;
}

.classone-profile-brand strong {
	font-size: clamp(15px, 2vw, 20px);
	font-weight: 800;
	line-height: 1.6;
}

.classone-profile-brand span {
	margin-top: 1px;
	color: var(--classone-profile-gold-light);
	direction: ltr;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .18em;
	text-align: right;
}

.classone-profile-eyebrow,
.classone-profile-section-kicker {
	display: block;
	color: var(--classone-profile-gold-light);
	font-size: 11px;
	font-weight: 700;
}

.classone-profile-eyebrow {
	margin-bottom: 8px;
}

.classone-profile-hero h1 {
	max-width: 720px;
	margin: 0;
	color: #fff;
	font-size: clamp(30px, 5vw, 58px);
	font-weight: 900;
	letter-spacing: -.035em;
	line-height: 1.42;
}

.classone-profile-hero-copy > p {
	max-width: 650px;
	margin: 10px 0 0;
	color: rgba(255, 255, 255, .76);
	font-size: 15px;
	font-weight: 500;
	line-height: 2.1;
}

.classone-profile-hero-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 22px;
}

.classone-profile-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 9px 16px;
	border: 1px solid transparent;
	border-radius: 13px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.classone-profile-button:hover {
	transform: translateY(-2px);
}

.classone-profile-button .classone-profile-icon {
	width: 18px;
	height: 18px;
}

.classone-profile-button--gold {
	background: linear-gradient(135deg, var(--classone-profile-gold-light), var(--classone-profile-gold));
	box-shadow: 0 11px 22px rgba(var(--c1p-rgb),.2);
	color: var(--c1p-primary) !important;
}

.classone-profile-button--ghost {
	border-color: rgba(255, 255, 255, .4);
	background: rgba(255, 255, 255, .08);
	color: #fff !important;
}

.classone-profile-button--ghost:hover {
	border-color: rgba(255, 255, 255, .7);
	background: rgba(255, 255, 255, .15);
}

.classone-profile-button--primary {
	background: linear-gradient(135deg, var(--classone-profile-green), var(--classone-profile-green-3));
	box-shadow: 0 12px 23px rgba(var(--c1p-rgb),.18);
	color: #fff !important;
}

.classone-profile-button--primary:hover {
	box-shadow: 0 16px 28px rgba(var(--c1p-rgb),.26);
}

.classone-profile-button--secondary {
	border-color: rgba(var(--c1p-rgb),.13);
	background: #fff;
	color: var(--classone-profile-green) !important;
}

.classone-profile-hero-person {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 13px;
	min-width: 180px;
}

.classone-profile-avatar {
	display: grid;
	place-items: center;
	overflow: hidden;
	border: 3px solid rgba(255, 255, 255, .85);
	border-radius: 50%;
	background: linear-gradient(145deg, var(--classone-profile-gold-light), var(--classone-profile-gold));
	box-shadow: 0 17px 35px rgba(0, 0, 0, .22);
	color: var(--classone-profile-green);
}

.classone-profile-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.classone-profile-avatar span {
	font-size: 42px;
	font-weight: 900;
}

.classone-profile-avatar--large {
	width: 138px;
	height: 138px;
}

.classone-profile-hero-person-label {
	text-align: center;
}

.classone-profile-hero-person-label span,
.classone-profile-hero-person-label strong {
	display: block;
}

.classone-profile-hero-person-label span {
	color: rgba(255, 255, 255, .67);
	font-size: 10px;
}

.classone-profile-hero-person-label strong {
	margin-top: 3px;
	color: var(--classone-profile-gold-light);
	direction: ltr;
	font-size: 16px;
	letter-spacing: .08em;
}

.classone-profile-alert {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 18px 0 0;
	padding: 14px 17px;
	border: 1px solid;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.9;
}

.classone-profile-alert .classone-profile-icon {
	flex: 0 0 auto;
	margin-top: 2px;
}

.classone-profile-alert--success {
	border-color: var(--c1p-tint);
	background: var(--c1p-tint);
	color: var(--c1p-primary);
}

.classone-profile-alert--error {
	border-color: #f0c7c2;
	background: #fff5f3;
	color: var(--classone-profile-danger);
}

.classone-profile-alert p {
	margin: 0;
}

.classone-profile-alert p + p {
	margin-top: 4px;
}

.classone-profile-stat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 20px 0;
}

.classone-profile-stat {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 86px;
	padding: 14px 16px;
	border: 1px solid rgba(var(--c1p-rgb),.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, .88);
	box-shadow: 0 9px 23px rgba(var(--c1p-rgb),.055);
}

.classone-profile-stat-icon,
.classone-profile-heading-icon,
.classone-profile-side-art,
.classone-profile-order-icon,
.classone-profile-empty-icon {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	border-radius: 13px;
}

.classone-profile-stat-icon {
	width: 43px;
	height: 43px;
}

.classone-profile-stat-icon.is-green { background: var(--classone-profile-mint); color: var(--classone-profile-green); }
.classone-profile-stat-icon.is-gold { background: var(--c1p-tint); color: var(--c1p-primary); }
.classone-profile-stat-icon.is-blue { background: var(--c1p-tint); color: var(--c1p-primary); }
.classone-profile-stat-icon.is-rose { background: #fff0ee; color: #a75750; }

.classone-profile-stat small,
.classone-profile-stat strong {
	display: block;
}

.classone-profile-stat small {
	color: var(--classone-profile-muted);
	font-size: 10px;
	font-weight: 600;
}

.classone-profile-stat strong {
	margin-top: 5px;
	color: var(--classone-profile-green);
	font-size: 14px;
	font-weight: 800;
	overflow-wrap: anywhere;
}

.classone-profile-stat > div {
	min-width: 0;
}

.classone-profile-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	align-items: start;
	gap: 20px;
}

.classone-profile-main,
.classone-profile-sidebar {
	display: grid;
	gap: 20px;
	min-width: 0;
}

.classone-profile-card,
.classone-profile-side-card {
	border: 1px solid rgba(var(--c1p-rgb),.09);
	border-radius: 23px;
	background: rgba(255, 255, 255, .96);
	box-shadow: var(--classone-profile-shadow);
}

.classone-profile-card {
	padding: 25px;
}

.classone-profile-side-card {
	padding: 23px;
}

.classone-profile-card-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.classone-profile-card-heading h2,
.classone-profile-side-card h2 {
	margin: 4px 0 0;
	color: var(--classone-profile-green);
	font-size: 21px;
	font-weight: 900;
	line-height: 1.5;
}

.classone-profile-heading-icon {
	width: 42px;
	height: 42px;
	background: var(--classone-profile-mint);
	color: var(--classone-profile-green);
}

.classone-profile-heading-icon.is-soft {
	background: var(--c1p-tint);
	color: var(--c1p-primary);
}

.classone-profile-card-intro {
	margin: 0 0 20px;
	color: var(--classone-profile-muted);
	font-size: 12px;
	font-weight: 500;
	line-height: 2;
}

.classone-profile-form-avatar-row {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 23px;
	padding: 14px;
	border: 1px solid var(--c1p-tint);
	border-radius: 17px;
	background: linear-gradient(135deg, var(--c1p-tint), var(--c1p-tint));
}

.classone-profile-avatar--form {
	width: 78px;
	height: 78px;
	border-width: 2px;
	box-shadow: 0 8px 17px rgba(var(--c1p-rgb),.12);
}

.classone-profile-avatar--form span {
	font-size: 27px;
}

.classone-profile-upload-copy {
	min-width: 0;
}

.classone-profile-upload-copy strong,
.classone-profile-upload-copy > span {
	display: block;
}

.classone-profile-upload-copy strong {
	color: var(--classone-profile-green);
	font-size: 13px;
	font-weight: 800;
}

.classone-profile-upload-copy > span {
	margin-top: 4px;
	color: var(--classone-profile-muted);
	font-size: 10px;
	line-height: 1.8;
}

.classone-profile-file-button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 10px;
	padding: 8px 11px;
	border: 1px solid rgba(var(--c1p-rgb),.14);
	border-radius: 10px;
	background: #fff;
	color: var(--classone-profile-green);
	cursor: pointer;
	font-size: 11px;
	font-weight: 800;
}

.classone-profile-file-button:hover {
	border-color: var(--classone-profile-gold);
	background: var(--classone-profile-gold-soft);
}

.classone-profile-file-button .classone-profile-icon {
	width: 17px;
	height: 17px;
}

.classone-profile-file-button input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.classone-profile-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 17px 15px;
}

.classone-profile-field {
	display: block;
	min-width: 0;
}

.classone-profile-field--wide {
	grid-column: 1 / -1;
}

.classone-profile-field > span {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 8px;
	color: var(--classone-profile-green);
	font-size: 12px;
	font-weight: 800;
}

.classone-profile-field > span .classone-profile-icon {
	width: 16px;
	height: 16px;
	color: var(--classone-profile-gold);
	stroke-width: 1.9;
}

.classone-profile-field input,
.classone-profile-field select {
	display: block;
	width: 100%;
	min-height: 47px;
	margin: 0;
	padding: 10px 13px;
	border: 1px solid var(--c1p-tint);
	border-radius: 12px;
	outline: none;
	background: #fff;
	box-shadow: none;
	color: var(--classone-profile-ink);
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.classone-profile-field input:focus,
.classone-profile-field select:focus {
	border-color: var(--classone-profile-gold);
	box-shadow: 0 0 0 3px rgba(var(--c1p-rgb),.14);
}

.classone-profile-field input[readonly] {
	background: var(--c1p-tint);
	color: var(--c1p-muted);
	cursor: not-allowed;
}

.classone-profile-field input[dir="ltr"] {
	letter-spacing: .02em;
}

.classone-profile-field small {
	display: block;
	min-height: 18px;
	margin-top: 5px;
	color: var(--classone-profile-muted);
	font-size: 9px;
	line-height: 1.8;
}

.classone-profile-password-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 27px 0 15px;
	padding-top: 19px;
	border-top: 1px solid var(--classone-profile-line);
}

.classone-profile-password-heading .classone-profile-heading-icon {
	width: 37px;
	height: 37px;
	border-radius: 11px;
}

.classone-profile-password-heading strong,
.classone-profile-password-heading small {
	display: block;
}

.classone-profile-password-heading strong {
	color: var(--classone-profile-green);
	font-size: 13px;
	font-weight: 800;
}

.classone-profile-password-heading small {
	margin-top: 3px;
	color: var(--classone-profile-muted);
	font-size: 10px;
}

.classone-profile-password-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.classone-profile-form-footer,
.classone-profile-orders-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 23px;
	padding-top: 17px;
	border-top: 1px solid var(--classone-profile-line);
}

.classone-profile-form-footer > span,
.classone-profile-orders-footer > span {
	color: var(--classone-profile-muted);
	font-size: 10px;
	line-height: 1.8;
}

.classone-profile-orders-footer strong {
	color: var(--classone-profile-green);
}

.classone-profile-small-link,
.classone-profile-side-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--classone-profile-green) !important;
	font-size: 11px;
	font-weight: 800;
	text-decoration: none !important;
}

.classone-profile-small-link .classone-profile-icon,
.classone-profile-side-link .classone-profile-icon {
	width: 16px;
	height: 16px;
}

.classone-profile-small-link:hover,
.classone-profile-side-link:hover {
	color: var(--classone-profile-gold) !important;
}

.classone-profile-order-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.classone-profile-order {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	min-width: 0;
	padding: 14px;
	border: 1px solid var(--c1p-tint);
	border-radius: 16px;
	background: linear-gradient(145deg, #fff, var(--c1p-tint));
}

.classone-profile-order-icon {
	width: 38px;
	height: 38px;
	background: var(--classone-profile-mint);
	color: var(--classone-profile-green);
}

.classone-profile-order-info {
	min-width: 0;
	flex: 1 1 auto;
}

.classone-profile-order-info strong,
.classone-profile-order-info span,
.classone-profile-order-info small,
.classone-profile-order-price strong,
.classone-profile-order-price span,
.classone-profile-order-price small {
	display: block;
}

.classone-profile-order-info strong {
	overflow: hidden;
	color: var(--classone-profile-green);
	font-size: 12px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.classone-profile-order-info span {
	margin-top: 4px;
	color: var(--c1p-muted);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.8;
}

.classone-profile-order-info small {
	margin-top: 3px;
	color: var(--classone-profile-muted);
	font-size: 9px;
	line-height: 1.7;
}

.classone-profile-order-price {
	flex: 0 0 auto;
	min-width: 76px;
	text-align: left;
}

.classone-profile-order-price strong {
	color: var(--c1p-primary);
	direction: ltr;
	font-size: 12px;
	font-weight: 900;
}

.classone-profile-order-price span {
	margin-top: 2px;
	color: var(--classone-profile-muted);
	font-size: 9px;
}

.classone-profile-order-price small {
	margin-top: 8px;
	color: var(--c1p-primary);
	font-size: 8px;
	white-space: nowrap;
}

.classone-profile-empty {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 32px 18px 20px;
	border: 1px dashed var(--c1p-tint);
	border-radius: 17px;
	background: var(--c1p-tint);
	text-align: center;
}

.classone-profile-empty--compact {
	padding: 24px 18px;
}

.classone-profile-empty-icon {
	width: 54px;
	height: 54px;
	margin-bottom: 10px;
	background: var(--classone-profile-mint);
	color: var(--classone-profile-green);
}

.classone-profile-empty strong {
	color: var(--classone-profile-green);
	font-size: 13px;
	font-weight: 800;
}

.classone-profile-empty p {
	max-width: 450px;
	margin: 6px 0 15px;
	color: var(--classone-profile-muted);
	font-size: 11px;
	line-height: 1.9;
}

.classone-profile-login-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--c1p-tint);
	border-radius: 15px;
}

.classone-profile-login-table {
	width: 100%;
	min-width: 650px;
	border-collapse: collapse;
	background: #fff;
	font-size: 11px;
}

.classone-profile-login-table th,
.classone-profile-login-table td {
	padding: 13px 14px;
	border-bottom: 1px solid var(--c1p-tint);
	text-align: right;
	vertical-align: middle;
}

.classone-profile-login-table th {
	background: var(--c1p-tint);
	color: var(--classone-profile-muted);
	font-size: 10px;
	font-weight: 800;
}

.classone-profile-login-table tr:last-child td {
	border-bottom: 0;
}

.classone-profile-login-table td strong {
	color: var(--classone-profile-ink);
	font-size: 11px;
	font-weight: 700;
}

.classone-profile-table-label {
	display: none;
}

.classone-profile-login-status {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 8px;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 800;
	white-space: nowrap;
}

.classone-profile-login-status::before {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	content: '';
}

.classone-profile-login-status.is-active { background: var(--c1p-tint); color: var(--c1p-primary); }
.classone-profile-login-status.is-closed { background: var(--c1p-tint); color: var(--c1p-muted); }

.classone-profile-side-card {
	position: relative;
	overflow: hidden;
}

.classone-profile-side-art {
	width: 49px;
	height: 49px;
	margin-bottom: 18px;
	background: var(--classone-profile-mint);
	color: var(--classone-profile-green);
}

.classone-profile-side-art.is-gold { background: var(--c1p-tint); color: var(--c1p-primary); }
.classone-profile-side-art.is-mint { background: var(--c1p-tint); color: var(--c1p-primary); }

.classone-profile-side-card h2 {
	font-size: 20px;
}

.classone-profile-side-card p {
	margin: 8px 0 17px;
	color: var(--classone-profile-muted);
	font-size: 11px;
	line-height: 2;
}

.classone-profile-karsanj-card {
	background:
		radial-gradient(circle at 100% 0, rgba(var(--c1p-rgb),.22), transparent 10rem),
		linear-gradient(145deg, #fff, var(--c1p-tint));
}

.classone-profile-karsanj-card .classone-profile-button {
	width: 100%;
}

.classone-profile-contact-card {
	background: linear-gradient(145deg, var(--c1p-tint), #fff);
}

.classone-profile-side-link {
	padding-top: 13px;
	border-top: 1px solid rgba(var(--c1p-rgb),.25);
}

.classone-profile-help-card > strong {
	display: block;
	color: var(--classone-profile-green);
	font-size: 14px;
	font-weight: 800;
}

.classone-profile-help-card ul {
	margin: 12px 0 0;
	padding: 0 18px 0 0;
	color: var(--classone-profile-muted);
	font-size: 11px;
	line-height: 2.2;
}

.classone-profile-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 22px;
	padding: 17px 4px 0;
	border-top: 1px solid rgba(var(--c1p-rgb),.11);
	color: var(--classone-profile-muted);
	font-size: 10px;
}

.classone-profile-footer a {
	color: var(--classone-profile-green) !important;
	font-weight: 800;
	text-decoration: none !important;
}

.classone-profile-login-gate {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: min(calc(100% - 40px), 560px);
	margin: 60px auto;
	padding: 34px 30px 39px;
	border-top: 5px solid var(--classone-profile-gold);
	border-radius: 25px;
	background: linear-gradient(145deg, #fff, var(--c1p-tint));
	box-shadow: var(--classone-profile-shadow);
	text-align: center;
}

.classone-profile-login-gate-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 24px;
	color: var(--classone-profile-green);
	font-size: 13px;
	font-weight: 800;
}

.classone-profile-login-gate-brand img {
	width: 52px;
	height: 52px;
	padding: 5px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 18px rgba(var(--c1p-rgb),.12);
}

.classone-profile-login-gate-icon {
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	margin-bottom: 17px;
	border-radius: 23px;
	background: var(--classone-profile-mint);
	color: var(--classone-profile-green);
}

.classone-profile-login-gate-icon .classone-profile-icon {
	width: 31px;
	height: 31px;
}

.classone-profile-login-gate h2 {
	margin: 0;
	color: var(--classone-profile-green);
	font-size: 25px;
	font-weight: 900;
}

.classone-profile-login-gate p {
	max-width: 390px;
	margin: 9px 0 20px;
	color: var(--classone-profile-muted);
	font-size: 12px;
	line-height: 2;
}

/* Keep the profile page independent from the active theme's blog layout. */
body.classone-student-profile-page .entry-header,
body.classone-student-profile-page .page-header,
body.classone-student-profile-page .page-title,
body.classone-student-profile-page .entry-title,
body.classone-student-profile-page .breadcrumb,
body.classone-student-profile-page .breadcrumbs,
body.classone-student-profile-page .breadcrumb-wrapper,
body.classone-student-profile-page .breadcrumbs-wrap,
body.classone-student-profile-page .site-breadcrumb,
body.classone-student-profile-page .site-breadcrumbs,
body.classone-student-profile-page .page-heading,
body.classone-student-profile-page .page-heading-area,
body.classone-student-profile-page .page-title-area,
body.classone-student-profile-page .yoast-breadcrumb,
body.classone-student-profile-page .rank-math-breadcrumb,
body.classone-student-profile-page .elementor-widget-breadcrumbs,
body.classone-student-profile-page .elementor-widget-theme-post-title {
	display: none !important;
}

body.classone-student-profile-page #secondary,
body.classone-student-profile-page #sidebar,
body.classone-student-profile-page .widget-area,
body.classone-student-profile-page .site-sidebar,
body.classone-student-profile-page .blog-sidebar,
body.classone-student-profile-page .content-sidebar,
body.classone-student-profile-page .sidebar-primary,
body.classone-student-profile-page .right-sidebar,
body.classone-student-profile-page .left-sidebar,
body.classone-student-profile-page aside.sidebar:not(.classone-profile-sidebar),
body.classone-student-profile-page .sidebar:not(.classone-profile-sidebar) {
	display: none !important;
}

body.classone-student-profile-page .site-content,
body.classone-student-profile-page .content-area,
body.classone-student-profile-page .site-main,
body.classone-student-profile-page .main-content,
body.classone-student-profile-page .content-sidebar-wrap,
body.classone-student-profile-page .content-wrapper {
	width: 100% !important;
	max-width: none !important;
	flex: 1 1 100% !important;
}

body.classone-student-profile-page .site-content > .container,
body.classone-student-profile-page .content-area > .container,
body.classone-student-profile-page .site-main > .container {
	width: 100% !important;
	max-width: none !important;
}

body.classone-student-profile-page .classone-profile-app {
	width: 100%;
	max-width: 1480px;
	margin-right: auto;
	margin-left: auto;
}

body.classone-student-profile-page .classone-profile-layout {
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 32px;
	align-items: start;
}

body.classone-student-profile-page .classone-profile-main,
body.classone-student-profile-page .classone-profile-sidebar {
	position: static;
	min-width: 0;
}

body.classone-student-profile-page .classone-profile-sidebar {
	align-self: start;
}

@media (max-width: 920px) {
	body.classone-student-profile-page .classone-profile-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	body.classone-student-profile-page .classone-profile-sidebar {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	body.classone-student-profile-page .classone-profile-sidebar {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1120px) {
	.classone-profile-layout { grid-template-columns: minmax(0, 1fr); }
	.classone-profile-sidebar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.classone-profile-side-card { min-height: 100%; }
}

@media (max-width: 820px) {
	.classone-profile-app { margin-top: 18px; padding-right: 14px; padding-left: 14px; }
	.classone-profile-hero { min-height: 310px; padding: 30px 28px; }
	.classone-profile-hero-person { min-width: 135px; }
	.classone-profile-avatar--large { width: 112px; height: 112px; }
	.classone-profile-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.classone-profile-sidebar { grid-template-columns: 1fr; }
	.classone-profile-side-card { min-height: 0; }
}

@media (max-width: 620px) {
	.classone-profile-hero { align-items: flex-start; flex-direction: column; gap: 21px; min-height: 0; padding: 24px 21px 27px; border-radius: 24px; }
	.classone-profile-hero-copy { width: 100%; }
	.classone-profile-brand { margin-bottom: 22px; }
	.classone-profile-brand img { width: 52px; height: 52px; border-radius: 15px; }
	.classone-profile-brand strong { font-size: 14px; }
	.classone-profile-hero h1 { font-size: clamp(28px, 9vw, 40px); }
	.classone-profile-hero-copy > p { font-size: 12px; }
	.classone-profile-hero-actions { width: 100%; }
	.classone-profile-hero-actions .classone-profile-button { flex: 1 1 145px; }
	.classone-profile-hero-person { align-items: center; flex-direction: row; min-width: 0; }
	.classone-profile-avatar--large { width: 74px; height: 74px; }
	.classone-profile-avatar span { font-size: 26px; }
	.classone-profile-hero-person-label { text-align: right; }
	.classone-profile-stat-grid { gap: 10px; }
	.classone-profile-stat { min-height: 76px; padding: 11px; gap: 8px; border-radius: 15px; }
	.classone-profile-stat-icon { width: 36px; height: 36px; border-radius: 11px; }
	.classone-profile-stat strong { font-size: 12px; }
	.classone-profile-stat small { font-size: 9px; }
	.classone-profile-card { padding: 18px 14px; border-radius: 19px; }
	.classone-profile-card-heading h2 { font-size: 18px; }
	.classone-profile-heading-icon { width: 36px; height: 36px; }
	.classone-profile-field-grid,
	.classone-profile-password-grid,
	.classone-profile-order-grid { grid-template-columns: 1fr; }
	.classone-profile-field--wide { grid-column: auto; }
	.classone-profile-form-avatar-row { align-items: flex-start; padding: 11px; }
	.classone-profile-avatar--form { width: 65px; height: 65px; }
	.classone-profile-upload-copy > span { font-size: 9px; }
	.classone-profile-form-footer,
	.classone-profile-orders-footer,
	.classone-profile-footer { align-items: stretch; flex-direction: column; }
	.classone-profile-form-footer .classone-profile-button,
	.classone-profile-orders-footer .classone-profile-button { width: 100%; }
	.classone-profile-order-price { min-width: 68px; }
	.classone-profile-order { padding: 12px 10px; }
	.classone-profile-order-info strong { font-size: 11px; }
	.classone-profile-login-gate { width: min(calc(100% - 26px), 560px); margin: 30px auto; padding: 28px 18px 32px; }
	.classone-profile-login-gate h2 { font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
	.classone-profile-app *,
	.classone-profile-app *::before,
	.classone-profile-app *::after,
	.classone-profile-login-gate *,
	.classone-profile-login-gate *::before,
	.classone-profile-login-gate *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

/* v1.0.2: hard isolation from themes that add a narrow content column,
 * a floating blog sidebar, or a page-title/breadcrumb strip.  These rules
 * intentionally live at the end of the stylesheet so they win over generic
 * theme and earlier responsive rules. */
@media not all {
body.classone-student-profile-page .classone-profile-app,
body:has(.classone-profile-app) .classone-profile-app {
	position: relative !important;
	display: block !important;
	width: 100vw !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 28px 0 0 !important;
	padding: 0 clamp(18px, 4vw, 72px) 58px !important;
	float: none !important;
	clear: both !important;
	transform: none !important;
	box-sizing: border-box !important;
}

body.classone-student-profile-page .classone-profile-app,
body:has(.classone-profile-app) .classone-profile-app,
body.classone-student-profile-page .classone-profile-app * {
	box-sizing: border-box !important;
}

/* Make every content ancestor that contains the profile full-width. */
body.classone-student-profile-page .site-content:has(.classone-profile-app),
body.classone-student-profile-page .content-area:has(.classone-profile-app),
body.classone-student-profile-page .site-main:has(.classone-profile-app),
body.classone-student-profile-page .main-content:has(.classone-profile-app),
body.classone-student-profile-page .content-wrapper:has(.classone-profile-app),
body.classone-student-profile-page .content-sidebar-wrap:has(.classone-profile-app),
body.classone-student-profile-page .page-content:has(.classone-profile-app),
body.classone-student-profile-page [class*="container"]:has(.classone-profile-app),
body:has(.classone-profile-app) .site-content:has(.classone-profile-app),
body:has(.classone-profile-app) .content-area:has(.classone-profile-app),
body:has(.classone-profile-app) .site-main:has(.classone-profile-app),
body:has(.classone-profile-app) .main-content:has(.classone-profile-app),
body:has(.classone-profile-app) .content-wrapper:has(.classone-profile-app),
body:has(.classone-profile-app) .content-sidebar-wrap:has(.classone-profile-app),
body:has(.classone-profile-app) .page-content:has(.classone-profile-app),
body:has(.classone-profile-app) [class*="container"]:has(.classone-profile-app) {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	flex: 1 1 100% !important;
	flex-basis: 100% !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.classone-student-profile-page .site-content:has(.classone-profile-app) > .row,
body.classone-student-profile-page .content-area:has(.classone-profile-app) > .row,
body:has(.classone-profile-app) .site-content:has(.classone-profile-app) > .row,
body:has(.classone-profile-app) .content-area:has(.classone-profile-app) > .row {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Remove common theme chrome, including variants with custom class names. */
body.classone-student-profile-page .entry-header,
body.classone-student-profile-page .page-header,
body.classone-student-profile-page .entry-title,
body.classone-student-profile-page .page-title,
body.classone-student-profile-page [class*="breadcrumb"],
body.classone-student-profile-page [id*="breadcrumb"],
body.classone-student-profile-page [class*="page-title"],
body.classone-student-profile-page [id*="page-title"],
body.classone-student-profile-page [class*="page_heading"],
body.classone-student-profile-page [class*="page-heading"],
body.classone-student-profile-page [id*="page-heading"],
body.classone-student-profile-page [class*="entry-header"],
body.classone-student-profile-page [class*="post-title"],
body.classone-student-profile-page [class*="post_title"],
body.classone-student-profile-page .elementor-widget-breadcrumbs,
body.classone-student-profile-page .elementor-widget-theme-post-title,
body:has(.classone-profile-app) .entry-header,
body:has(.classone-profile-app) .page-header,
body:has(.classone-profile-app) .entry-title,
body:has(.classone-profile-app) .page-title,
body:has(.classone-profile-app) [class*="breadcrumb"],
body:has(.classone-profile-app) [id*="breadcrumb"],
body:has(.classone-profile-app) [class*="page-title"],
body:has(.classone-profile-app) [id*="page-title"],
body:has(.classone-profile-app) [class*="page_heading"],
body:has(.classone-profile-app) [class*="page-heading"],
body:has(.classone-profile-app) [id*="page-heading"],
body:has(.classone-profile-app) [class*="entry-header"],
body:has(.classone-profile-app) [class*="post-title"],
body:has(.classone-profile-app) [class*="post_title"],
body:has(.classone-profile-app) .elementor-widget-breadcrumbs,
body:has(.classone-profile-app) .elementor-widget-theme-post-title {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* Hide only the website's external sidebar. The plugin sidebar has its own
 * classone-profile-sidebar class and remains visible as a separate column. */
body.classone-student-profile-page #secondary,
body.classone-student-profile-page #sidebar,
body.classone-student-profile-page [id*="sidebar"],
body.classone-student-profile-page .widget-area,
body.classone-student-profile-page [class*="widget-area"],
body.classone-student-profile-page .site-sidebar,
body.classone-student-profile-page .blog-sidebar,
body.classone-student-profile-page .content-sidebar,
body.classone-student-profile-page .sidebar-primary,
body.classone-student-profile-page .right-sidebar,
body.classone-student-profile-page .left-sidebar,
body.classone-student-profile-page .elementor-widget-sidebar,
body:has(.classone-profile-app) #secondary,
body:has(.classone-profile-app) #sidebar,
body:has(.classone-profile-app) [id*="sidebar"],
body:has(.classone-profile-app) .widget-area,
body:has(.classone-profile-app) [class*="widget-area"],
body:has(.classone-profile-app) .site-sidebar,
body:has(.classone-profile-app) .blog-sidebar,
body:has(.classone-profile-app) .content-sidebar,
body:has(.classone-profile-app) .sidebar-primary,
body:has(.classone-profile-app) .right-sidebar,
body:has(.classone-profile-app) .left-sidebar,
body:has(.classone-profile-app) .elementor-widget-sidebar,
body.classone-student-profile-page aside:not(.classone-profile-sidebar),
body:has(.classone-profile-app) aside:not(.classone-profile-sidebar) {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	max-width: 0 !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

/* The plugin's own columns are normal grid children, never theme floats or
 * absolute blocks. In RTL, the main profile stays on the right and the
 * utility column stays on the left. */
body.classone-student-profile-page .classone-profile-layout,
body:has(.classone-profile-app) .classone-profile-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 330px !important;
	grid-auto-flow: row !important;
	align-items: start !important;
	gap: 32px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 28px 0 0 !important;
	float: none !important;
	clear: both !important;
	overflow: visible !important;
}

body.classone-student-profile-page .classone-profile-layout > *,
body:has(.classone-profile-app) .classone-profile-layout > * {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	float: none !important;
	transform: none !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
}

body.classone-student-profile-page .classone-profile-main,
body:has(.classone-profile-app) .classone-profile-main {
	grid-column: 1 !important;
	grid-row: 1 !important;
	display: grid !important;
	gap: 22px !important;
	align-content: start !important;
}

body.classone-student-profile-page .classone-profile-sidebar,
body:has(.classone-profile-app) .classone-profile-sidebar {
	grid-column: 2 !important;
	grid-row: 1 !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 20px !important;
	align-content: start !important;
	align-self: start !important;
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	float: none !important;
	clear: none !important;
	overflow: visible !important;
}

body.classone-student-profile-page .classone-profile-side-card,
body:has(.classone-profile-app) .classone-profile-side-card {
	position: relative !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
	transform: none !important;
}

@media (max-width: 980px) {
	body.classone-student-profile-page .classone-profile-app,
	body:has(.classone-profile-app) .classone-profile-app {
	padding-right: 18px !important;
	padding-left: 18px !important;
	}
	body.classone-student-profile-page .classone-profile-layout,
	body:has(.classone-profile-app) .classone-profile-layout {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 22px !important;
	}
	body.classone-student-profile-page .classone-profile-main,
	body.classone-student-profile-page .classone-profile-sidebar,
	body:has(.classone-profile-app) .classone-profile-main,
	body:has(.classone-profile-app) .classone-profile-sidebar {
	grid-column: 1 !important;
	grid-row: auto !important;
	}
	body.classone-student-profile-page .classone-profile-sidebar,
	body:has(.classone-profile-app) .classone-profile-sidebar {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 680px) {
	body.classone-student-profile-page .classone-profile-sidebar,
	body:has(.classone-profile-app) .classone-profile-sidebar {
	grid-template-columns: 1fr !important;
	}
}

/* Compatibility fallback for browsers that do not implement :has(). The
 * body class is added by WordPress and again by the small front-end guard. */
body.classone-student-profile-page {
	overflow-x: hidden !important;
}

body.classone-student-profile-page .classone-profile-app {
	width: 100vw !important;
	max-width: none !important;
	min-width: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	clear: both !important;
}

body.classone-student-profile-page .site-content,
body.classone-student-profile-page .content-area,
body.classone-student-profile-page .site-main,
body.classone-student-profile-page .main-content,
body.classone-student-profile-page .content-wrapper,
body.classone-student-profile-page .content-sidebar-wrap,
body.classone-student-profile-page .page-content,
body.classone-student-profile-page .site-content .container,
body.classone-student-profile-page .content-area .container {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	flex: 1 1 100% !important;
	flex-basis: 100% !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.classone-student-profile-page [class*="breadcrumb"],
body.classone-student-profile-page [id*="breadcrumb"],
body.classone-student-profile-page [class*="page-title"],
body.classone-student-profile-page [id*="page-title"],
body.classone-student-profile-page [class*="page_heading"],
body.classone-student-profile-page [class*="page-heading"],
body.classone-student-profile-page [id*="page-heading"],
body.classone-student-profile-page [class*="entry-header"],
body.classone-student-profile-page [class*="post-title"],
body.classone-student-profile-page [class*="post_title"],
body.classone-student-profile-page aside:not(.classone-profile-sidebar),
body.classone-student-profile-page #secondary,
body.classone-student-profile-page #sidebar,
body.classone-student-profile-page [id*="sidebar"],
body.classone-student-profile-page .widget-area,
body.classone-student-profile-page [class*="widget-area"],
body.classone-student-profile-page [class*="sidebar"]:not(.classone-profile-sidebar),
body.classone-student-profile-page .elementor-widget-sidebar {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	max-width: 0 !important;
	min-width: 0 !important;
	overflow: hidden !important;
}

body.classone-student-profile-page .classone-profile-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 330px !important;
	gap: 32px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 28px 0 0 !important;
	float: none !important;
	overflow: visible !important;
}

body.classone-student-profile-page .classone-profile-layout > *,
body.classone-student-profile-page .classone-profile-main,
body.classone-student-profile-page .classone-profile-sidebar,
body.classone-student-profile-page .classone-profile-side-card {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	float: none !important;
	transform: none !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
}

body.classone-student-profile-page .classone-profile-main {
	grid-column: 1 !important;
	grid-row: 1 !important;
	display: grid !important;
	gap: 22px !important;
	align-content: start !important;
}

body.classone-student-profile-page .classone-profile-sidebar {
	grid-column: 2 !important;
	grid-row: 1 !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 20px !important;
	align-content: start !important;
	align-self: start !important;
	width: auto !important;
	overflow: visible !important;
}

@media (max-width: 980px) {
	body.classone-student-profile-page .classone-profile-layout {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 22px !important;
	}
	body.classone-student-profile-page .classone-profile-main,
	body.classone-student-profile-page .classone-profile-sidebar {
	grid-column: 1 !important;
	grid-row: auto !important;
	}
	body.classone-student-profile-page .classone-profile-sidebar {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 680px) {
	body.classone-student-profile-page .classone-profile-sidebar {
	grid-template-columns: 1fr !important;
	}
}

/* Visible recovery screen used when a legacy record cannot be rendered. */
.classone-profile-safe-mode {
	min-height: 420px;
	display: grid !important;
	place-items: center;
}

.classone-profile-safe-card {
	width: min(100%, 720px);
	padding: clamp(28px, 5vw, 56px);
	border: 1px solid rgba(var(--c1p-rgb),.1);
	border-radius: 28px;
	background: #fff;
	box-shadow: var(--classone-profile-shadow);
	text-align: center;
}

.classone-profile-safe-brand {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 24px;
	color: var(--classone-profile-green);
	font-size: 16px;
	font-weight: 900;
}

.classone-profile-safe-brand img {
	width: 64px;
	height: 64px;
	padding: 6px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(var(--c1p-rgb),.14);
}

.classone-profile-safe-card h1 {
	margin: 8px 0 12px;
	color: var(--classone-profile-green);
	font-size: clamp(25px, 4vw, 38px);
	font-weight: 900;
}

.classone-profile-safe-card p {
	margin: 0 auto 24px;
	color: var(--classone-profile-muted);
	font-size: 14px;
	line-height: 2;
}

.classone-profile-safe-actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

}

/* ClassOne Student Profile 1.0.4 mobile stability patch */
body.classone-student-profile-page {
	overflow-x: hidden;
}

body.classone-student-profile-page .classone-profile-app {
	width: 100% !important;
	max-width: 1480px !important;
	margin: 0 auto !important;
	padding-right: clamp(12px, 3vw, 32px) !important;
	padding-left: clamp(12px, 3vw, 32px) !important;
}

body.classone-student-profile-page .classone-profile-layout {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	align-items: start;
	gap: 28px;
}

body.classone-student-profile-page .classone-profile-main,
body.classone-student-profile-page .classone-profile-sidebar {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	position: static !important;
}

body.classone-student-profile-page .classone-profile-sidebar {
	display: grid;
	grid-template-columns: 1fr;
}

@media (max-width: 980px) {
	body.classone-student-profile-page .classone-profile-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 18px !important;
	}

	body.classone-student-profile-page .classone-profile-main {
		order: 1;
		width: 100% !important;
	}

	body.classone-student-profile-page .classone-profile-sidebar {
		order: 2;
		width: 100% !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	body.classone-student-profile-page .classone-profile-side-card {
		width: 100% !important;
		margin: 0 !important;
	}

	body.classone-student-profile-page .classone-profile-card {
		padding: 18px !important;
	}
}

@media (max-width: 480px) {
	body.classone-student-profile-page .classone-profile-app {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	body.classone-student-profile-page .classone-profile-card,
	body.classone-student-profile-page .classone-profile-side-card {
		border-radius: 18px !important;
		padding: 16px !important;
	}

	body.classone-student-profile-page .classone-profile-card-heading {
		flex-direction: column;
	}

	body.classone-student-profile-page .classone-profile-side-card h2 {
		font-size: 18px !important;
	}

	body.classone-student-profile-page .classone-profile-button {
		width: 100%;
	}
}


/* v1.0.5 - isolate mobile header menu from student profile page */
body.classone-student-profile-page {
    overflow-x: hidden !important;
}

@media (max-width: 768px) {

    body.classone-student-profile-page .elementor-menu-overlay,
    body.classone-student-profile-page .elementor-nav-menu--dropdown,
    body.classone-student-profile-page .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.classone-student-profile-page .elementor-menu-toggle.elementor-active {
        background: inherit !important;
    }

    body.classone-student-profile-page .classone-profile-app {
        position: relative;
        z-index: 1;
    }

    body.classone-student-profile-page .elementor-location-header,
    body.classone-student-profile-page header {
        z-index: 100 !important;
    }
}

.classone-profile-app,.classone-profile-login-gate{font-family:var(--c1-body-font,Vazirmatn,Tahoma,Arial,sans-serif)}
.classone-profile-app h1,.classone-profile-app h2,.classone-profile-app h3{font-family:var(--c1-heading-font,inherit)}
.classone-profile-button:not(.classone-profile-button--ghost){background:var(--c1p-button);color:var(--c1p-button-ink)}
.classone-profile-app img.c1p-site-logo{object-fit:contain;max-width:140px;height:64px}
@media(max-width:600px){.classone-profile-app img.c1p-site-logo{max-width:100px;height:48px}}
@media(prefers-reduced-motion:reduce){.classone-profile-app *{animation:none!important;transition:none!important}}