/**
 * Arcas Pro Custom Theme Styles
 *
 * Implements the mobile app design system for archery training, scores, and statistics.
 */

/* Score Badges */
.arcas-page-heading {
	font-size: 1.5rem !important;
	line-height: 2rem !important;
}

/* Consistent focus feedback for every editable control in the app. */
.arcas-pro-theme :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.arcas-pro-theme :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring), 0 0 18px rgba(52, 120, 246, 0.2) !important;
	outline: none !important;
}

.arcas-pro-theme :is(input[type="checkbox"], input[type="radio"]):focus-visible {
	outline: 3px solid var(--arcas-focus-ring);
	outline-offset: 2px;
}

.arcas-pro-theme hr {
	border-color: rgba(148, 173, 211, 0.22) !important;
}

.arcas-pro-theme :is(.club-border-gray-200, .club-border-slate-800) {
	border-color: rgba(148, 173, 211, 0.22) !important;
}

.arcas-pro-theme .club-archer-position-actions {
	border-top-color: rgba(148, 173, 211, 0.22) !important;
}

.arcas-badge-score {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 9999px;
	font-weight: 800;
	font-size: 0.85rem;
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.arcas-badge-gold {
	background-color: #f59e0b;
	color: #1e1b4b;
}

.arcas-badge-red {
	background-color: #ef4444;
	color: #ffffff;
}

.arcas-badge-blue {
	background-color: #3b82f6;
	color: #ffffff;
}

.arcas-badge-black {
	background-color: #334155;
	color: #ffffff;
}

.arcas-badge-white {
	background-color: #f1f5f9;
	color: #0f172a;
	border: 1px solid #cbd5e1;
}

/* Sincronizat Pill */
.arcas-pill-synced {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 9999px;
	font-size: 0.7rem;
	font-weight: 600;
	background-color: rgba(37, 99, 235, 0.2);
	color: #60a5fa;
	border: 1px solid rgba(59, 130, 246, 0.3);
}

/* Custom Arrow Counter Box */
.arcas-counter-box {
	display: inline-flex;
	align-items: center;
	background-color: #0b1324;
	border: 1px solid #23335e;
	border-radius: 0.75rem;
	overflow: hidden;
}

.arcas-counter-btn {
	padding: 0.5rem 1rem;
	background-color: #18254b;
	color: #f8fafc;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.arcas-counter-btn:hover {
	background-color: #2563eb;
}

.arcas-counter-val {
	padding: 0.5rem 1.25rem;
	font-size: 1.1rem;
	font-weight: 800;
	color: #ffffff;
	text-align: center;
	min-width: 48px;
}

/* Ensure club-wrapper inside theme preserves full width and responsive container */
.arcas-pro-theme .club-wrapper {
	width: 100%;
	max-width: 100%;
}

/* Authentication and member-facing views */
.arcas-auth-card {
	position: relative;
	background:
		radial-gradient(ellipse at 100% 0, rgba(52, 120, 246, 0.14), transparent 42%),
		linear-gradient(145deg, rgba(17, 33, 58, 0.98), rgba(8, 19, 36, 0.98));
	border: 1px solid rgba(148, 173, 211, 0.2);
	border-radius: 1.5rem;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.035);
	overflow: hidden;
}

.arcas-auth-view {
	padding: 1rem 0;
}

.arcas-auth-card::before {
	position: absolute;
	top: 0;
	left: 1.5rem;
	width: 4rem;
	height: 2px;
	background: linear-gradient(90deg, var(--arcas-accent-gold), transparent);
	content: "";
}

.arcas-auth-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	margin-bottom: 1rem;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid rgba(148, 173, 211, 0.16);
}

