/* Localized resource navigation — 2026-08-25. */
.cv-game-nav__resource {
    position: relative;
}

.cv-game-nav__resource > a {
    min-height: 43px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 14px;
}

.cv-game-nav__resource > a::after {
    content: "";
    width: 7px;
    height: 7px;
    margin: -3px 1px 0 3px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    rotate: 45deg;
    transition: rotate .18s ease;
}

.cv-game-nav__resource:hover > a,
.cv-game-nav__resource:focus-within > a,
.cv-game-nav__resource.is-active > a {
    color: #075bd8;
    background: #eaf3ff;
    outline: none;
}

.cv-game-nav__resource:hover > a::after,
.cv-game-nav__resource:focus-within > a::after {
    rotate: 225deg;
}

.cv-game-nav__resource-panel {
    top: 100%;
    max-height: min(520px, calc(100vh - var(--cv-topbar) - 24px));
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .14s ease, visibility .14s ease;
}

.cv-game-nav__dropdown > .cv-game-nav__panel {
    top: 100%;
}

.cv-game-nav__resource:last-child > .cv-game-nav__resource-panel {
    right: 0;
    left: auto;
    translate: 0 0;
}

.cv-game-nav__resource:hover > .cv-game-nav__resource-panel,
.cv-game-nav__resource:focus-within > .cv-game-nav__resource-panel {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.cv-game-nav__resource-panel a[aria-current="page"] {
    color: #075bd8;
    background: #edf5ff;
}

.cv-game-mobile-nav__resource {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: start;
}

.cv-game-mobile-nav__resource > a {
    min-width: 0;
}

.cv-game-mobile-nav__resource > details > summary {
    width: 44px;
    min-height: 39px;
    display: grid;
    place-items: center;
    color: #35618e;
    border-radius: 11px;
    cursor: pointer;
    list-style: none;
}

.cv-game-mobile-nav__resource > details > summary::-webkit-details-marker {
    display: none;
}

.cv-game-mobile-nav__resource > details > summary:hover,
.cv-game-mobile-nav__resource > details > summary:focus-visible {
    color: #075bd8;
    background: #edf5ff;
    outline: none;
}

.cv-game-mobile-nav__resource > details > summary .cv-icon {
    width: 17px;
    height: 17px;
    transition: rotate .18s ease;
}

.cv-game-mobile-nav__resource > details[open] > summary .cv-icon {
    rotate: 180deg;
}

.cv-game-mobile-nav__resource > details {
    position: static;
}

.cv-game-mobile-nav__resource-panel {
    grid-column: 1 / -1;
    padding: 2px 0 5px;
    display: grid;
    gap: 3px;
}

.cv-game-mobile-nav__resource > details > .cv-game-mobile-nav__resource-panel {
    width: 100%;
}

.cv-game-mobile-nav__resource:has(details[open]) {
    grid-template-rows: auto auto;
}

.cv-game-mobile-nav__resource:has(details[open]) details {
    display: contents;
}

.cv-game-mobile-nav__resource:has(details[open]) details > summary {
    grid-column: 2;
    grid-row: 1;
}

.cv-game-mobile-nav__resource:has(details[open]) details > .cv-game-mobile-nav__resource-panel {
    grid-row: 2;
}

@media (prefers-reduced-motion: reduce) {
    .cv-game-nav__resource-panel,
    .cv-game-nav__resource > a::after,
    .cv-game-mobile-nav__resource > details > summary .cv-icon {
        transition: none;
    }
}

[dir="rtl"] .cv-resource-table-wrap caption,
[dir="rtl"] .cv-resource-table-wrap th,
[dir="rtl"] .cv-resource-table-wrap td {
    text-align: right;
}

[dir="rtl"] .cv-resource-list li {
    padding-right: 46px;
    padding-left: 17px;
}

[dir="rtl"] .cv-resource-list li::before {
    right: 17px;
    left: auto;
}

[dir="rtl"] .cv-resource-breadcrumb li + li::before {
    margin-right: 0;
    margin-left: 8px;
}