/* ============================================================
   STARLINE SHOP
   WooCommerce My Account
============================================================ */


/* ============================================================
   VARIABLES / PAGE
============================================================ */

body.woocommerce-account {
	background: var(--sl-account-page-bg, #f6f8fc);
}


/* ============================================================
   MAIN ACCOUNT WRAPPER
============================================================ */

.woocommerce-account .woocommerce {
	width: 100%;
	max-width: var(--sl-account-max-width, 1280px);

	margin: 45px auto 70px;
	padding: 0 20px;

	display: grid;

	grid-template-columns:
		var(--sl-account-sidebar-width, 260px)
		minmax(0, 1fr);

	grid-template-areas:
		"user content"
		"nav content";

	column-gap: var(--sl-account-gap, 24px);

	row-gap: 14px;

	align-items: start;
}


/*
 * Remove WooCommerce clearfix interference.
 */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	display: none !important;
	content: none !important;
}


/* ============================================================
   USER CARD
============================================================ */

.starline-account-user-card {
	grid-area: user;

	display: flex;
	align-items: center;
	gap: 13px;

	width: 100%;

	padding: 18px;

	margin: 0;

	background: var(--sl-account-card-bg, #ffffff);

	border: 1px solid var(--sl-account-border, #e2e8f0);

	border-radius:
		var(--sl-account-radius, 14px);

	box-shadow:
		0 4px 18px rgba(15, 23, 42, 0.04);
}


/* Avatar */

.starline-account-avatar {
	width: 58px;
	height: 58px;

	flex: 0 0 58px;
}

.starline-account-avatar img {
	display: block;

	width: 58px;
	height: 58px;

	margin: 0;

	object-fit: cover;

	border-radius: 50%;

	border: 3px solid #e8eef8;

	background: #f1f5f9;
}


/* User details */

.starline-account-user-copy {
	min-width: 0;

	display: flex;
	flex-direction: column;
}

.starline-account-user-copy span {
	margin: 0 0 2px;

	font-size: 10px;
	font-weight: 500;

	line-height: 1.4;

	color: var(--sl-account-muted, #64748b);
}

.starline-account-user-copy strong {
	display: block;

	margin: 0;

	font-size: 14px;
	font-weight: 700;

	line-height: 1.4;

	color: var(--sl-account-text, #0f172a);

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.starline-account-user-copy small {
	display: block;

	margin-top: 3px;

	font-size: 10px;
	font-weight: 400;

	line-height: 1.4;

	color: var(--sl-account-muted, #64748b);

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* ============================================================
   ACCOUNT MENU BUTTON
   Desktop = hidden
============================================================ */

.starline-account-menu-toggle {
	display: none;
}


/* ============================================================
   SIDEBAR NAVIGATION
============================================================ */

.woocommerce-account
.woocommerce-MyAccount-navigation {
	grid-area: nav;

	float: none !important;

	width: 100% !important;

	margin: 0 !important;

	padding: 0;

	background: var(--sl-account-card-bg, #ffffff);

	border: 1px solid var(--sl-account-border, #e2e8f0);

	border-radius:
		var(--sl-account-radius, 14px);

	box-shadow:
		0 4px 18px rgba(15, 23, 42, 0.04);

	overflow: hidden;
}


/* Menu list */

.woocommerce-account
.woocommerce-MyAccount-navigation ul {
	display: block;

	list-style: none;

	margin: 0 !important;
	padding: 10px !important;
}

.woocommerce-account
.woocommerce-MyAccount-navigation li {
	display: block;

	list-style: none;

	margin: 0 !important;
	padding: 0 !important;

	border: 0;
}

.woocommerce-account
.woocommerce-MyAccount-navigation li + li {
	margin-top: 3px !important;
}


/* Links */

.woocommerce-account
.woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 11px;

	width: 100%;
	min-height: 44px;

	margin: 0;
	padding: 10px 12px;

	background: transparent;

	border: 0;
	border-radius: 8px;

	color: #475569;

	font-size: 12px;
	font-weight: 600;

	line-height: 1.4;

	text-decoration: none !important;

	box-shadow: none;

	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}


.woocommerce-account
.woocommerce-MyAccount-navigation li a:hover {
	background: #f2f6fd;

	color: var(--sl-account-primary, #2563eb);

	transform: translateX(2px);
}


/* Current page */

.woocommerce-account
.woocommerce-MyAccount-navigation li.is-active a {
	background:
		var(--sl-account-primary, #2563eb);

	color: #ffffff;
}


/* ============================================================
   SIDEBAR ICONS
============================================================ */

.starline-account-nav-icon {
	position: relative;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 18px;
	height: 18px;

	flex: 0 0 18px;
}

.starline-account-nav-icon::before {
	font-size: 14px;

	line-height: 1;

	font-weight: 500;
}


/* Dashboard */

.starline-account-nav-dashboard
.starline-account-nav-icon::before {
	content: "⌂";
}


/* Orders */

.starline-account-nav-orders
.starline-account-nav-icon::before {
	content: "▣";
}


/* Downloads */

.starline-account-nav-downloads
.starline-account-nav-icon::before {
	content: "↓";
}


/* Address */

.starline-account-nav-edit-address
.starline-account-nav-icon::before {
	content: "◆";

	font-size: 8px;
}


/* Payment */

.starline-account-nav-payment-methods
.starline-account-nav-icon::before {
	content: "◈";
}


/* Account */

.starline-account-nav-edit-account
.starline-account-nav-icon::before {
	content: "○";
}


/* Logout */

.starline-account-nav-customer-logout
.starline-account-nav-icon::before {
	content: "↪";
}


/* Logout divider */

.woocommerce-account
.starline-account-nav-customer-logout {
	margin-top: 10px !important;

	padding-top: 10px !important;

	border-top:
		1px solid
		var(--sl-account-border, #e2e8f0) !important;
}

.woocommerce-account
.starline-account-nav-customer-logout a {
	color: #dc2626;
}

.woocommerce-account
.starline-account-nav-customer-logout a:hover {
	background: #fff1f2;

	color: #dc2626;
}


/* ============================================================
   MAIN CONTENT
============================================================ */

.woocommerce-account
.woocommerce-MyAccount-content {
	grid-area: content;

	float: none !important;

	width: 100% !important;
	max-width: none !important;

	min-width: 0;

	margin: 0 !important;
	padding: 0 !important;
}


/* ============================================================
   WOOCOMMERCE NOTICES
============================================================ */

.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-notices-wrapper {
	margin: 0 0 18px;
}

.woocommerce-account
.woocommerce-message,
.woocommerce-account
.woocommerce-info,
.woocommerce-account
.woocommerce-error {
	width: 100%;

	margin: 0 0 18px !important;

	padding: 15px 18px 15px 48px !important;

	background: #ffffff;

	border:
		1px solid
		var(--sl-account-border, #e2e8f0);

	border-top:
		3px solid
		var(--sl-account-primary, #2563eb);

	border-radius:
		var(--sl-account-radius, 14px);

	box-shadow:
		0 4px 18px rgba(15, 23, 42, 0.04);

	color: #475569;

	font-size: 12px;

	line-height: 1.6;
}


/* ============================================================
   DASHBOARD
============================================================ */

.starline-account-dashboard {
	width: 100%;
}


/* ============================================================
   WELCOME BANNER
============================================================ */

.starline-account-welcome {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 30px;

	width: 100%;

	min-height: 170px;

	padding: 30px 32px;

	background:
		linear-gradient(
			135deg,
			var(--sl-account-primary, #2563eb) 0%,
			#174db7 100%
		);

	border-radius:
		var(--sl-account-radius, 14px);

	box-shadow:
		0 10px 30px
		rgba(37, 99, 235, 0.16);

	overflow: hidden;
}


/* Decorative circle */

.starline-account-welcome::before {
	content: "";

	position: absolute;

	right: -60px;
	top: -105px;

	width: 230px;
	height: 230px;

	border-radius: 50%;

	background:
		rgba(255, 255, 255, 0.08);
}


.starline-account-welcome::after {
	content: "";

	position: absolute;

	right: 100px;
	bottom: -110px;

	width: 190px;
	height: 190px;

	border-radius: 50%;

	background:
		rgba(255, 255, 255, 0.05);
}


/* Content */

.starline-account-welcome-copy {
	position: relative;

	z-index: 2;

	max-width: 600px;
}


.starline-account-eyebrow {
	display: inline-block;

	margin: 0 0 8px;

	font-size: 10px;
	font-weight: 700;

	line-height: 1.4;

	text-transform: uppercase;

	letter-spacing: 0.7px;

	color:
		rgba(255, 255, 255, 0.76);
}


.starline-account-welcome h2 {
	margin: 0 0 9px !important;

	padding: 0;

	color: #ffffff;

	font-size: 24px;
	font-weight: 700;

	line-height: 1.3;
}


.starline-account-welcome p {
	max-width: 580px;

	margin: 0 !important;

	color:
		rgba(255, 255, 255, 0.82);

	font-size: 12px;

	line-height: 1.7;
}


/* ============================================================
   SHOP BUTTON
============================================================ */

.starline-account-shop-button {
	position: relative;

	z-index: 2;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 auto;

	min-height: 42px;

	padding: 10px 17px;

	background: #ffffff;

	border: 1px solid #ffffff;
	border-radius: 8px;

	color:
		var(--sl-account-primary, #2563eb) !important;

	font-size: 11px;
	font-weight: 700;

	line-height: 1.4;

	text-decoration: none !important;

	box-shadow:
		0 5px 16px rgba(15, 23, 42, 0.12);

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}


.starline-account-shop-button:hover {
	transform: translateY(-2px);

	box-shadow:
		0 8px 22px rgba(15, 23, 42, 0.18);
}


/* ============================================================
   STATISTIC CARDS
============================================================ */

.starline-account-stats {
	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap: 14px;

	width: 100%;

	margin: 18px 0 0;
}


/* Stat card */

.starline-account-stat-card {
	position: relative;

	display: flex;
	flex-direction: column;

	min-width: 0;
	min-height: 125px;

	padding: 18px;

	background:
		var(--sl-account-card-bg, #ffffff);

	border:
		1px solid
		var(--sl-account-border, #e2e8f0);

	border-radius:
		var(--sl-account-radius, 14px);

	box-shadow:
		0 4px 18px rgba(15, 23, 42, 0.04);

	color:
		var(--sl-account-text, #0f172a) !important;

	text-decoration: none !important;

	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}


.starline-account-stat-card:hover {
	transform: translateY(-3px);

	border-color:
		rgba(37, 99, 235, 0.25);

	box-shadow:
		0 10px 28px rgba(15, 23, 42, 0.08);
}


.starline-account-stat-label {
	display: block;

	margin-bottom: 7px;

	color:
		var(--sl-account-muted, #64748b);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;
}


.starline-account-stat-card strong {
	display: block;

	margin-bottom: 11px;

	color:
		var(--sl-account-text, #0f172a);

	font-size: 25px;
	font-weight: 700;

	line-height: 1.2;
}


.starline-account-stat-profile {
	color:
		var(--sl-account-primary, #2563eb) !important;
}


.starline-account-stat-link {
	display: block;

	margin-top: auto;

	color:
		var(--sl-account-primary, #2563eb);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;
}


/* ============================================================
   ACCOUNT SECTIONS
============================================================ */

.starline-account-section {
	width: 100%;

	margin-top: 18px;

	padding: 23px;

	background:
		var(--sl-account-card-bg, #ffffff);

	border:
		1px solid
		var(--sl-account-border, #e2e8f0);

	border-radius:
		var(--sl-account-radius, 14px);

	box-shadow:
		0 4px 18px rgba(15, 23, 42, 0.04);
}


/* Heading */

.starline-account-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin: 0 0 18px;
}


.starline-account-section-heading
.starline-account-eyebrow {
	margin-bottom: 3px;

	color:
		var(--sl-account-primary, #2563eb);
}


.starline-account-section-heading h3 {
	margin: 0 !important;

	color:
		var(--sl-account-text, #0f172a);

	font-size: 18px;
	font-weight: 700;

	line-height: 1.4;
}


.starline-account-section-heading > a {
	color:
		var(--sl-account-primary, #2563eb);

	font-size: 11px;
	font-weight: 600;

	text-decoration: none;
}


.starline-account-section-heading > a:hover {
	color:
		var(--sl-account-primary-hover, #1d4ed8);
}


/* ============================================================
   EMPTY ORDERS
============================================================ */

.starline-account-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-height: 220px;

	padding: 30px;

	text-align: center;

	background: #f8fafc;

	border:
		1px dashed
		var(--sl-account-border, #e2e8f0);

	border-radius: 10px;
}


.starline-account-empty-state::before {
	content: "📦";

	display: flex;
	align-items: center;
	justify-content: center;

	width: 55px;
	height: 55px;

	margin-bottom: 13px;

	background: #edf4ff;

	border-radius: 50%;

	font-size: 23px;
}


.starline-account-empty-state h4 {
	margin: 0 0 6px !important;

	color:
		var(--sl-account-text, #0f172a);

	font-size: 15px;
	font-weight: 700;
}


.starline-account-empty-state p {
	margin: 0 0 16px !important;

	color:
		var(--sl-account-muted, #64748b);

	font-size: 11px;
}


/* Button inside empty state */

.starline-account-empty-state
.starline-account-shop-button {
	background:
		var(--sl-account-primary, #2563eb);

	border-color:
		var(--sl-account-primary, #2563eb);

	color: #ffffff !important;

	box-shadow: none;
}


/* ============================================================
   ORDERS TABLE
============================================================ */

.starline-account-table-wrap {
	width: 100%;

	overflow-x: auto;
}


.starline-account-orders-table {
	width: 100%;

	margin: 0;

	border: 0;

	border-collapse: collapse;

	background: transparent;
}


.starline-account-orders-table thead {
	background: #f8fafc;
}


.starline-account-orders-table th {
	padding: 11px 12px;

	border: 0;
	border-bottom:
		1px solid
		var(--sl-account-border, #e2e8f0);

	color:
		var(--sl-account-muted, #64748b);

	font-size: 10px;
	font-weight: 700;

	text-align: left;
}


.starline-account-orders-table td {
	padding: 14px 12px;

	border: 0;
	border-bottom:
		1px solid
		var(--sl-account-border, #e2e8f0);

	color: #475569;

	font-size: 11px;

	vertical-align: middle;
}


.starline-account-orders-table tbody tr:last-child td {
	border-bottom: 0;
}


.starline-account-orders-table td a {
	color:
		var(--sl-account-primary, #2563eb);

	font-weight: 600;

	text-decoration: none;
}


/* ============================================================
   ORDER STATUS
============================================================ */

.starline-order-status {
	display: inline-flex;
	align-items: center;

	padding: 5px 9px;

	background: #eff6ff;

	border-radius: 50px;

	color: #2563eb;

	font-size: 9px;
	font-weight: 700;
}


.starline-order-status-completed {
	background: #ecfdf5;

	color: #059669;
}


.starline-order-status-processing {
	background: #fffbeb;

	color: #d97706;
}


.starline-order-status-cancelled,
.starline-order-status-failed {
	background: #fef2f2;

	color: #dc2626;
}


/* ============================================================
   SMALL BUTTON
============================================================ */

.starline-account-small-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 6px 10px;

	background: #eff6ff;

	border-radius: 6px;

	color:
		var(--sl-account-primary, #2563eb) !important;

	font-size: 9px;
	font-weight: 700;

	text-decoration: none !important;
}


/* ============================================================
   QUICK LINKS
============================================================ */

.starline-account-quick-links {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 12px;
}


.starline-account-quick-links > a {
	position: relative;

	display: flex;
	flex-direction: column;

	min-height: 90px;

	padding: 16px;

	background: #f8fafc;

	border:
		1px solid
		var(--sl-account-border, #e2e8f0);

	border-radius: 10px;

	text-decoration: none !important;

	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		background-color 0.2s ease;
}


.starline-account-quick-links > a::after {
	content: "→";

	position: absolute;

	right: 15px;
	top: 50%;

	transform: translateY(-50%);

	color:
		var(--sl-account-primary, #2563eb);

	font-size: 17px;
}


.starline-account-quick-links > a:hover {
	background: #f2f6fd;

	border-color:
		rgba(37, 99, 235, 0.25);

	transform: translateY(-2px);
}


.starline-account-quick-links strong {
	display: block;

	padding-right: 25px;

	margin-bottom: 5px;

	color:
		var(--sl-account-text, #0f172a);

	font-size: 12px;
	font-weight: 700;
}


.starline-account-quick-links span {
	display: block;

	padding-right: 25px;

	color:
		var(--sl-account-muted, #64748b);

	font-size: 10px;

	line-height: 1.5;
}


/* ============================================================
   STANDARD WOOCOMMERCE ACCOUNT CONTENT
   Orders / Address / Edit account / Downloads
============================================================ */

.woocommerce-account
.woocommerce-MyAccount-content > form,

.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-address-fields,

.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-Addresses,

.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-order-details,

.woocommerce-account
.woocommerce-MyAccount-content > .woocommerce-customer-details {
	padding: 23px;

	background:
		var(--sl-account-card-bg, #ffffff);

	border:
		1px solid
		var(--sl-account-border, #e2e8f0);

	border-radius:
		var(--sl-account-radius, 14px);

	box-shadow:
		0 4px 18px rgba(15, 23, 42, 0.04);
}


/* ============================================================
   FORMS
============================================================ */

.woocommerce-account
.woocommerce-MyAccount-content label {
	display: block;

	margin-bottom: 6px;

	color:
		var(--sl-account-text, #0f172a);

	font-size: 11px;
	font-weight: 600;
}


.woocommerce-account
.woocommerce-MyAccount-content input.input-text,

.woocommerce-account
.woocommerce-MyAccount-content input[type="text"],

.woocommerce-account
.woocommerce-MyAccount-content input[type="email"],

.woocommerce-account
.woocommerce-MyAccount-content input[type="password"],

.woocommerce-account
.woocommerce-MyAccount-content input[type="tel"],

.woocommerce-account
.woocommerce-MyAccount-content select,

.woocommerce-account
.woocommerce-MyAccount-content textarea {
	width: 100%;

	min-height: 43px;

	padding: 10px 12px;

	background: #ffffff;

	border:
		1px solid
		var(--sl-account-border, #e2e8f0);

	border-radius: 7px;

	outline: none;

	color:
		var(--sl-account-text, #0f172a);

	font-size: 11px;

	box-shadow: none;

	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}


.woocommerce-account
.woocommerce-MyAccount-content textarea {
	min-height: 110px;

	resize: vertical;
}


.woocommerce-account
.woocommerce-MyAccount-content input:focus,

.woocommerce-account
.woocommerce-MyAccount-content select:focus,

.woocommerce-account
.woocommerce-MyAccount-content textarea:focus {
	border-color:
		var(--sl-account-primary, #2563eb);

	box-shadow:
		0 0 0 3px
		rgba(37, 99, 235, 0.08);
}


/* Woo buttons */

.woocommerce-account
.woocommerce-MyAccount-content
button.button,

.woocommerce-account
.woocommerce-MyAccount-content
a.button {
	min-height: 40px;

	padding: 9px 16px;

	background:
		var(--sl-account-primary, #2563eb);

	border: 0;
	border-radius: 7px;

	color: #ffffff;

	font-size: 11px;
	font-weight: 700;

	line-height: 1.4;

	text-decoration: none;
}


.woocommerce-account
.woocommerce-MyAccount-content
button.button:hover,

.woocommerce-account
.woocommerce-MyAccount-content
a.button:hover {
	background:
		var(--sl-account-primary-hover, #1d4ed8);

	color: #ffffff;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1024px) {

	.woocommerce-account .woocommerce {
		grid-template-columns:
			220px
			minmax(0, 1fr);

		padding-left: 15px;
		padding-right: 15px;

		column-gap: 18px;
	}


	.starline-account-welcome {
		padding: 25px;
	}


	.starline-account-welcome h2 {
		font-size: 21px;
	}


	.starline-account-stats {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 767px) {

	.woocommerce-account .woocommerce {
		display: block;

		width: 100%;

		margin: 25px auto 45px;

		padding: 0 14px;
	}


	/* User */

	.starline-account-user-card {
		margin-bottom: 10px;

		padding: 15px;
	}


	/* Account dropdown */

	.starline-account-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;

		width: 100%;

		margin: 0;

		padding: 12px 14px;

		background:
			var(--sl-account-primary, #2563eb);

		border: 0;
		border-radius: 8px;

		color: #ffffff;

		font-size: 12px;
		font-weight: 700;

		cursor: pointer;
	}


	.starline-account-menu-toggle-icon {
		display: inline-block;

		font-size: 16px;

		transition:
			transform 0.2s ease;
	}


	.starline-account-menu-toggle[aria-expanded="true"]
	.starline-account-menu-toggle-icon {
		transform: rotate(180deg);
	}


	/* Mobile nav */

	.woocommerce-account
	.woocommerce-MyAccount-navigation {
		display: none;

		width: 100% !important;

		margin: 8px 0 16px !important;
	}


	.woocommerce-account
	.woocommerce-MyAccount-navigation.is-open {
		display: block;
	}


	/* Content */

	.woocommerce-account
	.woocommerce-MyAccount-content {
		width: 100% !important;

		margin-top: 16px !important;
	}


	/* Welcome */

	.starline-account-welcome {
		display: block;

		min-height: auto;

		padding: 23px 20px;
	}


	.starline-account-welcome h2 {
		font-size: 20px;
	}


	.starline-account-shop-button {
		margin-top: 17px;
	}


	/* Stats */

	.starline-account-stats {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 10px;
	}


	.starline-account-stat-card {
		min-height: 105px;

		padding: 14px;
	}


	.starline-account-stat-card strong {
		font-size: 21px;
	}


	/* Sections */

	.starline-account-section {
		padding: 17px;
	}


	.starline-account-section-heading h3 {
		font-size: 16px;
	}


	/* Quick links */

	.starline-account-quick-links {
		grid-template-columns: 1fr;
	}


	/* Order table mobile */

	.starline-account-orders-table thead {
		display: none;
	}


	.starline-account-orders-table,
	.starline-account-orders-table tbody,
	.starline-account-orders-table tr,
	.starline-account-orders-table td {
		display: block;

		width: 100%;
	}


	.starline-account-orders-table tr {
		padding: 10px 0;

		border-bottom:
			1px solid
			var(--sl-account-border, #e2e8f0);
	}


	.starline-account-orders-table td {
		display: flex;
		align-items: center;
		justify-content: space-between;

		gap: 15px;

		padding: 6px 0;

		border: 0;

		text-align: right;
	}


	.starline-account-orders-table td::before {
		content: attr(data-title);

		color:
			var(--sl-account-muted, #64748b);

		font-size: 10px;
		font-weight: 600;

		text-align: left;
	}

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 480px) {

	.starline-account-stats {
		grid-template-columns: 1fr;
	}


	.starline-account-stat-card {
		min-height: 95px;
	}


	.starline-account-welcome h2 {
		font-size: 18px;
	}


	.starline-account-section-heading {
		align-items: flex-start;
	}

}