.arcas-auth-brand {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.arcas-auth-heading h1 {
	font-size: clamp(1.2rem, 4vw, 1.55rem);
	letter-spacing: -0.035em;
}

.arcas-auth-title {
	margin: 0;
	color: var(--arcas-text-main);
	font-weight: 750;
}

.arcas-auth-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 0.8rem;
	color: var(--arcas-accent-gold);
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.arcas-auth-eyebrow::before {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 12px rgba(255, 193, 90, 0.65);
	content: "";
}

.arcas-auth-description {
	max-width: 38rem;
	margin: 0 0 1.5rem;
	color: var(--arcas-text-muted);
	line-height: 1.7;
}

.arcas-auth-links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.55rem;
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(148, 173, 211, 0.16);
	text-align: center;
}

.arcas-auth-links a {
	color: var(--arcas-accent-blue-light);
	transition: color 0.2s ease;
}

.arcas-auth-links a:hover {
	color: #a4cbff;
}

.arcas-login-shortcode-wrapper,
.arcas-register-shortcode-wrapper {
	min-width: 0;
}

.arcas-login-shortcode-wrapper :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
.arcas-register-shortcode-wrapper :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem 0.9rem;
	color: var(--arcas-text-main);
	background: rgba(5, 14, 28, 0.72);
	border: 1px solid rgba(148, 173, 211, 0.22);
	border-radius: 0.8rem;
	font: inherit;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.arcas-login-shortcode-wrapper :is(input, select, textarea)::placeholder,
.arcas-register-shortcode-wrapper :is(input, select, textarea)::placeholder {
	color: #8395af;
	opacity: 1;
}

.arcas-login-shortcode-wrapper :is(input, select, textarea):focus,
.arcas-register-shortcode-wrapper :is(input, select, textarea):focus {
	background: rgba(5, 14, 28, 0.92);
	border-color: var(--arcas-accent-blue-light);
	box-shadow: 0 0 0 3px var(--arcas-focus-ring);
	outline: none;
}

