/* ==========================================================================
   Figure Schedule — Sticky-knapp (öppnar en vald Elementor-popup)
   ========================================================================== */

.fs-sticky-btn {
	display: none; /* visas endast under 1025px, se media query nedan */
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 60px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #f74275 !important;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.7);
	cursor: pointer;
	z-index: 99999;
	outline: none;
	/* Tar bort mobila webbläsares egen (ofta rosaktiga) "tap"-överlagring vid
	   tryck, så knappen aldrig kan skifta till en färg vi inte satt själva. */
	-webkit-tap-highlight-color: transparent;
}

.fs-sticky-btn svg {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

/* !important här skyddar mot att andra stilar på sajten (tema/andra plugin)
   råkar träffa knappen på :active/:focus/:hover och färga den fel, t.ex. en
   global rosa "aktiv länk"-färg. Knappen ska bara någonsin visa #f74275
   eller hover/active-färgen #ff6691. */
.fs-sticky-btn,
.fs-sticky-btn:focus {
	background: #f74275 !important;
}

.fs-sticky-btn:active {
	background: #ff6691 !important;
}

/* Endast enheter med riktig muspekare får hover-färg. Utan detta villkor
   "fastnar" pekskärmar i hover-läget efter en tryckning, eftersom en touch
   räknas som :hover i de flesta mobila webbläsare tills man trycker någon
   annanstans (och knappen syns ju bara på skärmar < 1025px, dvs. mest
   pekenheter). */
@media (hover: hover) and (pointer: fine) {
	.fs-sticky-btn:hover {
		background: #ff6691 !important;
	}
}

@media (max-width: 1024px) {
	.fs-sticky-btn { display: flex; }
}