/**
 * Vergi Portal
 * Qanunvericilik səhifəsi
 */

/* ==========================================================
   Əsas dəyişənlər
   ========================================================== */

:root {
	--vp-legal-navy: #0b1f4d;
	--vp-legal-blue: #075cf6;
	--vp-legal-blue-dark: #004bd6;
	--vp-legal-blue-soft: #edf4ff;
	--vp-legal-cyan: #0eb8ae;
	--vp-legal-purple: #8a4df4;
	--vp-legal-orange: #f59b42;
	--vp-legal-green: #32b76b;
	--vp-legal-gray: #7b879f;

	--vp-legal-text: #14213d;
	--vp-legal-muted: #667085;
	--vp-legal-border: #dde5f0;
	--vp-legal-border-dark: #cfd8e6;
	--vp-legal-background: #f6f9fd;
	--vp-legal-card: #ffffff;

	--vp-legal-radius-sm: 8px;
	--vp-legal-radius-md: 12px;
	--vp-legal-radius-lg: 16px;

	--vp-legal-shadow:
		0 8px 28px rgba(11, 31, 77, 0.06);
}


/* ==========================================================
   Ümumi səhifə
   ========================================================== */

.vp-legislation-page {
	min-height: 100vh;
	color: var(--vp-legal-text);
	background:
		linear-gradient(
			180deg,
			#f7faff 0%,
			#f4f8fd 100%
		);
}

.vp-legislation-page *,
.vp-legislation-page *::before,
.vp-legislation-page *::after {
	box-sizing: border-box;
}

.vp-legislation-page a {
	color: inherit;
	text-decoration: none;
}

.vp-legislation-page button,
.vp-legislation-page input,
.vp-legislation-page select {
	font: inherit;
}

.vp-legislation-page svg {
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.vp-legislation-page .vp-container {
	width: min(100% - 40px, 1360px);
	margin-inline: auto;
}


/* ==========================================================
   Hero
   ========================================================== */

.vp-legislation-hero {
	padding: 34px 0 18px;
}

.vp-legislation-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	color: var(--vp-legal-muted);
	font-size: 14px;
	line-height: 1.5;
}

.vp-legislation-breadcrumb a {
	transition:
		color 0.2s ease,
		opacity 0.2s ease;
}

.vp-legislation-breadcrumb a:hover {
	color: var(--vp-legal-blue);
}

.vp-legislation-breadcrumb span[aria-hidden="true"] {
	color: #9ca8bb;
	font-size: 18px;
	line-height: 1;
}

.vp-legislation-title {
	margin: 0;
	color: var(--vp-legal-navy);
	font-size: clamp(32px, 3vw, 48px);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -0.035em;
}

.vp-legislation-description {
	max-width: 760px;
	margin: 10px 0 0;
	color: #53617a;
	font-size: 16px;
	line-height: 1.65;
}


/* ==========================================================
   Əsas layout
   ========================================================== */

.vp-legislation-content {
	padding: 0 0 48px;
}

.vp-legislation-layout {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}

.vp-legislation-sidebar {
	display: grid;
	gap: 18px;
	position: sticky;
	top: 110px;
}

.vp-legislation-main {
	min-width: 0;
}


/* ==========================================================
   Filter kartları
   ========================================================== */

.vp-legislation-filter-card {
	padding: 18px;
	border: 1px solid var(--vp-legal-border);
	border-radius: var(--vp-legal-radius-md);
	background: var(--vp-legal-card);
	box-shadow: var(--vp-legal-shadow);
}

.vp-legislation-filter-title {
	margin: 0 0 14px;
	color: var(--vp-legal-navy);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.3;
}

.vp-legislation-type-list,
.vp-legislation-year-list {
	display: grid;
	gap: 5px;
}

.vp-legislation-type-item,
.vp-legislation-year-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 42px;
	padding: 7px 8px;
	border-radius: 9px;
	color: #263451;
	font-size: 14px;
	font-weight: 600;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		transform 0.2s ease;
}

.vp-legislation-type-item:hover,
.vp-legislation-year-item:hover {
	color: var(--vp-legal-blue);
	background: #f4f8ff;
	transform: translateX(2px);
}

.vp-legislation-type-item.is-active,
.vp-legislation-year-item.is-active {
	color: var(--vp-legal-blue);
	background: var(--vp-legal-blue-soft);
}

.vp-legislation-type-main,
.vp-legislation-year-main {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.vp-legislation-type-main > span:last-child,
.vp-legislation-year-main > span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
}

