/**
 * Trending Devices Block Styles
 */

/* Editor Styles */
.pdp-trending-editor-preview {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px dashed #ccc;
    text-align: center;
}

.pdp-trending-editor-preview .preview-icon {
    font-size: 48px;
    margin-bottom: 10px;
}

.pdp-trending-editor-preview .preview-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.pdp-trending-editor-preview .preview-subtitle {
    color: #666;
    margin: 5px 0;
}

.pdp-trending-editor-preview .preview-devices {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 15px;
    flex-wrap: wrap;
}

.pdp-trending-editor-preview .preview-device {
    background: #e9ecef;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
}

.pdp-trending-editor-preview .preview-note {
    color: #999;
    font-size: 12px;
    margin-top: 15px;
    font-style: italic;
}

/* Settings Panel Styles */
.pdp-trending-settings .components-panel__body-title {
    font-weight: 600;
}

.pdp-trending-settings .components-range-control {
    margin-bottom: 10px;
}

.pdp-trending-settings .components-text-control__input {
    width: 100%;
}

/* Preview note */
.pdp-trending-note {
    background: #f0f8ff;
    border: 1px solid #b8d4e8;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 15px;
    font-size: 13px;
    color: #1a1a1a;
}