/* Fix for 使用のヒント (Hints) Section - Remove blur effects */

/* Remove ALL text shadows globally for better readability */
* {
    text-shadow: none !important;
}

/* Remove blur from hint cards specifically */
.card.border-primary,
.card.border-primary .card-body,
.card:has(.bi-lightbulb) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Ensure clear, readable text in hint sections */
.card.border-primary .card-body *,
.card:has(.bi-lightbulb) .card-body * {
    text-shadow: none !important;
    filter: none !important;
    color: var(--nyx-text-primary) !important;
}

/* Specific fix for hint lists */
.card.border-primary .card-body ul,
.card.border-primary .card-body li {
    text-shadow: none !important;
    filter: none !important;
}

/* Fix for hint headings */
.card.border-primary .card-body h6 {
    text-shadow: none !important;
    filter: none !important;
    font-weight: 600 !important;
    color: var(--nyx-text-primary) !important;
}

/* Remove any blur from small text in hints */
.card.border-primary .card-body .small,
.card.border-primary .card-body small {
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    font-size: 0.875rem !important;
}

/* Ensure the card header is also clear */
.card-header.bg-primary,
.card-header.bg-primary * {
    text-shadow: none !important;
}

/* Override any glass-card effects */
.glass-card {
    backdrop-filter: blur(10px) !important;
}

/* But remove blur from cards that contain text content */
.card.border-primary.glass-card,
.card:has(.bi-lightbulb).glass-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(26, 26, 46, 0.95) !important;
}

/* Make sure strong text is visible */
.card.border-primary .card-body strong {
    font-weight: 700 !important;
    color: var(--nyx-gold) !important;
    text-shadow: none !important;
}

/* Ensure proper contrast for readability */
.card.border-primary .card-body {
    background-color: rgba(10, 10, 20, 0.8) !important;
}

/* Fix for any h1 headers that might have glow effects */
h1.nyx-page-title,
h1 {
    text-shadow: none !important;
}

/* Remove glow-text class effects if applied */
.glow-text {
    text-shadow: none !important;
}

/* Specific overrides for neon effects */
.neon-flicker {
    animation: none !important;
    text-shadow: none !important;
}