/*
CreaLabs Agency Coding
ASEL Turizm V43.7.4
Full Width Site + Controlled Section Inner Spacing
*/

/* Explicitly neutralize V43.7.3 boxed layout if its CSS is cached. */
.as-site-frame {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

body {
    padding: 0 !important;
}

html[data-theme="light"] body {
    background:
        var(--asel-page) !important;
}

html[data-theme="dark"] body {
    background:
        var(--asel-page) !important;
}

/*
 * Backgrounds stay full-width.
 * Only actual content wrappers are centered and pulled inward.
 */
html[data-section-inset="1"] :where(
    .as-container,
    .asel-container,
    .as-services-designer-container,
    .as-fleet-showcase-container,
    .as-v4365-stats-shell,
    .as-v4367-social-shell,
    .as-v4370-shell,
    .as-v4371-shell,
    .as-policy-shell,
    .as-related-fleet-shell,
    .as-vehicle-content-shell,
    .as-vehicle-cta-shell,
    .as-vehicle-detail-shell,
    .asel-contact-shell,
    .as-footer-container,
    .footer-container
) {
    width:
        min(
            var(--asel-section-max-width, 1560px),
            calc(
                100% -
                (
                    var(--asel-section-gutter, 32px)
                    * 2
                )
            )
        ) !important;
    max-width:
        var(--asel-section-max-width, 1560px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Header remains full width; only its navigation content is gently inset. */
html[data-section-inset="1"]
.as-v4367-nav {
    width:
        min(
            var(--asel-section-max-width, 1560px),
            calc(
                100% -
                (
                    var(--asel-section-gutter, 32px)
                    * 2
                )
            )
        ) !important;
    max-width:
        var(--asel-section-max-width, 1560px) !important;
}

/* Hero backgrounds stay edge-to-edge, hero content gets breathing room. */
html[data-section-inset="1"] :where(
    .as-home-hero > .as-container,
    .as-v4371-hero-shell,
    .as-page-hero > .as-container,
    .as-banner-content > .as-container
) {
    width:
        min(
            var(--asel-section-max-width, 1560px),
            calc(
                100% -
                (
                    var(--asel-section-gutter, 32px)
                    * 2
                )
            )
        ) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Stats retains its premium shell but no longer stretches too far. */
html[data-section-inset="1"]
.as-v4365-stats-section {
    padding-right:
        var(--asel-section-gutter, 32px) !important;
    padding-left:
        var(--asel-section-gutter, 32px) !important;
}

html[data-section-inset="1"]
.as-v4365-stats-shell {
    width:
        min(
            var(--asel-section-max-width, 1560px),
            100%
        ) !important;
}

/* Full-width section backgrounds remain untouched. */
:where(
    .as-section,
    .as-home-hero,
    .as-process-home,
    .as-fleet-showcase,
    .as-v4367-social-proof,
    .as-v4371-overview,
    .as-v4371-process,
    .as-v4371-fleet,
    .as-v4371-related,
    .as-v4371-final-cta,
    .as-v4370-footer
) {
    width: 100%;
    max-width: none;
}

/* Keep cards from touching viewport on medium screens. */
@media (min-width: 1024px) and (max-width: 1365px) {
    html[data-section-inset="1"] :where(
        .as-container,
        .asel-container,
        .as-services-designer-container,
        .as-fleet-showcase-container,
        .as-v4365-stats-shell,
        .as-v4367-social-shell,
        .as-v4370-shell,
        .as-v4371-shell,
        .as-policy-shell,
        .as-related-fleet-shell,
        .as-vehicle-content-shell,
        .as-vehicle-cta-shell,
        .as-vehicle-detail-shell,
        .asel-contact-shell
    ) {
        width:
            calc(
                100% -
                (
                    min(
                        var(--asel-section-gutter, 32px),
                        24px
                    )
                    * 2
                )
            ) !important;
    }
}

/* Mobile uses a practical, smaller inner margin. */
@media (max-width: 1023px) {
    html[data-section-inset="1"] :where(
        .as-container,
        .asel-container,
        .as-services-designer-container,
        .as-fleet-showcase-container,
        .as-v4365-stats-shell,
        .as-v4367-social-shell,
        .as-v4370-shell,
        .as-v4371-shell,
        .as-policy-shell,
        .as-related-fleet-shell,
        .as-vehicle-content-shell,
        .as-vehicle-cta-shell,
        .as-vehicle-detail-shell,
        .asel-contact-shell,
        .as-footer-container,
        .footer-container
    ) {
        width: calc(100% - 28px) !important;
        max-width: none !important;
    }

    html[data-section-inset="1"]
    .as-v4367-nav {
        width: calc(100% - 28px) !important;
    }

    html[data-section-inset="1"]
    .as-v4365-stats-section {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}