/**
 * /firmalar liste sayfası — modern kabuk
 * Kart stilleri: yeni-firmalar.css (.yf-*)
 */
.fl-bread {
	padding: 12px 0;
	background: linear-gradient(180deg, #f3f5f7, #eef0f2);
	border-bottom: 1px solid rgba(31, 37, 41, 0.06);
}

.fl-bread__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 0;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	color: #6b7380;
}

.fl-bread__list li {
	display: inline-flex;
	align-items: center;
}

.fl-bread__list li:not(:last-child)::after {
	content: "/";
	margin: 0 8px;
	color: #b0b8c2;
}

.fl-bread__list a {
	color: #3a4350;
	font-weight: 600;
	text-decoration: none;
}

.fl-bread__list a:hover {
	color: #a88412;
}

.fl-page.yf-page {
	--yf-accent: #c9a227;
	--yf-accent-deep: #a88412;
	padding-top: 36px;
	background:
		radial-gradient(ellipse 70% 45% at 10% 0%, rgba(39, 45, 49, 0.07), transparent 55%),
		radial-gradient(ellipse 50% 40% at 90% 5%, rgba(226, 160, 0, 0.1), transparent 50%),
		linear-gradient(165deg, #f5f6f8 0%, #eef0f2 48%, #e8eaed 100%);
}

#firma-liste-son.fl-page {
	text-align: left;
}

#firma-liste-son.fl-page .yf-head {
	text-align: center;
}

#firma-liste-son.fl-page h1,
#firma-liste-son.fl-page h3 {
	border-bottom: 0 !important;
}

.fl-search {
	max-width: 720px;
	margin: 0 auto 22px;
}

.fl-search__row {
	display: flex;
	align-items: center;
	gap: 0;
	background: #fff;
	border: 1px solid rgba(31, 37, 41, 0.1);
	border-radius: 14px;
	box-shadow: 0 10px 24px rgba(31, 37, 41, 0.06);
	overflow: hidden;
}

.fl-search__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	color: #8a96a8;
	flex-shrink: 0;
}

.fl-search__input {
	flex: 1;
	min-width: 0;
	height: 52px;
	border: 0;
	outline: none;
	box-shadow: none !important;
	background: transparent;
	font-size: 15px;
	color: #1f2529;
	padding: 0 4px 0 0;
}

.fl-search__btn {
	flex-shrink: 0;
	height: 52px;
	padding: 0 22px;
	border: 0;
	background: #272d31;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.18s ease;
}

.fl-search__btn:hover,
.fl-search__btn:focus {
	background: #3d474f;
	outline: none;
}

.fl-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 0 auto 24px;
}

.fl-filter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(31, 37, 41, 0.1);
	color: #1f2529;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	box-shadow: 0 4px 12px rgba(31, 37, 41, 0.04);
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.fl-filter:hover {
	border-color: rgba(201, 162, 39, 0.45);
	transform: translateY(-1px);
	color: #1f2529;
}

.fl-filter i { color: #c9a227; }

.fl-filter__x {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #eef1f4;
	color: #5a6578;
	font-size: 14px;
	line-height: 1;
}

.fl-vitrin {
	margin-bottom: 28px;
}

.fl-vitrin:empty {
	display: none;
	margin: 0;
}

.fl-grid {
	margin-bottom: 28px;
}

.fl-pagination {
	display: flex;
	justify-content: center;
	margin-top: 8px;
	padding-bottom: 8px;
}

.fl-pagination .pagination {
	margin: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(31, 37, 41, 0.06);
}

.fl-pagination .pagination > li > a,
.fl-pagination .pagination > li > span {
	border: 0;
	margin: 0;
	padding: 10px 14px;
	color: #3a4350;
	background: #fff;
	font-weight: 600;
}

.fl-pagination .pagination > li > a:hover {
	background: #f3f5f7;
	color: #1f2529;
}

.fl-pagination .pagination > .active > a,
.fl-pagination .pagination > .active > a:focus,
.fl-pagination .pagination > .active > a:hover,
.fl-pagination .pagination > .active > span {
	background: #272d31;
	color: #fff;
	border: 0;
}

.fl-pagination .pagination > .disabled > a,
.fl-pagination .pagination > .disabled > a:hover {
	background: #f7f8f9;
	color: #a0a8b3;
}

@media (max-width: 767px) {
	.fl-search__row { border-radius: 12px; }
	.fl-search__input { height: 48px; font-size: 14px; }
	.fl-search__btn { height: 48px; padding: 0 16px; }
	.fl-bread__list { font-size: 12px; }
}
