/**
 * deal-finder.css
 * Global / US Gaming Deal Finder Stylesheet
 */

.df-container {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: clip;
}

@media (min-width: 640px) {
    .df-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .df-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.df-card {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.df-autocomplete-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 1rem;
    max-height: 320px;
    overflow-y: auto;
    z-index: 50;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
}

.df-autocomplete-item {
    padding: 0.625rem 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    border-bottom: 1px solid #1e293b;
    transition: background-color 0.15s ease;
}

.df-autocomplete-item:last-child {
    border-bottom: none;
}

.df-autocomplete-item:hover,
.df-autocomplete-item.active {
    background-color: #1e1b4b;
}

@media (max-width: 640px) {
    .df-container select,
    .df-container input[type="text"],
    .df-container button {
        min-height: 44px;
    }
}