/**
 * Search Highlighting Styles for Casino List
 * 
 * @package ACES
 */

/* Search highlight styling */
.aces-search-highlight {
    background-color: #fff3cd;
    color: #856404;
    padding: 1px 2px;
    border-radius: 2px;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .aces-search-highlight {
        background-color: #664d03;
        color: #fff3cd;
    }
}

/* Ensure highlighting works well in different contexts */
.aces-search-highlight mark {
    background: none;
    color: inherit;
    font-weight: inherit;
}

/* Highlight in links */
a .aces-search-highlight {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

/* Highlight in buttons */
.aces-action-btn .aces-search-highlight {
    background-color: rgba(255, 255, 255, 0.2);
    color: inherit;
    border-radius: 3px;
    padding: 1px 3px;
}

/* Animation for search highlights */
@keyframes aces-highlight-fade-in {
    from {
        background-color: #ffeb3b;
        transform: scale(1.05);
    }
    to {
        background-color: #fff3cd;
        transform: scale(1);
    }
}

.aces-search-highlight {
    animation: aces-highlight-fade-in 0.3s ease-out;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .aces-search-highlight {
        padding: 0.5px 1px;
        font-size: 0.95em;
    }
}