/* ─── Section Heading ─────────────────────────────────────────────────────── */

.fidyat-section-heading {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	margin-block-end: var(--space-6);
}

/* Title — full width, start-aligned (right in RTL) */
.fidyat-section-heading__title {
	font-family: var(--font-display);
	font-size: var(--fs-h2);
	font-weight: 700;
	color: var(--color-light);
	margin: 0;
	line-height: 1.2;
	text-align: start;
}

/* Meta row: subtitle (start) + link (end) on the same line */
.fidyat-section-heading__meta {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--space-4);
}

.fidyat-section-heading__subtitle {
	font-size: var(--fs-body-sm);
	color: var(--color-text-muted);
	margin: 0;
	line-height: 1.6;
	max-width: 60ch;
}

/* View-all link — always sits at the far end (left in RTL, right in LTR) */
.fidyat-section-heading__link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	font-size: var(--fs-body-sm);
	font-weight: 600;
	color: var(--color-light);
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	margin-inline-start: auto; /* push to opposite end of the title regardless of subtitle */
	transition: color var(--motion-fast), gap var(--motion-fast);
}

.fidyat-section-heading__link:hover {
	color: var(--color-lite);
}

.fidyat-section-heading__arrow {
	display: inline-block;
	font-size: 1.1em;
	transition: transform var(--motion-fast);
}

.fidyat-section-heading__link:hover .fidyat-section-heading__arrow {
	transform: translateX(-4px);
}

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

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

/* Divider line */
.fidyat-section-heading__divider {
	border: none;
	border-block-start: 1px solid rgba(255 255 255 / 0.1);
	margin: 0;
}

/* ── Center variant ───────────────────────────────────────────────────────── */
.fidyat-section-heading--center .fidyat-section-heading__title {
	text-align: center;
}

.fidyat-section-heading--center .fidyat-section-heading__meta {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* ── Bottom CTA (link_position = 'bottom') ───────────────────────────────── */
/* Used when the view-all link sits below the section content rather than     */
/* inline with the heading. Callers render .fidyat-section__cta themselves.  */

.fidyat-section__cta {
	display: flex;
	justify-content: center;
	margin-block-start: var(--space-6);
}

.fidyat-section__view-all {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: 0.6em 1.6em;
	border: 1px solid rgba(255 255 255 / 0.18);
	border-radius: 100px;
	font-size: var(--fs-body-sm);
	font-weight: 600;
	color: var(--color-light);
	text-decoration: none;
	background: rgba(255 255 255 / 0.04);
	backdrop-filter: blur(8px);
	transition: background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), gap var(--motion-fast);
	white-space: nowrap;
}

.fidyat-section__view-all:hover {
	background: rgba(255 255 255 / 0.10);
	border-color: rgba(255 255 255 / 0.35);
	color: #fff;
}

.fidyat-section__view-all-arrow {
	display: inline-block;
	font-size: 1.1em;
	transition: transform var(--motion-fast);
}

.fidyat-section__view-all:hover .fidyat-section__view-all-arrow {
	transform: translateX(-4px);
}

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

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

/* ── Mobile ───────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
	.fidyat-section-heading__title {
		font-size: var(--fs-h3);
	}

	.fidyat-section-heading__meta {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-2);
	}
}