/* nav-extra.css — dropdown в couture-минимализме (LOCKED_DECISIONS L3) */

/* Языковой переключатель временно скрыт (i18n заморожен — LOCKED_DECISIONS L7).
   visibility:hidden сохраняет место в раскладке, чтобы остальные элементы навбара не сдвигались. */
.lang-btn,
#langBtn,
.lang-dropdown,
.lang-menu {
    visibility: hidden !important;
    pointer-events: none !important;
}

.nav-links li.has-dropdown { position: relative; }

/* Невидимый "мост" чтобы dropdown не закрывался при движении курсора вниз */
.nav-links li.has-dropdown::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 14px;
}

.nav-dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: -20px;
    transform: translateY(-6px);
    background: rgba(10, 10, 10, 0.32);
    backdrop-filter: blur(28px) saturate(140%);
    -webkit-backdrop-filter: blur(28px) saturate(140%);
    border: none;
    box-shadow: none;
    padding: 16px 0;
    min-width: 210px;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease,
                transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
    z-index: 1001;
    pointer-events: none;
}
.nav-links li.has-dropdown:hover .nav-dropdown,
.nav-links li.has-dropdown:focus-within .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.nav-dropdown li {
    display: block;
    padding: 0;
    list-style: none;
}

.nav-dropdown a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 32px;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    white-space: nowrap;
    color: rgba(245,240,232,0.6);
    transition: color 0.4s cubic-bezier(0.25,0.46,0.45,0.94),
                letter-spacing 0.4s cubic-bezier(0.25,0.46,0.45,0.94),
                padding 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
    text-decoration: none;
    position: relative;
}
/* Тонкая золотая отметка слева, разворачивается только при hover */
.nav-dropdown a::before {
    content: '';
    width: 0;
    height: 1px;
    background: #c9a84c;
    transition: width 0.4s cubic-bezier(0.25,0.46,0.45,0.94);
    flex-shrink: 0;
}
.nav-dropdown a:hover {
    color: #c9a84c;
    background: transparent;
    letter-spacing: 0.32em;
    padding-left: 24px;
}
.nav-dropdown a:hover::before {
    width: 18px;
}
/* Отключаем underline-маркер из основного меню, который есть у всех a */
.nav-dropdown a::after { display: none !important; }

body.light .nav-dropdown {
    background: rgba(248,246,241,0.42);
}
body.light .nav-dropdown a { color: rgba(26,26,26,0.55); }
body.light .nav-dropdown a:hover { color: #a07d2e; background: transparent; }
body.light .nav-dropdown a::before { background: #a07d2e; }

/* Mobile / fullscreen menu — submenu items с отступом */
.fullscreen-menu-links li.submenu a {
    padding-left: 32px;
    opacity: 0.65;
    font-size: 0.9em;
    letter-spacing: 0.28em;
}

/* ============================================================
   ФИКС БЕЛОЙ ПОЛОСЫ/РАМКИ ПРИ НАВЕДЕНИИ (Корректировка 2)
   Источники проблемы:
   1) браузерный tap-highlight на мобильных
   2) :focus outline при клике на интерактивную карточку
   3) случайный default border на :focus у <a> и <div role=button>
   ============================================================ */

/* Отключить серебристый/белый highlight при тапе на мобильных */
* { -webkit-tap-highlight-color: transparent; }

/* Карточки коллекций / графики / стихов / публикаций / zsmodels —
   убрать любой outline и focus-border, оставив focus-visible для клавиатуры */
.collection-card,
.collection-card *,
.zs-articles-grid .article,
.zs-articles-grid .article *,
.zs-graphics-grid .group,
.zs-graphics-grid .group *,
.zs-paintings-grid .item,
.zs-paintings-grid .item *,
.zsx-card,
.zsx-card *,
.zs-models-card,
.zs-models-card *,
.tile-card,
.tile-card * {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

/* Keyboard-only focus — золотой outline только если пользователь шёл табом */
.collection-card:focus-visible,
.zs-articles-grid .article:focus-visible,
.zs-graphics-grid .group:focus-visible,
.zs-paintings-grid .item:focus-visible,
.zsx-card:focus-visible,
.zs-models-card:focus-visible,
.tile-card:focus-visible {
    outline: 2px solid #c9a84c !important;
    outline-offset: 4px;
}

/* На случай рудиментов от старого hover-эффекта — убрать любой border */
.collection-card:hover,
.collection-card:active,
.collection-card:focus,
.zs-articles-grid .article:hover,
.zs-articles-grid .article:active,
.zs-articles-grid .article:focus,
.zs-graphics-grid .group:hover,
.zs-graphics-grid .group:active,
.zs-graphics-grid .group:focus,
.zsx-card:hover,
.zsx-card:active,
.zsx-card:focus,
.zs-models-card:hover,
.zs-models-card:active,
.zs-models-card:focus {
    border: none;
    box-shadow: none;
}

/* Снять подпись группы графики (заказчик: "Удалить название групп") */
.zs-graphics-grid .group .label {
    display: none !important;
}