/* Reusable catalog navigation component for the Editorium live themes. */
html.et001-theme .et001-catalog-nav {
    --editorium-tree-accent: #f97316;
    --editorium-tree-accent-hover: #fff7ed;
    --et001-catalog-nav-font-size: 0.86rem;
    --et001-catalog-nav-font-weight: 400;
    --et001-catalog-nav-parent-font-size: 0.86rem;
    --et001-catalog-nav-parent-font-weight: 500;
    --et001-catalog-nav-child-font-size: 0.84rem;
    --et001-catalog-nav-child-font-weight: 400;
    --et001-catalog-nav-indent: 0.75rem;
    --et001-catalog-nav-row-padding: 0.55rem 0.82rem;
    --et001-catalog-nav-group-padding: 0.62rem 0.82rem;
    --et001-catalog-nav-divider: transparent;
    --et001-catalog-nav-group-divider: transparent;
    --et001-catalog-nav-contact-divider: transparent;
    display: grid;
    gap: 0;
}

html.et001-theme .et001-catalog-nav > a,
html.et001-theme .et001-catalog-nav-items a {
    border-bottom: 1px solid var(--et001-catalog-nav-divider);
    color: var(--et001-context-link, #22314e);
    font-size: var(--et001-catalog-nav-font-size);
    font-weight: var(--et001-catalog-nav-font-weight);
    line-height: 1.35;
    text-decoration: none;
}

html.et001-theme .et001-catalog-nav > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: var(--et001-catalog-nav-row-padding);
}

html.et001-theme .et001-catalog-nav > a:hover,
html.et001-theme .et001-catalog-nav-items a:hover,
html.et001-theme .et001-catalog-nav > a.is-current,
html.et001-theme .et001-catalog-nav-items a.is-current {
    background: var(--et001-context-hover-bg, #e7ebf0);
    color: var(--et001-context-hover-text, #253b58);
    border-color: var(--et001-catalog-nav-divider);
}

html.et001-theme .et001-catalog-nav-group {
    border-top: 1px solid var(--et001-catalog-nav-group-divider);
}

html.et001-theme .et001-catalog-nav-group summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: var(--et001-catalog-nav-group-padding);
    color: var(--et001-context-link, #22314e);
    cursor: pointer;
    font-size: var(--et001-catalog-nav-parent-font-size);
    font-weight: var(--et001-catalog-nav-parent-font-weight);
    line-height: 1.35;
    list-style: none;
}

html.et001-theme .et001-catalog-nav-group summary > a {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    min-width: 0;
    padding: 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-decoration: none;
}

html.et001-theme .et001-catalog-nav-group summary > a:hover,
html.et001-theme .et001-catalog-nav-group summary > a.is-current {
    background: transparent;
    color: var(--et001-context-hover-text, #253b58);
}

html.et001-theme .et001-catalog-nav-group summary > .et001-catalog-chevron {
    position: relative;
    display: inline-flex;
    flex: 0 0 2.6rem;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    color: var(--editorium-tree-accent, #f97316);
    font-size: 0 !important;
    font-weight: 400;
    line-height: 0;
    transform: none !important;
}

html.et001-theme .et001-catalog-nav-group summary > .et001-catalog-chevron::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 0.64rem solid transparent;
    border-bottom: 0.64rem solid transparent;
    border-left: 0.92rem solid currentColor;
    transform: translate(-35%, -50%);
}

html.et001-theme .et001-catalog-nav-group:not([open]) > summary > .et001-catalog-chevron::before {
    border-top: 0.64rem solid transparent !important;
    border-right: 0 !important;
    border-bottom: 0.64rem solid transparent !important;
    border-left: 0.92rem solid currentColor !important;
    transform: translate(-35%, -50%) !important;
}

html.et001-theme .et001-catalog-nav-group[open] summary > .et001-catalog-chevron::before {
    border-top: 0.92rem solid currentColor;
    border-right: 0.64rem solid transparent;
    border-left: 0.64rem solid transparent;
    border-bottom: 0;
    transform: translate(-50%, -35%);
}

html.et001-theme .et001-catalog-nav-group summary::-webkit-details-marker {
    display: none;
}

html.et001-theme .et001-catalog-nav-items {
    padding: 0.12rem 0 0.35rem 0.24rem;
}

html.et001-theme .et001-catalog-nav-items a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: var(--et001-catalog-nav-row-padding);
    padding-left: var(--et001-catalog-nav-indent);
    font-size: var(--et001-catalog-nav-child-font-size);
    font-weight: var(--et001-catalog-nav-child-font-weight);
}

html.et001-theme .et001-catalog-nav-items > .et001-catalog-nav-group > summary {
    font-size: var(--et001-catalog-nav-child-font-size);
    font-weight: var(--et001-catalog-nav-child-font-weight);
}

html.et001-theme .et001-catalog-contact-link {
    display: block;
    margin: 0.25rem 0.9rem 0.9rem;
    padding: var(--et001-catalog-nav-row-padding);
    border-top: 1px solid var(--et001-catalog-nav-contact-divider);
    border-bottom: 0;
    color: var(--et001-context-link, #22314e);
    font-size: var(--et001-catalog-nav-font-size);
    font-weight: var(--et001-catalog-nav-font-weight);
    line-height: 1.35;
    text-decoration: none;
}

html.et001-theme .et001-catalog-contact-link:hover {
    background: var(--et001-context-hover-bg, #e7ebf0);
    color: var(--et001-context-hover-text, #253b58);
}