/**
 * Lightweight compatibility layer for the Elementor-based legacy Mobit header.
 * The root keeps a safe fallback gradient. Existing ParsKala dynamic CSS still
 * targets `.header-mobiter header` and therefore wins on the inner <header>.
 */
.header-mobiter.prk-header-template--legacy-mobit {
    width: 100%;
    margin: 0 0 24px;
    color: #fff;
    background: linear-gradient(
        135deg,
        var(--prk-color-gradient-start, var(--prk-color-primary, #242424)),
        var(--prk-color-gradient-end, var(--prk-color-secondary, #343434))
    );
}

.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__inner {
    width: 100%;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 10px 42px;
    color: inherit;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__brand-nav,
.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__search-actions,
.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__actions {
    display: flex;
    align-items: center;
    min-width: 0;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__brand-nav {
    flex: 1 1 46%;
    justify-content: flex-start;
    gap: 32px;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__search-actions {
    flex: 1 1 54%;
    justify-content: flex-end;
    gap: 22px;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__search {
    flex: 1 1 auto;
    min-width: 260px;
    max-width: 560px;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__actions {
    width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
    justify-content: flex-end;
    gap: 14px;
    white-space: nowrap;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-header-logo,
.header-mobiter.prk-header-template--legacy-mobit .prk-header-logo a {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-header-logo img {
    width: auto;
    max-width: 132px;
    max-height: 48px;
    object-fit: contain;
}

.header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu,
.header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu > li,
.header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu > li > a {
    display: flex;
    align-items: center;
}

.header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu {
    gap: 25px;
    margin: 0;
    padding: 0;
}

.header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu > li > a,
.header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu > li > a .title,
.header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu > li > a i {
    color: inherit;
}

.header-mobiter.prk-header-template--legacy-mobit .form_search,
.header-mobiter.prk-header-template--legacy-mobit .search-section {
    width: 100%;
}

.header-mobiter.prk-header-template--legacy-mobit .form_search.desktop,
.header-mobiter.prk-header-template--legacy-mobit .search-section {
    min-height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.09);
    box-shadow: none;
}

.header-mobiter.prk-header-template--legacy-mobit .prk_input_serach,
.header-mobiter.prk-header-template--legacy-mobit .form_search button,
.header-mobiter.prk-header-template--legacy-mobit .search-section button {
    color: #fff;
}

.header-mobiter.prk-header-template--legacy-mobit .prk_input_serach::placeholder {
    color: rgba(255, 255, 255, 0.92);
}

.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-call--mobile,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-mobile {
    display: none !important;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-call--desktop,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-button,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button {
    color: inherit;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-call__link--desktop,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-button,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button {
    min-height: 42px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-call__icon,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-button__icon,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-button__text,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-button__arrow,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button__icon {
    color: inherit;
}

/* Elementor account colors must win over the reusable default-header skin. */
.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button__icon,
.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button__icon i,
.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button__icon svg {
    color: var(--prk-theme-account-icon-color, inherit) !important;
    fill: var(--prk-theme-account-icon-color, inherit) !important;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button__text {
    color: var(--prk-theme-account-text-color, inherit) !important;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button__arrow {
    color: var(--prk-theme-account-arrow-color, inherit) !important;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button:hover .prk-dh-account-button__icon,
.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button:hover .prk-dh-account-button__icon i,
.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button:hover .prk-dh-account-button__icon svg {
    color: var(--prk-theme-account-icon-color-hover, var(--prk-theme-account-icon-color, inherit)) !important;
    fill: var(--prk-theme-account-icon-color-hover, var(--prk-theme-account-icon-color, inherit)) !important;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button:hover .prk-dh-account-button__text {
    color: var(--prk-theme-account-text-color-hover, var(--prk-theme-account-text-color, inherit)) !important;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-theme-header-action--account .prk-dh-account-button:hover .prk-dh-account-button__arrow {
    color: var(--prk-theme-account-arrow-color-hover, var(--prk-theme-account-arrow-color, inherit)) !important;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-button__text,
.header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button__label {
    font-size: 12px;
    font-weight: 700;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button {
    gap: 6px;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button__label {
    color: inherit;
}

.header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button__count {
    background: #ef4056;
    color: #fff;
}

@media (min-width: 1024px) {
    .header-mobiter.prk-header-template--legacy-mobit .prk-dh-call--desktop,
    .header-mobiter.prk-header-template--legacy-mobit .prk-dh-account-button,
    .header-mobiter.prk-header-template--legacy-mobit .prk-dh-cart-button {
        display: inline-flex !important;
    }
}

@media (max-width: 1280px) {
    .header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__inner {
        gap: 18px;
        padding-inline: 24px;
    }

    .header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__brand-nav {
        gap: 20px;
    }

    .header-mobiter.prk-header-template--legacy-mobit .prk_mega_menu {
        gap: 16px;
    }

    .header-mobiter.prk-header-template--legacy-mobit .prk-legacy-mobit__search-actions {
        gap: 14px;
    }
}

@media (max-width: 1023px) {
    .header-mobiter.prk-header-template--legacy-mobit {
        display: none !important;
    }
}