.vp-legislation-type-count,
.vp-legislation-year-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 34px;
	height: 26px;
	padding-inline: 8px;
	border-radius: 999px;
	color: #31405d;
	background: #edf1f7;
	font-size: 12px;
	font-weight: 700;
}

.vp-legislation-type-item.is-active
.vp-legislation-type-count,
.vp-legislation-year-item.is-active
.vp-legislation-year-count {
	color: var(--vp-legal-blue);
	background: #dce9ff;
}

.vp-legislation-year-main > span:first-child {
	color: #7f8ba1;
	font-size: 20px;
	line-height: 1;
}

.vp-legislation-reset-filter {
	display: inline-flex;
	margin-top: 8px;
	color: var(--vp-legal-blue);
	font-size: 13px;
	font-weight: 700;
}

.vp-legislation-reset-filter:hover {
	text-decoration: underline;
}


/* ==========================================================
   Sənəd növü ikonları
   ========================================================== */

.vp-legal-type-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 8px;
}

.vp-legal-type-icon svg {
	width: 16px;
	height: 16px;
}

.vp-legal-type-icon--blue {
	color: var(--vp-legal-blue);
	background: #e7f0ff;
}

.vp-legal-type-icon--cyan {
	color: var(--vp-legal-cyan);
	background: #e3fbf8;
}

.vp-legal-type-icon--purple {
	color: var(--vp-legal-purple);
	background: #f1eaff;
}

.vp-legal-type-icon--orange {
	color: var(--vp-legal-orange);
	background: #fff0df;
}

.vp-legal-type-icon--green {
	color: var(--vp-legal-green);
	background: #e4f8eb;
}

.vp-legal-type-icon--navy {
	color: #2e59c8;
	background: #e8edff;
}

.vp-legal-type-icon--gray {
	color: var(--vp-legal-gray);
	background: #edf0f5;
}


/* ==========================================================
   Toolbar
   ========================================================== */

.vp-legislation-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 220px;
	gap: 18px;
	align-items: center;
	margin-bottom: 16px;
}

.vp-legislation-search {
	position: relative;
}

.vp-legislation-search input {
	width: 100%;
	height: 52px;
	padding: 0 54px 0 18px;
	border: 1px solid var(--vp-legal-border-dark);
	border-radius: 10px;
	outline: none;
	color: var(--vp-legal-text);
	background: #ffffff;
	font-size: 15px;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.vp-legislation-search input::placeholder {
	color: #8b97aa;
}

.vp-legislation-search input:hover {
	border-color: #b7c5d9;
}

.vp-legislation-search input:focus {
	border-color: var(--vp-legal-blue);
	box-shadow:
		0 0 0 4px rgba(7, 92, 246, 0.1);
}

.vp-legislation-search-button {
	position: absolute;
	top: 50%;
	right: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	color: var(--vp-legal-navy);
	background: transparent;
	cursor: pointer;
	transform: translateY(-50%);
	transition:
		color 0.2s ease,
		background-color 0.2s ease;
}

.vp-legislation-search-button:hover {
	color: var(--vp-legal-blue);
	background: var(--vp-legal-blue-soft);
}

.vp-legislation-search-button svg {
	width: 21px;
	height: 21px;
}

.vp-legislation-sort select {
	width: 100%;
	height: 52px;
	padding: 0 42px 0 15px;
	border: 1px solid var(--vp-legal-border-dark);
	border-radius: 10px;
	outline: none;
	color: var(--vp-legal-text);
	background-color: #ffffff;
	background-image:
		linear-gradient(45deg, transparent 50%, #667085 50%),
		linear-gradient(135deg, #667085 50%, transparent 50%);
	background-position:
		calc(100% - 18px) 22px,
		calc(100% - 13px) 22px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	appearance: none;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.vp-legislation-sort select:focus {
	border-color: var(--vp-legal-blue);
	box-shadow:
		0 0 0 4px rgba(7, 92, 246, 0.1);
}

.vp-legislation-result-summary {
	margin-bottom: 14px;
	color: #46536c;
	font-size: 14px;
}

.vp-legislation-result-summary strong {
	color: var(--vp-legal-navy);
	font-weight: 800;
}


/* ==========================================================
   Sənəd siyahısı
   ========================================================== */

.vp-legislation-documents {
	display: grid;
	gap: 10px;
}

.vp-legislation-document-card {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) 140px 170px;
	gap: 16px;
	align-items: center;
	min-height: 102px;
	padding: 14px 16px;
	border: 1px solid #e1e8f2;
	border-radius: 11px;
	background: #ffffff;
	box-shadow:
		0 4px 16px rgba(11, 31, 77, 0.035);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.vp-legislation-document-card:hover {
	border-color: #c8d7ec;
	box-shadow:
		0 10px 28px rgba(11, 31, 77, 0.08);
	transform: translateY(-1px);
}

.vp-legislation-document-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	color: var(--vp-legal-blue);
	background:
		linear-gradient(
			135deg,
			#edf4ff 0%,
			#e3edff 100%
		);
}

.vp-legislation-document-icon svg {
	width: 25px;
	height: 25px;
	stroke-width: 1.9;
}

.vp-legislation-document-body {
	min-width: 0;
}

.vp-legislation-document-title {
	margin: 0;
	color: var(--vp-legal-navy);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.45;
}

.vp-legislation-document-title a {
	display: inline;
	transition: color 0.2s ease;
}

.vp-legislation-document-title a:hover {
	color: var(--vp-legal-blue);
}

.vp-legislation-document-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 7px;
}

.vp-legislation-document-tags span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 8px;
	border-radius: 6px;
	color: #33415d;
	background: #edf2f8;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
}

.vp-legislation-document-excerpt {
	margin: 7px 0 0;
	color: #64718a;
	font-size: 13px;
	line-height: 1.5;
}

.vp-legislation-document-meta {
	display: grid;
	gap: 8px;
	align-content: center;
}

.vp-legislation-document-date {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #3d4a63;
	font-size: 12px;
	font-weight: 600;
}

.vp-legislation-document-date svg {
	width: 16px;
	height: 16px;
	color: var(--vp-legal-navy);
}

.vp-legislation-file-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
}

