:root {
    --vs-theme-color1: #1CA2BA;
}

[data-aos^="fade"][data-aos^="fade"] {
    padding: 10px !important;
}

/* Disable text-capitalize site-wide for Ukrainian text */
.text-capitalize {
    text-transform: none !important;
}

/* Emulate template utility classes for WYSIWYG typography */
.content-typography p {
    margin-block-start: var(--size-5);
}

.content-typography h2, 
.content-typography h3, 
.content-typography h4, 
.content-typography h5, 
.content-typography h6 {
    margin-block-start: var(--size-8);
}

/* Ensure standard lists look good */
.content-typography ul {
    margin-block-start: var(--size-5);
    padding-left: 1.5rem;
    list-style-type: disc;
}

.content-typography ol {
    margin-block-start: var(--size-5);
    padding-left: 1.5rem;
    list-style-type: decimal;
}

.content-typography li {
    margin-bottom: var(--size-2);
}

/* Themed figure images inside WYSIWYG content */
.content-typography figure.split-reveal {
    margin-block-start: var(--size-5);
    margin-inline: 0;
    width: 100%;
    max-width: 100%;
}

.content-typography figure.split-reveal img {
    max-height: 500px;
    width: 100%;
}

.counter-item .counter-text {
    min-height: 240px;
}

/* ========== Partner Diesel Banner ========== */
.partner-diesel-banner {
    padding: 60px 0;
}

.partner-diesel-tag {
    font-size: 0.95rem;
}

.max-w-620-px {
    max-width: 620px;
}


@media (max-width: 991px) {
    .partner-diesel-content {
        padding: 2rem 1.5rem !important;
    }
    .partner-diesel-banner {
        padding: 40px 0;
    }
}

/* ========== Language Switcher (Header) ========== */
.language-switcher {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header__lang-link {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
    line-height: 1;
}

.header__lang-link:hover {
    color: #fff;
    text-decoration: underline;
}

.header__lang-link_active {
    color: #fff;
    font-weight: 700;
    opacity: 1;
    cursor: default;
}

.language-switcher .header__lang-link + .header__lang-link,
.language-switcher .header__lang-link + .header__lang-link_active,
.language-switcher .header__lang-link_active + .header__lang-link {
    padding-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
}

/* ========== Header Phone — Responsive ========== */

/* Desktop narrow (992px–1199px): smaller icon, smaller font */
@media (min-width: 992px) and (max-width: 1199px) {
    .header .phone-info > span:first-child {
        width: 28px !important;
        height: 28px !important;
    }
    .header .phone-info > span:first-child img {
        width: 12px;
    }
    .header .phone-info a {
        font-size: 14px;
    }
    .header .phone-info {
        gap: 6px !important;
    }
}

/* Desktop medium (1200px–1399px): show icon, slightly smaller font */
@media (min-width: 1200px) and (max-width: 1399px) {
    .header .phone-info a {
        font-size: 15px;
    }
    .header .phone-info > span:first-child {
        width: 32px !important;
        height: 32px !important;
    }
    .header .phone-info > span:first-child img {
        width: 14px;
    }
}

/* Mobile phone link (<992px) */
.header-phone-mobile {
    font-size: 18px;
    white-space: nowrap;
    text-decoration: none;
    line-height: 1;
}

/* Larger lang switcher in mobile header (<992px) */
.d-lg-none .header__lang-link {
    font-size: 16px;
}

/* Medium-small screens (<500px): scale down fonts slightly and hide phone icon */
@media (max-width: 499px) {
    .mobile-phone-icon {
        display: none !important;
    }
    .header-phone-mobile {
        font-size: 15px;
    }
    .d-lg-none .header__lang-link {
        font-size: 0.875rem; /* 14px */
    }
}

/* Small screens (<400px): hide lang switcher from header, phone stays visible */
@media (max-width: 399px) {
    .d-lg-none > .language-switcher {
        display: none !important;
    }
}

/* ========== Language Switcher inside Hamburger Menu ========== */
.mobile-menu__lang-switcher {
    border-color: #ddd !important;
}

.mobile-menu__lang-switcher .header__lang-link,
.mobile-menu__lang-switcher .header__lang-link_active {
    color: rgba(0, 0, 0, 0.6);
}

.mobile-menu__lang-switcher .header__lang-link:hover {
    color: #000;
}

.mobile-menu__lang-switcher .header__lang-link_active {
    color: #000;
}

.mobile-menu__lang-switcher .language-switcher .header__lang-link + .header__lang-link,
.mobile-menu__lang-switcher .language-switcher .header__lang-link + .header__lang-link_active,
.mobile-menu__lang-switcher .language-switcher .header__lang-link_active + .header__lang-link {
    border-left-color: rgba(0, 0, 0, 0.2);
}