/* =========================================================
   VERGİ PORTAL — ÜMUMİ STİLLƏR
========================================================= */

:root {
	--vp-container: 1200px;
	--vp-blue: #0865e7;
	--vp-navy: #102743;
	--vp-text: #5f7085;
	--vp-border: #dce5ef;
	--vp-bg: #f5f8fc;
	--vp-white: #ffffff;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	min-height: 100%;
	scroll-behavior: smooth;
}

body.vp-site {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin: 0;
	overflow-x: hidden;
	background: var(--vp-white);
	color: var(--vp-navy);
}

body.vp-site img,
body.vp-site svg {
	max-width: 100%;
}

body.vp-site a {
	text-decoration: none;
}

/* Ümumi məzmun konteyneri */
.vp-container {
	width: min(calc(100% - 48px), var(--vp-container));
	margin-inline: auto;
}

/*
 * Səhifənin əsas məzmun hissəsini uzadır.
 * Məzmun az olduqda footer aşağıda qalır.
 */
.vp-site-main,
.site-main,
main {
	width: 100%;
	min-width: 0;
	flex: 1 0 auto;
}

/*
 * Blocksy və WordPress-in əsas səhifə örtükləri.
 * Bunların da şaquli istiqamətdə uzanmasına icazə verir.
 */
#main-container,
.site,
.site-content,
.ct-container-full,
.ct-container {
	min-width: 0;
}

/* Footer heç vaxt sıxılmır */
.vp-footer {
	flex-shrink: 0;
	margin-top: auto;
}

.vp-page-section {
	padding-block: 56px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

[hidden] {
	display: none !important;
}

@media (max-width: 767px) {
	.vp-container {
		width: min(calc(100% - 30px), var(--vp-container));
	}

	.vp-page-section {
		padding-block: 38px;
	}
}