.vp-legislation-file-info span {
	display: inline-flex;
	align-items: center;
	min-height: 23px;
	padding: 3px 7px;
	border-radius: 5px;
	color: #30405f;
	background: #eaf0f8;
	font-size: 11px;
	font-weight: 800;
}

.vp-legislation-document-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.vp-legislation-action-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	padding: 9px 12px;
	border: 1px solid #c9daf4;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
	transition:
		color 0.2s ease,
		background-color 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
}

.vp-legislation-action-button svg {
	width: 17px;
	height: 17px;
}

.vp-legislation-action-button:hover {
	transform: translateY(-1px);
}

.vp-legislation-action-button--view {
	color: var(--vp-legal-blue);
	background: #ffffff;
}

.vp-legislation-action-button--view:hover {
	border-color: var(--vp-legal-blue);
	background: #f4f8ff;
}

.vp-legislation-action-button--download {
	color: var(--vp-legal-blue);
	border-color: transparent;
	background: #eaf2ff;
}

.vp-legislation-action-button--download:hover {
	color: #ffffff;
	background: var(--vp-legal-blue);
}


/* ==========================================================
   Boş nəticə
   ========================================================== */

.vp-legislation-empty {
	display: grid;
	justify-items: center;
	padding: 70px 24px;
	border: 1px dashed #cbd7e8;
	border-radius: var(--vp-legal-radius-md);
	text-align: center;
	background: #ffffff;
}

.vp-legislation-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 18px;
	border-radius: 18px;
	color: var(--vp-legal-blue);
	background: var(--vp-legal-blue-soft);
}

.vp-legislation-empty-icon svg {
	width: 30px;
	height: 30px;
}

.vp-legislation-empty h2 {
	margin: 0;
	color: var(--vp-legal-navy);
	font-size: 22px;
	font-weight: 800;
}

.vp-legislation-empty p {
	max-width: 430px;
	margin: 10px 0 18px;
	color: var(--vp-legal-muted);
	font-size: 14px;
	line-height: 1.6;
}

.vp-legislation-empty a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 18px;
	border-radius: 8px;
	color: #ffffff;
	background: var(--vp-legal-blue);
	font-size: 13px;
	font-weight: 800;
}

.vp-legislation-empty a:hover {
	background: var(--vp-legal-blue-dark);
}


/* ==========================================================
   Pagination
   ========================================================== */

.vp-legislation-pagination {
	display: flex;
	justify-content: center;
	margin-top: 22px;
}

.vp-legislation-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vp-legislation-pagination .page-numbers li {
	margin: 0;
}