.arcas-login-shortcode-wrapper :is(button, input[type="submit"]),
.arcas-register-shortcode-wrapper :is(button, input[type="submit"]) {
	box-sizing: border-box;
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem 1.2rem;
	color: #fff;
	background: linear-gradient(135deg, #3478f6, #245bd0);
	border: 1px solid rgba(130, 180, 255, 0.38);
	border-radius: 0.85rem;
	box-shadow: 0 10px 24px rgba(28, 91, 207, 0.25);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
	transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.arcas-login-shortcode-wrapper :is(button, input[type="submit"]):hover,
.arcas-register-shortcode-wrapper :is(button, input[type="submit"]):hover {
	filter: brightness(1.1);
	box-shadow: 0 14px 28px rgba(28, 91, 207, 0.34);
	transform: translateY(-1px);
}

.arcas-login-shortcode-wrapper :is(input[type="checkbox"], input[type="radio"]),
.arcas-register-shortcode-wrapper :is(input[type="checkbox"], input[type="radio"]) {
	accent-color: var(--arcas-accent-blue-light);
}

.arcas-pro-theme :is(.notice, .updated, .error, .club-notice, .club-message) {
	padding: 0.9rem 1rem;
	color: var(--arcas-text-main);
	background: rgba(17, 33, 58, 0.88);
	border: 1px solid var(--arcas-border);
	border-left: 3px solid var(--arcas-accent-blue-light);
	border-radius: 0.75rem;
}

.arcas-pro-theme :is(.error, .club-error, .club-message.error) {
	border-left-color: #ff7777;
}

.arcas-pro-theme :is(.success, .club-success, .club-message.success) {
	border-left-color: #48d597;
}

.arcas-pro-theme .site-main > :is(article, .page-content, .entry-content) {
	min-width: 0;
}

.arcas-pro-theme .site-main :is(img, video, iframe) {
	max-width: 100%;
}

.arcas-pro-theme .site-main table {
	width: 100%;
	border-collapse: collapse;
}

.arcas-pro-theme .site-main :is(th, td) {
	padding: 0.65rem 0.75rem;
	border-bottom: 1px solid var(--arcas-border);
	text-align: left;
}

.arcas-pro-theme .site-main :is(button, a, input, select, textarea) {
	-webkit-tap-highlight-color: transparent;
}

/* Contact form: the legacy shortcode supplies light Tailwind field backgrounds. */
.arcas-pro-theme .club-contact-form :is(input:not([type="hidden"]), textarea) {
	box-sizing: border-box;
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border: 1px solid rgba(148, 173, 211, 0.24) !important;
	border-radius: 0.8rem;
	caret-color: var(--arcas-accent-blue-light);
}

.arcas-pro-theme .club-contact-form :is(input:not([type="hidden"]), textarea)::placeholder {
	color: #8395af !important;
	opacity: 1;
}

.arcas-pro-theme .club-contact-form :is(input:not([type="hidden"]), textarea):focus {
	background: rgba(5, 14, 28, 0.94) !important;
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring) !important;
	outline: none;
}

/* Account form: keep values and password fields readable in the dark app shell. */
.arcas-pro-theme .arcas-account-form :is(input:not([type="hidden"]), textarea) {
	box-sizing: border-box;
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border: 1px solid rgba(148, 173, 211, 0.24) !important;
	border-radius: 0.75rem;
	caret-color: var(--arcas-accent-blue-light);
}

.arcas-pro-theme .arcas-account-form input:disabled {
	color: var(--arcas-text-muted) !important;
	background: rgba(5, 14, 28, 0.5) !important;
	opacity: 1;
}

.arcas-pro-theme .arcas-account-form :is(input, textarea)::placeholder {
	color: #8395af !important;
	opacity: 1;
}

.arcas-pro-theme .arcas-account-membership {
	margin-left: auto;
	text-align: right;
	align-items: flex-end !important;
}

.arcas-pro-theme .arcas-account-membership > span {
	align-self: flex-end;
}

.arcas-pro-theme .arcas-login-shortcode-wrapper input:not([type="hidden"]) {
	box-sizing: border-box;
	min-height: 3rem;
	padding: 0.65rem 0.8rem;
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border: 1px solid rgba(148, 173, 211, 0.24) !important;
	border-radius: 0.8rem !important;
}

.arcas-pro-theme .arcas-login-shortcode-wrapper input:not([type="hidden"])::placeholder {
	color: #8395af !important;
	opacity: 1;
}

.arcas-pro-theme .arcas-login-shortcode-wrapper input:not([type="hidden"]):focus {
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring) !important;
	outline: none;
}

.arcas-pro-theme .arcas-register-shortcode-wrapper input:not([type="hidden"]):not([type="checkbox"]) {
	box-sizing: border-box;
	min-height: 3rem;
	padding: 0.65rem 0.8rem;
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border: 1px solid rgba(148, 173, 211, 0.24) !important;
	border-radius: 0.8rem !important;
}

.arcas-pro-theme .arcas-register-shortcode-wrapper input:not([type="hidden"]):not([type="checkbox"])::placeholder {
	color: #8395af !important;
	opacity: 1;
}

.arcas-pro-theme .arcas-register-shortcode-wrapper input:not([type="hidden"]):not([type="checkbox"]):focus {
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring) !important;
	outline: none;
}

.arcas-pro-theme .arcas-register-shortcode-wrapper label {
	color: var(--arcas-text-muted) !important;
}

.arcas-pro-theme .arcas-register-shortcode-wrapper label a {
	color: #cfe1ff !important;
}

.arcas-pro-theme .arcas-account-form :is(input, textarea):focus {
	background: rgba(5, 14, 28, 0.94) !important;
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring) !important;
	outline: none;
}

.arcas-pro-theme .arcas-delete-account-form input[type="password"] {
	box-sizing: border-box;
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border-color: rgba(148, 173, 211, 0.24) !important;
	caret-color: var(--arcas-accent-blue-light);
}

