/* =====================================================================
 * Avada Lightbox Gallery Download – Button-Styles
 *
 * Diese Datei liefert das Standard-Aussehen. Eigene Anpassungen am besten
 * NICHT hier, sondern in Avada unter „Custom CSS" vornehmen (siehe readme.txt),
 * damit sie ein Plugin-Update überleben.
 * ===================================================================== */

/* Fester Button oben rechts, sichtbar wenn die Lightbox offen ist.
 * Standard: Icon + Text als abgerundete „Pill". */
.algd-download-btn {
	position: fixed;
	top: 20px;
	right: 72px; /* links neben dem Schließen-Button (X) der Lightbox */
	z-index: 2147483000; /* über der iLightBox-Oberfläche */
	display: none; /* per JS auf inline-flex gesetzt */
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px 0 14px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	background: rgba( 0, 0, 0, 0.55 );
	border-radius: 22px;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.4 );
	transition: background 0.2s ease;
}

.algd-download-btn:hover,
.algd-download-btn:focus {
	background: rgba( 0, 0, 0, 0.85 );
	color: #fff;
}

/* Text-Label */
.algd-download-btn .algd-label {
	display: inline-block;
}

/* Download-Icon (reines CSS, kein externes Bild nötig) */
.algd-download-btn .algd-icon {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.algd-download-btn .algd-icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 2px;
	height: 11px;
	background: currentColor;
	transform: translateX( -50% );
}

.algd-download-btn .algd-icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 5px;
	width: 9px;
	height: 9px;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateX( -50% ) rotate( -45deg );
}

/* Bodenlinie des Download-Symbols */
.algd-download-btn .algd-icon {
	background-image: linear-gradient( currentColor, currentColor );
	background-repeat: no-repeat;
	background-size: 16px 2px;
	background-position: center bottom;
}

/* Mobil: Button ist per JS in die iLightBox-Button-Leiste integriert (nur Icon).
 * Die Maße (width/height) setzt das JS passend zu den übrigen Toolbar-Buttons. */
/* Toolbar-Modus (mobil): Position + Maße setzt das JS (Overlay neben der Leiste).
 * Hier nur die Optik: nur Icon, transparent, mittig. */
.algd-download-btn.algd-in-toolbar {
	margin: 0;
	padding: 0;
	justify-content: center;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.algd-download-btn.algd-in-toolbar .algd-label {
	display: none; /* nur Icon in der Leiste */
}

.algd-download-btn.algd-in-toolbar .algd-icon {
	width: 18px;
	height: 18px;
}

/* Fallback: falls auf Mobil keine Toolbar gefunden wird, kompakt am oberen Rand */
@media ( max-width: 640px ) {
	.algd-download-btn:not( .algd-in-toolbar ) {
		top: 12px;
		right: 60px;
		height: 40px;
		padding: 0 12px;
		font-size: 13px;
	}
}