/* ============================================
   КНОПКА ДЕЙСТВИЙ (ПЛЮСИК) В РЕЖИМЕ БЛОКОВ И СПИСКА
   ============================================ */
.content-card__actions-menu {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: 10px;
    z-index: 5;
}

.content-card__actions-menu .actions-toggle-btn,
.dropdown-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10); /* светлее фон, чтобы иконка была видна */
    border: 1px solid rgba(255, 255, 255, 0.35); /* ярче рамка */
    color: #ffffff;
    cursor: pointer;
    transition: all 0.25s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.content-card__actions-menu .actions-toggle-btn:hover,
.dropdown-toggle-btn:hover {
    background: var(--color-primary, #F5CF49);
    border-color: var(--color-primary, #F5CF49);
    color: #000;
    transform: scale(1.05);
}

/* Каталог (список): кнопка действий должна быть видимой на тёмной теме и явно подсвечиваться при открытии */
.anime-list-card .dropdown-toggle-btn {
    background: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

.anime-list-card .dropdown-toggle-btn[aria-expanded="true"],
.anime-list-card .dropdown.show .dropdown-toggle-btn {
    background: rgba(239, 68, 68, 0.92) !important; /* красная подсветка */
    border-color: rgba(239, 68, 68, 0.98) !important;
    color: #ffffff !important;
    box-shadow: 0 0 14px rgba(239, 68, 68, 0.35), 0 0 28px rgba(239, 68, 68, 0.18) !important;
    transform: scale(1.05);
}

html[data-theme="neon"] .anime-list-card .dropdown-toggle-btn[aria-expanded="true"],
html[data-theme="neon"] .anime-list-card .dropdown.show .dropdown-toggle-btn {
    background: linear-gradient(135deg, rgba(155, 92, 255, 1) 0%, rgba(0, 240, 255, 1) 100%) !important;
    border-color: rgba(0, 240, 255, 0.95) !important;
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.25), 0 0 26px rgba(155, 92, 255, 0.18) !important;
}

html[data-theme="light"] .anime-list-card .dropdown-toggle-btn,
html[data-theme="light_japan"] .anime-list-card .dropdown-toggle-btn {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.45) !important;
    color: rgba(0, 0, 0, 0.88) !important;
}

/* Dropdown menu стилизация */
.content-card__actions-menu .action-menu,
.action-menu {
    background: rgba(21, 21, 21, 0.98) !important;
    border: 2px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 10px !important;
    padding: 8px !important;
    min-width: 200px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.content-card__actions-menu .dropdown-item,
.action-menu .dropdown-item {
    padding: 8px 12px !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.content-card__actions-menu .dropdown-item:hover,
.action-menu .dropdown-item:hover {
    background: var(--color-primary, #F5CF49) !important;
    color: #000 !important;
}

/* Тема Neon */
html[data-theme="neon"] .content-card__actions-menu .actions-toggle-btn,
html[data-theme="neon"] .dropdown-toggle-btn {
    background: rgba(0, 0, 0, 0.85);
    border-color: rgba(0, 243, 255, 0.40);
    color: #00f3ff;
}

html[data-theme="neon"] .content-card__actions-menu .actions-toggle-btn:hover,
html[data-theme="neon"] .dropdown-toggle-btn:hover {
    background: rgba(0, 243, 255, 0.20);
    border-color: #00f3ff;
    color: #00f3ff;
}

html[data-theme="neon"] .content-card__actions-menu .action-menu,
html[data-theme="neon"] .action-menu {
    background: rgba(10, 10, 20, 0.98) !important;
    border-color: rgba(0, 243, 255, 0.35) !important;
}

html[data-theme="neon"] .content-card__actions-menu .dropdown-item:hover,
html[data-theme="neon"] .action-menu .dropdown-item:hover {
    background: rgba(0, 243, 255, 0.25) !important;
    color: #00f3ff !important;
}

/* Светлые темы */
html[data-theme="light"] .content-card__actions-menu .actions-toggle-btn,
html[data-theme="light_japan"] .content-card__actions-menu .actions-toggle-btn,
html[data-theme="light"] .dropdown-toggle-btn,
html[data-theme="light_japan"] .dropdown-toggle-btn {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.75);
}

html[data-theme="light"] .content-card__actions-menu .actions-toggle-btn:hover,
html[data-theme="light_japan"] .content-card__actions-menu .actions-toggle-btn:hover,
html[data-theme="light"] .dropdown-toggle-btn:hover,
html[data-theme="light_japan"] .dropdown-toggle-btn:hover {
    background: var(--color-primary, #22c55e);
    border-color: var(--color-primary, #22c55e);
    color: #ffffff;
}

html[data-theme="light"] .content-card__actions-menu .action-menu,
html[data-theme="light_japan"] .content-card__actions-menu .action-menu,
html[data-theme="light"] .action-menu,
html[data-theme="light_japan"] .action-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] .content-card__actions-menu .dropdown-item,
html[data-theme="light_japan"] .content-card__actions-menu .dropdown-item,
html[data-theme="light"] .action-menu .dropdown-item,
html[data-theme="light_japan"] .action-menu .dropdown-item {
    color: rgba(0, 0, 0, 0.85) !important;
}

html[data-theme="light"] .content-card__actions-menu .dropdown-item:hover,
html[data-theme="light_japan"] .content-card__actions-menu .dropdown-item:hover,
html[data-theme="light"] .action-menu .dropdown-item:hover,
html[data-theme="light_japan"] .action-menu .dropdown-item:hover {
    background: var(--color-primary, #22c55e) !important;
    color: #ffffff !important;
}


   ============================================ */
.content-card__actions-menu {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: 10px;
    z-index: 5;
}

.content-card__actions-menu .actions-toggle-btn,
.dropdown-toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10); /* светлее фон, чтобы иконка была видна */
    border: 1px solid rgba(255, 255, 255, 0.35); /* ярче рамка */
    color: #ffffff;
    cursor: pointer;
    transition: all 0.25s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.content-card__actions-menu .actions-toggle-btn:hover,
.dropdown-toggle-btn:hover {
    background: var(--color-primary, #F5CF49);
    border-color: var(--color-primary, #F5CF49);
    color: #000;
    transform: scale(1.05);
}

/* Dropdown menu стилизация */
.content-card__actions-menu .action-menu,
.action-menu {
    background: rgba(21, 21, 21, 0.98) !important;
    border: 2px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: 10px !important;
    padding: 8px !important;
    min-width: 200px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.content-card__actions-menu .dropdown-item,
.action-menu .dropdown-item {
    padding: 8px 12px !important;
    border-radius: 6px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.content-card__actions-menu .dropdown-item:hover,
.action-menu .dropdown-item:hover {
    background: var(--color-primary, #F5CF49) !important;
    color: #000 !important;
}

/* Тема Neon */
html[data-theme="neon"] .content-card__actions-menu .actions-toggle-btn,
html[data-theme="neon"] .dropdown-toggle-btn {
    background: rgba(0, 0, 0, 0.85);
    border-color: rgba(0, 243, 255, 0.40);
    color: #00f3ff;
}

html[data-theme="neon"] .content-card__actions-menu .actions-toggle-btn:hover,
html[data-theme="neon"] .dropdown-toggle-btn:hover {
    background: rgba(0, 243, 255, 0.20);
    border-color: #00f3ff;
    color: #00f3ff;
}

html[data-theme="neon"] .content-card__actions-menu .action-menu,
html[data-theme="neon"] .action-menu {
    background: rgba(10, 10, 20, 0.98) !important;
    border-color: rgba(0, 243, 255, 0.35) !important;
}

html[data-theme="neon"] .content-card__actions-menu .dropdown-item:hover,
html[data-theme="neon"] .action-menu .dropdown-item:hover {
    background: rgba(0, 243, 255, 0.25) !important;
    color: #00f3ff !important;
}

/* Светлые темы */
html[data-theme="light"] .content-card__actions-menu .actions-toggle-btn,
html[data-theme="light_japan"] .content-card__actions-menu .actions-toggle-btn,
html[data-theme="light"] .dropdown-toggle-btn,
html[data-theme="light_japan"] .dropdown-toggle-btn {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.75);
}

html[data-theme="light"] .content-card__actions-menu .actions-toggle-btn:hover,
html[data-theme="light_japan"] .content-card__actions-menu .actions-toggle-btn:hover,
html[data-theme="light"] .dropdown-toggle-btn:hover,
html[data-theme="light_japan"] .dropdown-toggle-btn:hover {
    background: var(--color-primary, #22c55e);
    border-color: var(--color-primary, #22c55e);
    color: #ffffff;
}

html[data-theme="light"] .content-card__actions-menu .action-menu,
html[data-theme="light_japan"] .content-card__actions-menu .action-menu,
html[data-theme="light"] .action-menu,
html[data-theme="light_japan"] .action-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] .content-card__actions-menu .dropdown-item,
html[data-theme="light_japan"] .content-card__actions-menu .dropdown-item,
html[data-theme="light"] .action-menu .dropdown-item,
html[data-theme="light_japan"] .action-menu .dropdown-item {
    color: rgba(0, 0, 0, 0.85) !important;
}

html[data-theme="light"] .content-card__actions-menu .dropdown-item:hover,
html[data-theme="light_japan"] .content-card__actions-menu .dropdown-item:hover,
html[data-theme="light"] .action-menu .dropdown-item:hover,
html[data-theme="light_japan"] .action-menu .dropdown-item:hover {
    background: var(--color-primary, #22c55e) !important;
    color: #ffffff !important;
}