/* Training history: override the legacy shortcode's light inline styles. */
.arcas-pro-theme .club-training-filters,
.arcas-pro-theme .club-training-performance,
.arcas-pro-theme .club-training-card,
.arcas-pro-theme .club-end-card {
	background: linear-gradient(145deg, rgba(17, 33, 58, 0.96), rgba(9, 21, 39, 0.98)) !important;
	border-color: var(--arcas-border) !important;
	box-shadow: var(--arcas-shadow-card) !important;
}

.arcas-pro-theme .club-training-filters {
	gap: 0.9rem !important;
	padding: 1.1rem !important;
	border-radius: var(--arcas-radius-card) !important;
}

.arcas-pro-theme .club-training-filter-field,
.arcas-pro-theme .club-training-performance-description,
.arcas-pro-theme .club-training-card-date,
.arcas-pro-theme .club-training-card-stat,
.arcas-pro-theme .club-precision-legend,
.arcas-pro-theme .club-text-gray-500 {
	color: var(--arcas-text-muted) !important;
}

.arcas-pro-theme .club-training-filter-field select,
.arcas-pro-theme .club-training-filter-field input {
	min-height: 3rem !important;
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border-color: rgba(148, 173, 211, 0.24) !important;
	border-radius: 0.8rem !important;
}

.arcas-pro-theme .club-training-filter-field :is(select, input):focus {
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring) !important;
	outline: none;
}

.arcas-pro-theme .club-training-filter-submit {
	min-height: 3rem !important;
	padding: 0.6rem 1.15rem !important;
	background: linear-gradient(135deg, var(--arcas-accent-blue), #245bd0) !important;
	border-color: rgba(130, 180, 255, 0.42) !important;
	border-radius: 0.8rem !important;
	box-shadow: 0 10px 24px rgba(28, 91, 207, 0.25) !important;
}

.arcas-pro-theme .club-training-filter-reset {
	color: var(--arcas-accent-blue-light) !important;
	text-decoration-color: rgba(105, 168, 255, 0.55) !important;
}

.arcas-pro-theme .club-training-performance h3,
.arcas-pro-theme .club-training-card-title {
	color: var(--arcas-text-main) !important;
}

.arcas-pro-theme .club-training-score-section-title {
	color: var(--arcas-text-main) !important;
}

/* The FITA analysis dialog intentionally uses a light surface. Keep its copy dark. */
#club-fita-modal .club-fita-modal-dialog {
	background: #ffffff !important;
	color: #1f2937 !important;
}

#club-fita-modal .club-fita-modal-dialog :is(h3, [data-fita-summary], [data-fita-grouping], .club-fita-exercises, .club-fita-physical) {
	color: #1f2937 !important;
}

#club-fita-modal .club-fita-status {
	color: #475569 !important;
}

/* Legacy training-tool shortcodes: align their light defaults with the app shell. */
.arcas-pro-theme :is(.club-archive-filters, .club-archive-card, .club-best-arrow-card, .club-archer-position, .club-archer-position-header) {
	background: linear-gradient(145deg, rgba(17, 33, 58, 0.96), rgba(9, 21, 39, 0.98)) !important;
	border-color: var(--arcas-border) !important;
	box-shadow: var(--arcas-shadow-card) !important;
	color: var(--arcas-text-main) !important;
}

.arcas-pro-theme :is(.club-archive-details, .club-best-arrow-details, .club-archer-position-grid label, .club-archer-upload-card) {
	background: rgba(5, 14, 28, 0.56) !important;
	border-color: var(--arcas-border) !important;
}

.arcas-pro-theme :is(.club-archive-filters label, .club-archive-period, .club-archive-stat span, .club-best-arrow-label, .club-best-arrow-details dt, .club-archer-position-header p, .club-archer-position-status) {
	color: var(--arcas-text-muted) !important;
}

