.cse-json-search-container {
    max-width: 700px;
    margin: 20px auto;
    font-family: inherit;
    color: #000;
    background: #fff;
}

#cse-json-search-form-it,
#cse-json-search-form-en {
    display: flex;
    margin-bottom: 20px;
}

#cse-json-search-input-it,
#cse-json-search-input-en {
    flex-grow: 1;
    padding: 10px 15px;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 4px 0 0 4px;
    outline: none;
    color: #000;
    background: #fff;
}

#cse-json-search-btn-it,
#cse-json-search-btn-en {
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #000;
    border-left: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    text-transform: uppercase;
}

#cse-json-search-btn-it:hover,
#cse-json-search-btn-en:hover {
    background: #222;
}

.cse-json-results-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cse-json-result-item {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.cse-json-result-title {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.cse-json-result-title:hover {
    text-decoration: underline;
}

.cse-json-result-snippet {
    margin: 8px 0;
    color: #222;
    font-size: 14px;
}

.cse-json-result-url {
    font-size: 12px;
    color: #555;
}

/* Pagination styles */
.cse-json-search-pagination {
    margin-top: 15px;
    text-align: center;
}

.cse-json-pagination-wrapper {
    display: inline-block;
}

.cse-json-page-btn {
    margin: 2px 4px;
    padding: 10px 16px;
    font-size: 16px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    text-transform: uppercase;
    min-width: 48px;
    user-select: none;
    transition: background-color 0.3s ease;
}

.cse-json-page-btn:hover:not(:disabled) {
    background: #222;
}

.cse-json-page-btn:disabled,
.cse-json-page-btn.current {
    background: #555;
    cursor: default;
    color: #ddd;
}