/*
 Theme Name:   Fyscoach App
 Theme URI:    https://fyscoach.se
 Description:  Child theme för Astra – app-landningssida (Floorball Performance)
 Author:       Fyscoach
 Template:     astra
 Version:      1.0.0
 Text Domain:  fyscoach-app
*/

/* Grundstilar ärver från Astra. App-landningssidan använder app-landing.css. */

/* Kritiska temastilar så att mörkt tema alltid syns när .fp-app-wrap finns (laddas med barn-temat) */
.fp-app-wrap {
	background: #0a0a0a !important;
	color: #ffffff !important;
	--fp-bg: #0a0a0a;
	--fp-bg-card: #1a1a1a;
	--fp-accent: #D4D41E;
	--fp-text: #ffffff;
	--fp-text-muted: #9ca3af;
	min-height: 100vh;
	box-sizing: border-box;
}
.fp-app-wrap .fp-app-header { background: #0a0a0a !important; }
.fp-app-wrap .fp-app-hero-title,
.fp-app-wrap .fp-app-hero-tagline { color: #ffffff; }
.fp-app-wrap .fp-app-hero-line.fp-app-accent { color: #D4D41E; }
.fp-app-wrap .fp-app-role-question .fp-app-accent { color: #D4D41E; }
.fp-app-wrap .fp-app-role-btn { background: transparent; color: #9ca3af; border: none; }
.fp-app-wrap .fp-app-role-btn.is-active { background: #D4D41E; color: #0a0a0a; }
.fp-app-wrap .fp-app-card { background: #1a1a1a; color: #ffffff; border-color: rgba(181,255,0,0.3); }
.fp-app-wrap .fp-app-btn-primary { background: #D4D41E; color: #0a0a0a; }
.fp-app-wrap .fp-app-btn-outline { background: transparent; color: #D4D41E; border: 2px solid #D4D41E; }
.fp-app-wrap .fp-app-nav-link { color: #6b7280; }
.fp-app-wrap .fp-app-btn-login { background: #D4D41E; color: #0a0a0a; }
body:has(.fp-app-wrap) { background: #0a0a0a !important; }

/* ── Bottennavigering (app tab-bar) ── */
.fp-app-bottom-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #111111;
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px));
}
.fp-app-bottom-nav-link {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	gap: 2px;
	text-decoration: none !important;
	color: #6b7280 !important;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	padding: 4px 2px;
	transition: color 0.2s;
	-webkit-tap-highlight-color: transparent;
}
.fp-app-bottom-nav-link.is-active,
.fp-app-bottom-nav-link:hover {
	color: #D4D41E !important;
}
.fp-app-bottom-nav-icon {
	width: 22px;
	height: 22px;
}
/* Ge plats åt bottennavigeringen så inget innehåll göms bakom */
body.fp-app-has-bottom-nav {
	padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
}
body.fp-app-has-bottom-nav .fp-app-wrap {
	padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
}