.arcas-pro-theme :is(.club-archive-title, .club-archive-stat strong, .club-archive-distribution-title, .club-archive-score-count, .club-best-arrow-number, .club-best-arrow-value, .club-best-arrow-details dd, .club-archer-position-grid label strong, .club-archer-upload-card > strong, .club-archer-position-analysis-text, .club-archer-position-analysis-text h4) {
	color: var(--arcas-text-main) !important;
}

.arcas-pro-theme .club-best-arrow-rank {
	color: #cfe1ff !important;
}

.arcas-pro-theme .club-archive-precision {
	color: #cfe1ff !important;
}

.arcas-pro-theme .club-best-arrow-summary:hover {
	background: rgba(52, 120, 246, 0.1) !important;
}

.arcas-pro-theme .club-best-arrow-summary:active {
	background: rgba(52, 120, 246, 0.16) !important;
}

.arcas-pro-theme .club-archive-card summary {
	transition: background-color 0.2s ease;
}

.arcas-pro-theme .club-archive-card:hover summary {
	background: rgba(52, 120, 246, 0.1) !important;
}

.arcas-pro-theme .club-archive-card summary:active {
	background: rgba(52, 120, 246, 0.16) !important;
}

.arcas-pro-theme :is(.club-archer-upload-card, .club-archer-position-grid label) {
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.arcas-pro-theme :is(.club-archer-upload-card, .club-archer-position-grid label):hover {
	background: rgba(52, 120, 246, 0.1) !important;
	border-color: rgba(105, 168, 255, 0.48) !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2) !important;
	transform: translateY(-2px);
}

.arcas-pro-theme :is(.club-archive-filters input, .club-archive-reset, .club-archer-position-grid input[type=file], .club-archer-photo-actions select) {
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border-color: rgba(148, 173, 211, 0.24) !important;
}

/* Training-type editor controls use the same dark form treatment as account settings. */
.arcas-pro-theme [data-training-type-editor] label {
	color: var(--arcas-text-main) !important;
	font-weight: 600;
}

.arcas-pro-theme [data-training-type-editor] :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
	box-sizing: border-box;
	min-height: 3rem;
	padding: 0.65rem 0.8rem;
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.78) !important;
	border: 1px solid rgba(148, 173, 211, 0.24) !important;
	border-radius: 0.8rem !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.arcas-pro-theme [data-training-type-editor] :is(input, select, textarea):focus {
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring), 0 0 18px rgba(52, 120, 246, 0.2) !important;
	outline: none;
}

.arcas-pro-theme .club-training-card :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
	border-color: var(--arcas-accent-blue-light) !important;
	box-shadow: 0 0 0 3px var(--arcas-focus-ring), 0 0 18px rgba(52, 120, 246, 0.2) !important;
	outline: none !important;
}

.arcas-pro-theme [data-training-type-editor] fieldset[data-arrow-slot] {
	border-color: rgba(148, 173, 211, 0.28) !important;
}

.arcas-pro-theme .club-training-card-body-inner {
	border-top-color: rgba(148, 173, 211, 0.22) !important;
}

@media (max-width: 767px) {
	.club-training-photo-lightbox-toolbar {
		justify-content: flex-end !important;
	}

	.club-training-photo-lightbox-title {
		position: fixed;
		right: 1rem;
		bottom: max(1rem, env(safe-area-inset-bottom));
		left: 1rem;
		z-index: 1;
		padding: 0.45rem 0.7rem;
		overflow: hidden;
		color: #f4f7fc;
		background: rgba(7, 16, 31, 0.72);
		border: 1px solid rgba(148, 173, 211, 0.22);
		border-radius: 0.65rem;
		backdrop-filter: blur(8px);
		font-size: 0.78rem;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		pointer-events: none;
	}
}

.arcas-pro-theme .club-training-card {
	border-radius: var(--arcas-radius-card) !important;
}

.arcas-pro-theme .club-training-card-header:hover,
.arcas-pro-theme .club-training-card-header:active {
	background: rgba(52, 120, 246, 0.08) !important;
}