.vp-legislation-pagination a.page-numbers,
.vp-legislation-pagination span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid var(--vp-legal-border);
	border-radius: 7px;
	color: #32405d;
	background: #ffffff;
	font-size: 13px;
	font-weight: 700;
	transition:
		color 0.2s ease,
		background-color 0.2s ease,
		border-color 0.2s ease;
}

.vp-legislation-pagination a.page-numbers:hover {
	color: var(--vp-legal-blue);
	border-color: #a9c4f2;
	background: #f4f8ff;
}

.vp-legislation-pagination span.page-numbers.current {
	color: #ffffff;
	border-color: var(--vp-legal-blue);
	background: var(--vp-legal-blue);
}

.vp-legislation-pagination .prev,
.vp-legislation-pagination .next {
	font-size: 20px;
	font-weight: 500;
}


/* ==========================================================
   Focus görünüşü
   ========================================================== */

.vp-legislation-page a:focus-visible,
.vp-legislation-page button:focus-visible,
.vp-legislation-page input:focus-visible,
.vp-legislation-page select:focus-visible {
	outline: 3px solid rgba(7, 92, 246, 0.22);
	outline-offset: 2px;
}


/* ==========================================================
   Planşet
   ========================================================== */

@media (max-width: 1100px) {

	.vp-legislation-layout {
		grid-template-columns: 235px minmax(0, 1fr);
		gap: 20px;
	}

	.vp-legislation-document-card {
		grid-template-columns: 50px minmax(0, 1fr) 120px;
	}

	.vp-legislation-document-actions {
		grid-column: 2 / -1;
		display: flex;
		justify-content: flex-end;
	}

	.vp-legislation-action-button {
		min-width: 105px;
	}

}


/* ==========================================================
   Kiçik planşet
   ========================================================== */

@media (max-width: 900px) {

	.vp-legislation-page .vp-container {
		width: min(100% - 28px, 1360px);
	}

	.vp-legislation-layout {
		grid-template-columns: 1fr;
	}

	.vp-legislation-sidebar {
		position: static;
		grid-template-columns: 1fr 1fr;
	}

	.vp-legislation-toolbar {
		grid-template-columns: minmax(0, 1fr) 210px;
	}

}


/* ==========================================================
   Mobil
   ========================================================== */

@media (max-width: 700px) {

	.vp-legislation-hero {
		padding-top: 24px;
	}

	.vp-legislation-title {
		font-size: 34px;
	}

	.vp-legislation-description {
		font-size: 15px;
	}

	.vp-legislation-sidebar {
		grid-template-columns: 1fr;
	}

	.vp-legislation-toolbar {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.vp-legislation-search input,
	.vp-legislation-sort select {
		height: 48px;
	}

	.vp-legislation-document-card {
		grid-template-columns: 46px minmax(0, 1fr);
		gap: 12px;
		align-items: start;
		padding: 14px;
	}

	.vp-legislation-document-icon {
		width: 44px;
		height: 44px;
	}

	.vp-legislation-document-meta {
		grid-column: 2;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
	}

	.vp-legislation-document-actions {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100%;
	}

	.vp-legislation-action-button {
		min-width: 0;
	}

}


/* ==========================================================
   Dar mobil
   ========================================================== */

@media (max-width: 480px) {

	.vp-legislation-page .vp-container {
		width: min(100% - 20px, 1360px);
	}

	.vp-legislation-title {
		font-size: 30px;
	}

	.vp-legislation-filter-card {
		padding: 15px;
	}

	.vp-legislation-type-item,
	.vp-legislation-year-item {
		font-size: 13px;
	}

	.vp-legislation-document-card {
		grid-template-columns: 1fr;
	}

	.vp-legislation-document-icon {
		width: 46px;
		height: 46px;
	}

	.vp-legislation-document-meta {
		grid-column: auto;
	}

	.vp-legislation-document-actions {
		grid-column: auto;
	}

	.vp-legislation-document-title {
		font-size: 14px;
	}

	.vp-legislation-document-excerpt {
		font-size: 12px;
	}

}


/* ==========================================================
   Çap
   ========================================================== */

@media print {

	.vp-legislation-sidebar,
	.vp-legislation-toolbar,
	.vp-legislation-document-actions,
	.vp-legislation-pagination {
		display: none !important;
	}

	.vp-legislation-page {
		background: #ffffff;
	}

	.vp-legislation-layout {
		display: block;
	}

	.vp-legislation-document-card {
		break-inside: avoid;
		box-shadow: none;
	}

}