/* ==========================================================
   VERGİ PORTAL — VAHİD SƏHİFƏ ENİ
   Ana səhifənin vizual eninə uyğunlaşdırma
========================================================== */

:root {
    --vp-site-content-width: 1200px;
    --vp-site-gutter: 40px;
}

/* Sayt daxilində istifadə olunan əsas konteynerlər */
:where(
    .vp-container,
    .vp-services-container,
    .vp-service-container,
    .vp-legislation-container,
    .vp-single-legislation-container,
    .vp-payment-container,
    .vp-declarations-container,
    .vp-beyannameler-container,
    .vp-eqaime-container,
    .vp-new-application-container,
    .vp-new-request-container,
    .vp-contact-container,
    .vp-faq-container,
    .vp-news-container,
    .vp-archive-container,
    .vp-page-container,
    .vpcrm-public-container,
    main.vp-payment-page > .vp-payment-container,
    main.vp-legislation-page > .vp-legislation-container,
    main.vp-services-page > .vp-services-container
) {
    width: min(calc(100% - var(--vp-site-gutter)), var(--vp-site-content-width)) !important;
    max-width: var(--vp-site-content-width) !important;
    margin-inline: auto !important;
}

/* Blocksy və WordPress tərəfindən verilən artıq en məhdudiyyətlərini söndürür */
:where(
    .vp-home,
    .vp-services-page,
    .vp-service-page,
    .vp-legislation-page,
    .vp-payment-page,
    .vp-declarations-page,
    .vp-beyannameler-page,
    .vp-eqaime-page,
    .vp-new-application-page,
    .vp-new-request-page
) {
    --theme-block-max-width: var(--vp-site-content-width);
    --theme-normal-container-max-width: var(--vp-site-content-width);
    --theme-content-vertical-spacing: 0;
}

/* Bəzi səhifələrdə konteyner adı olmadan birbaşa section istifadə olunursa */
:where(
    .vp-services-page,
    .vp-legislation-page,
    .vp-payment-page,
    .vp-declarations-page,
    .vp-beyannameler-page,
    .vp-eqaime-page,
    .vp-new-application-page,
    .vp-new-request-page
) > :where(section, header, nav, .vp-page-inner) {
    width: min(calc(100% - var(--vp-site-gutter)), var(--vp-site-content-width));
    max-width: var(--vp-site-content-width);
    margin-inline: auto;
}

/* Arxiv və grid-lərdə daxili məzmunun daşmasının qarşısı */
:where(
    .vp-services-layout,
    .vp-legislation-layout,
    .vp-payment-layout,
    .vp-declarations-layout,
    .vp-new-application-layout
) {
    min-width: 0;
    width: 100%;
}

@media (max-width: 700px) {
    :root {
        --vp-site-gutter: 24px;
    }
}

@media (max-width: 480px) {
    :root {
        --vp-site-gutter: 18px;
    }
}