.arcas-pro-theme .club-precision-summary {
	color: var(--arcas-text-main) !important;
	background: rgba(5, 14, 28, 0.56) !important;
	border: 1px solid var(--arcas-border);
}

/* Announcements: replace the legacy white table and detail panel treatment. */
.arcas-pro-theme .club-unread-announcements {
	display: inline-flex;
	align-items: center;
	margin: 0 0 0.85rem;
	padding: 0.4rem 0.75rem;
	color: var(--arcas-accent-blue-light);
	background: rgba(52, 120, 246, 0.1);
	border: 1px solid rgba(105, 168, 255, 0.25);
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 700;
}

.arcas-pro-theme .club-announce-list,
.arcas-pro-theme .club-announce-detail {
	overflow: hidden;
	background: linear-gradient(145deg, rgba(17, 33, 58, 0.96), rgba(9, 21, 39, 0.98)) !important;
	border-color: var(--arcas-border) !important;
	border-radius: var(--arcas-radius-card);
	box-shadow: var(--arcas-shadow-card) !important;
	color: var(--arcas-text-main);
}

.arcas-pro-theme .club-announce-list table {
	margin: 0;
	background: transparent !important;
	border-color: var(--arcas-border) !important;
	color: var(--arcas-text-main);
}

.arcas-pro-theme .club-announce-list thead,
.arcas-pro-theme .club-announce-list thead tr {
	background: rgba(52, 120, 246, 0.12) !important;
}

.arcas-pro-theme .club-announce-list th {
	color: var(--arcas-text-muted);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.arcas-pro-theme .club-announce-list :is(th, td) {
	padding: 0.9rem 0.95rem !important;
	border-color: var(--arcas-border) !important;
}

.arcas-pro-theme .club-announce-list tbody tr {
	background: rgba(7, 18, 35, 0.48) !important;
	transition: background-color 0.18s ease;
}

.arcas-pro-theme .club-announce-list tbody tr:nth-child(even) {
	background: rgba(16, 34, 59, 0.58) !important;
}

.arcas-pro-theme .club-announce-list tbody tr:hover {
	background: rgba(52, 120, 246, 0.12) !important;
}

.arcas-pro-theme .club-announce-list td {
	color: var(--arcas-text-muted);
}

.arcas-pro-theme .club-announce-list a,
.arcas-pro-theme .club-announce-detail a {
	color: var(--arcas-accent-blue-light) !important;
	text-decoration: none;
}

.arcas-pro-theme .club-announce-list a:hover,
.arcas-pro-theme .club-announce-detail a:hover {
	color: #c9e2ff !important;
	text-decoration: underline;
}

.arcas-pro-theme .club-announce-list strong {
	color: var(--arcas-accent-gold);
}

.arcas-pro-theme .club-announce-detail :is(h2, p) {
	color: var(--arcas-text-main);
}

.arcas-pro-theme .club-announce-detail h2,
.arcas-pro-theme .club-announce-detail .club-text-gray-500 {
	color: var(--arcas-text-muted) !important;
}

.arcas-pro-theme .club-announce-detail hr {
	border-color: var(--arcas-border) !important;
}

.arcas-pro-theme .club-announce-detail .club-prose {
	max-width: none;
	color: var(--arcas-text-main);
	background: rgba(5, 14, 28, 0.58) !important;
	border-color: var(--arcas-border) !important;
	border-radius: 0.8rem;
}

@media (max-width: 520px) {
	.arcas-auth-card {
		padding: 1.1rem;
		border-radius: 1.2rem;
	}

	.arcas-auth-heading {
		align-items: flex-start;
	}

	.arcas-auth-brand {
		gap: 0.6rem;
	}

	.arcas-pro-theme .site-main :is(table, thead, tbody, th, td, tr) {
		font-size: 0.88rem;
	}
}