/* ========================================================= FISH COLORS Цвета названия, итога и цифры строки по виду икры ========================================================= */ :root{ --ikra-gorbusha-text: rgba(255, 214, 102, .98); /* золотистая */ --ikra-keta-text: rgba(255, 171, 92, .98); /* янтарная */ --ikra-nerka-text: rgba(214, 82, 82, .98); /* красная */ --ikra-kijuch-text: rgba(128, 52, 76, .98); /* бордовая */ --ikra-treska-text: rgba(245, 236, 218, .98); /* слоновая кость */ --ikra-mintai-text: rgba(240, 232, 214, .98); /* тёплая светлая */ } /* ========================================================= Только название товара ========================================================= */ #fish-logic .fish-row .f-type, #extra-fish-logic .fish-row .f-type{ transition: color .18s ease, -webkit-text-fill-color .18s ease !important; } /* Горбуша */ #fish-logic .fish-row[data-caviar-tone="gorbusha"] .f-type, #extra-fish-logic .fish-row[data-caviar-tone="gorbusha"] .f-type{ color: var(--ikra-gorbusha-text) !important; -webkit-text-fill-color: var(--ikra-gorbusha-text) !important; } /* Кета */ #fish-logic .fish-row[data-caviar-tone="keta"] .f-type, #extra-fish-logic .fish-row[data-caviar-tone="keta"] .f-type{ color: var(--ikra-keta-text) !important; -webkit-text-fill-color: var(--ikra-keta-text) !important; } /* Нерка */ #fish-logic .fish-row[data-caviar-tone="nerka"] .f-type, #extra-fish-logic .fish-row[data-caviar-tone="nerka"] .f-type{ color: var(--ikra-nerka-text) !important; -webkit-text-fill-color: var(--ikra-nerka-text) !important; } /* Кижуч */ #fish-logic .fish-row[data-caviar-tone="kijuch"] .f-type, #extra-fish-logic .fish-row[data-caviar-tone="kijuch"] .f-type{ color: var(--ikra-kijuch-text) !important; -webkit-text-fill-color: var(--ikra-kijuch-text) !important; } /* Треска */ #fish-logic .fish-row[data-caviar-tone="treska"] .f-type, #extra-fish-logic .fish-row[data-caviar-tone="treska"] .f-type{ color: var(--ikra-treska-text) !important; -webkit-text-fill-color: var(--ikra-treska-text) !important; } /* Минтай */ #fish-logic .fish-row[data-caviar-tone="mintai"] .f-type, #extra-fish-logic .fish-row[data-caviar-tone="mintai"] .f-type{ color: var(--ikra-mintai-text) !important; -webkit-text-fill-color: var(--ikra-mintai-text) !important; } /* ========================================================= Нижний итог ========================================================= */ #fish-logic .fish-row[data-caviar-tone="gorbusha"] .f-summ, #extra-fish-logic .fish-row[data-caviar-tone="gorbusha"] .f-summ{ color: var(--ikra-gorbusha-text) !important; -webkit-text-fill-color: var(--ikra-gorbusha-text) !important; } #fish-logic .fish-row[data-caviar-tone="keta"] .f-summ, #extra-fish-logic .fish-row[data-caviar-tone="keta"] .f-summ{ color: var(--ikra-keta-text) !important; -webkit-text-fill-color: var(--ikra-keta-text) !important; } #fish-logic .fish-row[data-caviar-tone="nerka"] .f-summ, #extra-fish-logic .fish-row[data-caviar-tone="nerka"] .f-summ{ color: var(--ikra-nerka-text) !important; -webkit-text-fill-color: var(--ikra-nerka-text) !important; } #fish-logic .fish-row[data-caviar-tone="kijuch"] .f-summ, #extra-fish-logic .fish-row[data-caviar-tone="kijuch"] .f-summ{ color: var(--ikra-kijuch-text) !important; -webkit-text-fill-color: var(--ikra-kijuch-text) !important; } #fish-logic .fish-row[data-caviar-tone="treska"] .f-summ, #extra-fish-logic .fish-row[data-caviar-tone="treska"] .f-summ{ color: var(--ikra-treska-text) !important; -webkit-text-fill-color: var(--ikra-treska-text) !important; } #fish-logic .fish-row[data-caviar-tone="mintai"] .f-summ, #extra-fish-logic .fish-row[data-caviar-tone="mintai"] .f-summ{ color: var(--ikra-mintai-text) !important; -webkit-text-fill-color: var(--ikra-mintai-text) !important; } /* ========================================================= Цифра номера строки ========================================================= */ #fish-logic .fish-row[data-caviar-tone="gorbusha"]::before, #extra-fish-logic .fish-row[data-caviar-tone="gorbusha"]::before{ color: var(--ikra-gorbusha-text) !important; -webkit-text-fill-color: var(--ikra-gorbusha-text) !important; } #fish-logic .fish-row[data-caviar-tone="keta"]::before, #extra-fish-logic .fish-row[data-caviar-tone="keta"]::before{ color: var(--ikra-keta-text) !important; -webkit-text-fill-color: var(--ikra-keta-text) !important; } #fish-logic .fish-row[data-caviar-tone="nerka"]::before, #extra-fish-logic .fish-row[data-caviar-tone="nerka"]::before{ color: var(--ikra-nerka-text) !important; -webkit-text-fill-color: var(--ikra-nerka-text) !important; } #fish-logic .fish-row[data-caviar-tone="kijuch"]::before, #extra-fish-logic .fish-row[data-caviar-tone="kijuch"]::before{ color: var(--ikra-kijuch-text) !important; -webkit-text-fill-color: var(--ikra-kijuch-text) !important; } #fish-logic .fish-row[data-caviar-tone="treska"]::before, #extra-fish-logic .fish-row[data-caviar-tone="treska"]::before{ color: var(--ikra-treska-text) !important; -webkit-text-fill-color: var(--ikra-treska-text) !important; } #fish-logic .fish-row[data-caviar-tone="mintai"]::before, #extra-fish-logic .fish-row[data-caviar-tone="mintai"]::before{ color: var(--ikra-mintai-text) !important; -webkit-text-fill-color: var(--ikra-mintai-text) !important; } /* ========================================================= CAVIAR CARD BORDER GLOW — CLOUD ONLY Усиленная цветная рамка карточки по тону икры Только для темы Cloud (data-theme="2") ========================================================= */ body[data-theme="2"] #fish-logic .fish-row, body[data-theme="2"] #extra-fish-logic .fish-row{ transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, -webkit-text-fill-color .18s ease !important; } /* Горбуша — усиливаем сильнее остальных, чтобы не терялась */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="gorbusha"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="gorbusha"]{ border-color: rgba(255, 214, 102, .78) !important; box-shadow: 0 0 0 2px rgba(255, 214, 102, .34), 0 0 18px rgba(255, 214, 102, .18), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Кета */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="keta"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="keta"]{ border-color: rgba(255, 171, 92, .72) !important; box-shadow: 0 0 0 2px rgba(255, 171, 92, .30), 0 0 18px rgba(255, 171, 92, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Нерка */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="nerka"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="nerka"]{ border-color: rgba(214, 82, 82, .74) !important; box-shadow: 0 0 0 2px rgba(214, 82, 82, .30), 0 0 18px rgba(214, 82, 82, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Кижуч */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="kijuch"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="kijuch"]{ border-color: rgba(128, 52, 76, .78) !important; box-shadow: 0 0 0 2px rgba(128, 52, 76, .28), 0 0 18px rgba(128, 52, 76, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Треска */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="treska"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="treska"]{ border-color: rgba(245, 236, 218, .84) !important; box-shadow: 0 0 0 2px rgba(245, 236, 218, .34), 0 0 18px rgba(245, 236, 218, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Минтай */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="mintai"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="mintai"]{ border-color: rgba(240, 232, 214, .84) !important; box-shadow: 0 0 0 2px rgba(240, 232, 214, .34), 0 0 18px rgba(240, 232, 214, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* ========================================================= CAVIAR CARD BORDER GLOW — ALL THEMES Цветной ободок строки товара по выбранной позиции Темы: 2 = Cloud, 4 = Obsidian, 5 = Ocean ========================================================= */ body[data-theme="2"] #fish-logic .fish-row, body[data-theme="2"] #extra-fish-logic .fish-row, body[data-theme="4"] #fish-logic .fish-row, body[data-theme="4"] #extra-fish-logic .fish-row, body[data-theme="5"] #fish-logic .fish-row, body[data-theme="5"] #extra-fish-logic .fish-row{ transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, -webkit-text-fill-color .18s ease !important; } /* Горбуша */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="gorbusha"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="gorbusha"], body[data-theme="4"] #fish-logic .fish-row[data-caviar-tone="gorbusha"], body[data-theme="4"] #extra-fish-logic .fish-row[data-caviar-tone="gorbusha"], body[data-theme="5"] #fish-logic .fish-row[data-caviar-tone="gorbusha"], body[data-theme="5"] #extra-fish-logic .fish-row[data-caviar-tone="gorbusha"]{ border-color: rgba(255, 214, 102, .78) !important; box-shadow: 0 0 0 2px rgba(255, 214, 102, .34), 0 0 18px rgba(255, 214, 102, .18), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Кета */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="keta"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="keta"], body[data-theme="4"] #fish-logic .fish-row[data-caviar-tone="keta"], body[data-theme="4"] #extra-fish-logic .fish-row[data-caviar-tone="keta"], body[data-theme="5"] #fish-logic .fish-row[data-caviar-tone="keta"], body[data-theme="5"] #extra-fish-logic .fish-row[data-caviar-tone="keta"]{ border-color: rgba(255, 171, 92, .72) !important; box-shadow: 0 0 0 2px rgba(255, 171, 92, .30), 0 0 18px rgba(255, 171, 92, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Нерка */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="nerka"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="nerka"], body[data-theme="4"] #fish-logic .fish-row[data-caviar-tone="nerka"], body[data-theme="4"] #extra-fish-logic .fish-row[data-caviar-tone="nerka"], body[data-theme="5"] #fish-logic .fish-row[data-caviar-tone="nerka"], body[data-theme="5"] #extra-fish-logic .fish-row[data-caviar-tone="nerka"]{ border-color: rgba(214, 82, 82, .74) !important; box-shadow: 0 0 0 2px rgba(214, 82, 82, .30), 0 0 18px rgba(214, 82, 82, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Кижуч */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="kijuch"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="kijuch"], body[data-theme="4"] #fish-logic .fish-row[data-caviar-tone="kijuch"], body[data-theme="4"] #extra-fish-logic .fish-row[data-caviar-tone="kijuch"], body[data-theme="5"] #fish-logic .fish-row[data-caviar-tone="kijuch"], body[data-theme="5"] #extra-fish-logic .fish-row[data-caviar-tone="kijuch"]{ border-color: rgba(128, 52, 76, .78) !important; box-shadow: 0 0 0 2px rgba(128, 52, 76, .28), 0 0 18px rgba(128, 52, 76, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Треска */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="treska"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="treska"], body[data-theme="4"] #fish-logic .fish-row[data-caviar-tone="treska"], body[data-theme="4"] #extra-fish-logic .fish-row[data-caviar-tone="treska"], body[data-theme="5"] #fish-logic .fish-row[data-caviar-tone="treska"], body[data-theme="5"] #extra-fish-logic .fish-row[data-caviar-tone="treska"]{ border-color: rgba(245, 236, 218, .84) !important; box-shadow: 0 0 0 2px rgba(245, 236, 218, .34), 0 0 18px rgba(245, 236, 218, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; } /* Минтай */ body[data-theme="2"] #fish-logic .fish-row[data-caviar-tone="mintai"], body[data-theme="2"] #extra-fish-logic .fish-row[data-caviar-tone="mintai"], body[data-theme="4"] #fish-logic .fish-row[data-caviar-tone="mintai"], body[data-theme="4"] #extra-fish-logic .fish-row[data-caviar-tone="mintai"], body[data-theme="5"] #fish-logic .fish-row[data-caviar-tone="mintai"], body[data-theme="5"] #extra-fish-logic .fish-row[data-caviar-tone="mintai"]{ border-color: rgba(240, 232, 214, .84) !important; box-shadow: 0 0 0 2px rgba(240, 232, 214, .34), 0 0 18px rgba(240, 232, 214, .16), 4px 4px 12px rgba(0,0,0,0.08), -3px -3px 8px rgba(255,255,255,0.56) !important; }