/* ─── Buttons ─────────────────────────────────────────────────────────────── */

/* Shared gradient token used by primary buttons and pills */
:root {
	--gradient-btn-primary: radial-gradient(91.69% 100% at 50% 0%, #7875F8 0%, #504CEE 100%);
	--gradient-btn-primary-hover: radial-gradient(91.69% 100% at 50% 0%, #9593fa 0%, #6a67f0 100%);
}

.fidyat-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 7px 20px;
	border-radius: 16px;
	font-family: var(--font-text);
	font-size: var(--fs-body);
	font-weight: 600;
	line-height: 135%;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	min-height: 44px;
	transition:
		transform var(--motion-fast),
		box-shadow var(--motion-fast),
		filter var(--motion-fast);
}

.fidyat-button:hover {
	transform: translateY(-1px);
}

.fidyat-button:active {
	transform: translateY(0);
}

.fidyat-button:focus-visible {
	outline: 2px solid var(--color-lite);
	outline-offset: 3px;
}

/* ── Primary ──────────────────────────────────────────────────────────────── */

.fidyat-button--primary {
	background: var(--gradient-btn-primary);
	color: #fff;
	box-shadow: var(--shadow-cta);
}

.fidyat-button--primary:hover {
	background: var(--gradient-btn-primary-hover);
	color: #fff;          /* maintain white text — gradient stays light */
	filter: brightness(1.08);
}

/* ── Secondary ────────────────────────────────────────────────────────────── */

.fidyat-button--secondary {
	background: var(--color-secondary);
	color: var(--color-main);
}

.fidyat-button--secondary:hover {
	background: color-mix(in srgb, var(--color-secondary) 85%, #fff);
	color: var(--color-main);   /* dark text stays on light gold — good contrast */
}

/* ── Ghost ────────────────────────────────────────────────────────────────── */

.fidyat-button--ghost {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255 255 255 / 0.25);
}

.fidyat-button--ghost:hover {
	background: rgba(255 255 255 / 0.08);
	color: #fff;
	border-color: rgba(255 255 255 / 0.5);
}

/* ── Pill (nav label / category chip) ────────────────────────────────────── */

.fidyat-button--pill {
	background: var(--gradient-btn-primary);
	color: #fff;
	padding: 7px 20px;
	font-size: 16px;
	min-height: 36px;
}

.fidyat-button--pill:hover {
	filter: brightness(1.1);
	color: #fff;
}

/* ── Icon only ────────────────────────────────────────────────────────────── */

.fidyat-button--icon {
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 50%;
}

/* ── Sizes ────────────────────────────────────────────────────────────────── */

.fidyat-button--lg {
	padding: 14px 32px;
	font-size: var(--fs-body);
	min-height: 52px;
}

.fidyat-button--sm {
	padding: 6px 16px;
	font-size: var(--fs-body-sm);
	min-height: 36px;
}

/* ── Disabled ─────────────────────────────────────────────────────────────── */

.fidyat-button[disabled],
.fidyat-button[aria-disabled="true"] {
	opacity: 0.45;
	pointer-events: none;
	transform: none;
}

/* ── Arrow ────────────────────────────────────────────────────────────────── */

.fidyat-button__arrow {
	display: inline-block;
	transition: transform var(--motion-fast);
}

.fidyat-button:hover .fidyat-button__arrow {
	transform: translateX(-4px);
}

[dir="ltr"] .fidyat-button__arrow {
	transform: scaleX(-1);
}

[dir="ltr"] .fidyat-button:hover .fidyat-button__arrow {
	transform: scaleX(-1) translateX(-4px);
}