/**
 * Gegosoft Account Page styles.
 */

:root {
	--gap-accent: #7b1230;
	--gap-accent-dark: #5f0e26;
	--gap-accent-soft: #fbeef1;
	--gap-text: #2b2f36;
	--gap-muted: #6b7280;
	--gap-border: #ececef;
	--gap-card-radius: 14px;
}

/* ---- Two column layout ---- */
.woocommerce-account .woocommerce {
	display: flex;
	gap: 28px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	flex: 0 0 280px;
	width: 280px;
}

.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1 1 320px;
	min-width: 0;
}

/* ---- Greeting card ---- */
.gap-greeting-card {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #f4f5f7;
	border-radius: 12px;
	padding: 16px 18px;
	margin-bottom: 18px;
}

.gap-greeting-avatar {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #e6e7ea;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9aa0a6;
	flex: 0 0 46px;
}

.gap-greeting-avatar svg {
	width: 28px;
	height: 28px;
}

.gap-greeting-meta {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.gap-greeting-meta small {
	color: var(--gap-muted);
	font-size: 13px;
}

.gap-greeting-meta strong {
	font-size: 18px;
	color: var(--gap-text);
}

/* ---- Navigation ---- */
.woocommerce-account .gap-account-nav ul {
	list-style: none;
	margin: 0;
	padding: 6px 0;
	background: #fff;
	border: 1px solid var(--gap-border);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
	overflow: hidden;
}

.woocommerce-account .gap-account-nav li {
	margin: 0;
	border: 0;
	padding: 0;
}

.woocommerce-account .gap-account-nav li a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	color: var(--gap-text);
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px solid #f1f2f4;
	transition: background .15s ease, color .15s ease;
}

.woocommerce-account .gap-account-nav li:last-child a {
	border-bottom: 0;
}

.gap-nav-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: #4b5563;
	flex: 0 0 22px;
}

.gap-nav-icon svg {
	width: 22px;
	height: 22px;
}

.woocommerce-account .gap-account-nav li a:hover {
	background: #faf7f8;
	color: var(--gap-accent);
}

.woocommerce-account .gap-account-nav li a:hover .gap-nav-icon {
	color: var(--gap-accent);
}

.woocommerce-account .gap-account-nav li.is-active a {
	color: var(--gap-accent);
	background: var(--gap-accent-soft);
	box-shadow: inset 3px 0 0 var(--gap-accent);
}

.woocommerce-account .gap-account-nav li.is-active .gap-nav-icon {
	color: var(--gap-accent);
}

/* ---- Cards ---- */
.gap-profile-card,
.gap-card {
	background: #fff;
	border: 1px solid var(--gap-border);
	border-radius: var(--gap-card-radius);
	padding: 24px 26px;
	max-width: 520px;
	box-shadow: 0 1px 3px rgba(16, 24, 40, .05);
}

.gap-profile-card h3,
.gap-card h3 {
	margin: 0 0 18px;
	font-size: 20px;
	color: var(--gap-text);
	font-weight: 700;
}

/* ---- Personal profile list ---- */
.gap-profile-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gap-profile-list li {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 10px 0;
}

.gap-badge {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	flex: 0 0 42px;
}

.gap-badge svg {
	width: 22px;
	height: 22px;
}

.gap-badge-user {
	background: linear-gradient(135deg, #8b5cf6, #6d49d6);
}

.gap-badge-mail {
	background: linear-gradient(135deg, #15b6b0, #2b8fd6);
}

.gap-badge-phone {
	background: linear-gradient(135deg, #ff9d2f, #ff6a00);
}

.gap-profile-value {
	font-size: 16px;
	color: #374151;
	word-break: break-word;
}

.gap-edit-link {
	display: inline-block;
	margin-top: 14px;
	color: var(--gap-accent);
	font-weight: 600;
	text-decoration: none;
	font-size: 14px;
}

.gap-edit-link:hover {
	text-decoration: underline;
}

/* ---- Forms ---- */
.gap-card .form-row {
	display: flex;
	flex-direction: column;
	margin: 0 0 16px;
}

.gap-card .form-row label {
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--gap-text);
}

.gap-card input[type="password"] {
	padding: 10px 12px;
	border: 1px solid #d6d8dc;
	border-radius: 8px;
	font-size: 15px;
	width: 100%;
	max-width: 360px;
}

.woocommerce-account .gap-card .button.gap-button,
.gap-button {
	background: var(--gap-accent);
	color: #fff;
	border: 0;
	padding: 11px 22px;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
}

.woocommerce-account .gap-card .button.gap-button:hover,
.gap-button:hover {
	background: var(--gap-accent-dark);
}

.gap-gold-rate {
	font-size: 16px;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
	.woocommerce-account .woocommerce {
		flex-direction: column;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .gap-account-nav {
		flex: 1 1 100%;
		width: 100%;
	}

	.gap-profile-card,
	.gap-card {
		max-width: 100%;
	}
}