/* ============================================================
   Раздел «Беспозвоночные»: мягкая фиолетово-бирюзовая гамма.
   Подключается только на /invertebrates/ — основной портал и его
   css/style.css не затрагиваются (порядок: style.css, затем этот файл).

   Вся палитра — это переопределение переменных style.css, плюс
   бейджи риф-безопасности/опасности и небольшие правки под новый раздел.
   ============================================================ */

body.catalog-invertebrate {
    /* Акцент: приглушённый фиолет. Контраст с белым 5.77:1, как текст на белом 7.51:1 */
    --deep-blue: #4a4468;
    --aqua: #6d5b9e;
    --aqua-text: #5b4b86;
    --light-bg: #f4f3f8;
    --shadow: rgba(74, 68, 104, .16);
    --inv-accent-dark: #5a4a86;
    background: radial-gradient(circle at top, #f4f3f8 0%, #f8f7fb 40%, #eef3f4 100%);
}

/* Шапка и верхнее меню: индиго-серый → приглушённая бирюза (контраст белого ≥ 6:1) */
body.catalog-invertebrate .top-nav {
    background: linear-gradient(to right, #3b3654, #2f6b73);
}
body.catalog-invertebrate header {
    background: linear-gradient(165deg, #3b3654 0%, #4a4468 35%, #2f6b73 100%);
    box-shadow: 0 8px 22px rgba(74, 68, 104, .30);
}
body.catalog-invertebrate .scroll-top-btn {
    background: linear-gradient(135deg, var(--aqua) 0%, var(--inv-accent-dark) 100%);
}
body.catalog-invertebrate .fish-card::before,
body.catalog-invertebrate .fish-card:hover::before {
    background: linear-gradient(to right, var(--deep-blue), var(--aqua));
}
body.catalog-invertebrate .apply-btn {
    background: linear-gradient(135deg, var(--deep-blue) 0%, var(--aqua) 100%);
}

/* --- Кнопки и акценты: заменяем жёсткие бирюзовые градиенты style.css на палитру раздела --- */
body.catalog-invertebrate .btn-details {
    background: linear-gradient(135deg, var(--aqua) 0%, var(--inv-accent-dark) 100%);
}
body.catalog-invertebrate .btn-details:hover {
    background: linear-gradient(135deg, var(--inv-accent-dark) 0%, #4a3d70 100%);
    box-shadow: 0 4px 10px rgba(109, 91, 158, .32);
}
body.catalog-invertebrate .copy-latin:hover {
    background: #efeaf8;
    color: var(--deep-blue);
}
body.catalog-invertebrate .radio-label.selected {
    box-shadow: 0 2px 9px rgba(109, 91, 158, .35);
}
body.catalog-invertebrate .fish-card {
    box-shadow: 0 8px 18px rgba(74, 68, 104, .16);
}
body.catalog-invertebrate .fish-card:hover {
    box-shadow: 0 16px 26px rgba(74, 68, 104, .24);
}
body.catalog-invertebrate .fish-card.fish-card-return-focus {
    box-shadow: 0 0 0 3px rgba(109, 91, 158, .55), 0 14px 28px rgba(74, 68, 104, .28);
}
body.catalog-invertebrate .scroll-top-btn {
    background: linear-gradient(135deg, var(--aqua) 0%, var(--inv-accent-dark) 100%);
}
body.catalog-invertebrate .scroll-top-btn:hover {
    background: linear-gradient(135deg, var(--inv-accent-dark) 0%, #4a3d70 100%);
}

/* --- Детальная карточка --- */
body.catalog-invertebrate .detail-hero {
    background: linear-gradient(165deg, #3b3654 0%, #4a4468 35%, #2f6b73 100%);
    box-shadow: 0 20px 50px rgba(74, 68, 104, .28), 0 0 0 1px rgba(255, 255, 255, .06) inset;
}
body.catalog-invertebrate .detail-hero-image {
    background: linear-gradient(145deg, rgba(109, 91, 158, .22) 0%, rgba(47, 107, 115, .16) 100%);
}
body.catalog-invertebrate .detail-section-title {
    border-bottom: 2px solid rgba(109, 91, 158, .22);
}
body.catalog-invertebrate .detail-section-title i {
    color: var(--aqua);
}
body.catalog-invertebrate .detail-actions .btn-share {
    background: linear-gradient(135deg, var(--aqua) 0%, var(--inv-accent-dark) 100%);
}
/* FishBase не имеет данных по беспозвоночным — кнопка не нужна */
body.catalog-invertebrate .btn-fishbase {
    display: none;
}

/* --- Риф-безопасность и опасность для человека ---
   Показываются строками в блоке «Основные данные» детальной карточки,
   в цветах раздела, чтобы не выглядели навязчиво. --- */
body.catalog-invertebrate .detail-stat-item[class*="inv-reef-"] i,
body.catalog-invertebrate .detail-stat-item[class*="inv-danger-"] i {
    color: inherit;
}
body.catalog-invertebrate .detail-stat-item.inv-reef-2 { background: #e8f3ea; border-color: #cfe6d4; color: #2f5d3a; }
body.catalog-invertebrate .detail-stat-item.inv-reef-1 { background: #fbf3e0; border-color: #f0e1bd; color: #7a5a12; }
body.catalog-invertebrate .detail-stat-item.inv-reef-0 { background: #f9e9e9; border-color: #f0d4d4; color: #8f3b3b; }
body.catalog-invertebrate .detail-stat-item.inv-danger-2 { background: #f6e0e0; border-color: #edcccc; color: #97322f; }
body.catalog-invertebrate .detail-stat-item.inv-danger-1 { background: #fbf1dc; border-color: #f0e1bd; color: #7a5a12; }
body.catalog-invertebrate .detail-stat-item.inv-danger-0 { background: #eef3f4; border-color: #dbe6e8; color: #2f6b73; }

/* --- Подписи раздела --- */
body.catalog-invertebrate .subtitle {
    max-width: 760px;
    margin: 0 auto;
}