/**
 * Babesky Custom Styles
 *
 * Header CTAs, gradient text, bottom nav, and accounts list overrides.
 * Loaded after style.css via wp_enqueue_style in functions.php.
 */

/* Header CTAs */
.babesky-header-ctas {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}

.babesky-header-cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	padding: 6px 12px;
	border-radius: 8px;
	transition: color 0.2s, background 0.2s;
}

.babesky-header-cta:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

.babesky-header-cta--login {
	color: var(--wp--preset--color--primary, #9146FF);
	border: 1px solid rgba(145, 70, 255, 0.3);
}

.babesky-header-cta--login:hover {
	background: rgba(145, 70, 255, 0.15);
	color: #c084fc;
}

.babesky-header-cta--bsky span {
	display: none;
}

/* Gradient text */
.gradient-text {
	background: linear-gradient(135deg, var(--wp--preset--color--primary, #9146FF), var(--wp--preset--color--secondary, #FF6AC2));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.gradient-text a {
	-webkit-text-fill-color: transparent;
}

.gradient-text a:hover {
	-webkit-text-fill-color: var(--wp--preset--color--secondary, #FF6AC2);
}

/* Bottom nav hidden on desktop */
@media (min-width: 783px) {
	.babesky-bottom-nav {
		display: none !important;
	}
}

/* Accounts list grid */
.babesky-accounts-list {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 8px !important;
	width: 100% !important;
}

.babesky-accounts-list > :first-child {
	grid-column: 1 / -1 !important;
}

.babesky-accounts-list > :not(:first-child) {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	padding: 10px 6px !important;
	gap: 6px !important;
}

.babesky-accounts-list > :not(:first-child) > :first-child {
	padding: 8px !important;
	font-size: 16px !important;
	border-radius: 10px !important;
	margin: 0 !important;
}

.babesky-accounts-list > :not(:first-child) > :last-child {
	font-size: 12px !important;
	line-height: 1.35 !important;
	margin: 0 !important;
}

.babesky-accounts-list a.babesky-inherit-link {
	text-decoration: none !important;
	color: inherit !important;
	display: block !important;
}