/* Gold Prices Blocks - Editor Styles */

/* Common Editor Styles */
.wp-block-gold-prices-header,
.wp-block-gold-prices-footer,
.wp-block-gold-prices-gold-price-overview,
.wp-block-gold-prices-gold-karat-cards,
.wp-block-gold-prices-trading-chart,
.wp-block-gold-prices-detailed-price-tables,
.wp-block-gold-prices-historical-chart,
.wp-block-gold-prices-historical-table {
    position: relative;
}

/* Header Block Editor */
.gold-prices-header-editor {
    background-color: #1a1a1a;
    color: #ffffff;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Price Overview Editor */
.gold-price-overview-editor {
    background-color: #0a0a0a;
    padding: 40px 20px;
    text-align: center;
}

/* Karat Cards Editor */
.gold-karat-cards-editor {
    background-color: #0a0a0a;
    padding: 40px 20px;
}

/* Trading Chart Editor */
.trading-chart-editor {
    background-color: #1a1a1a;
    padding: 40px 20px;
    text-align: center;
}

/* Inspector Controls Styling */
.gold-prices-inspector .components-panel__body {
    margin-bottom: 16px;
}

.gold-prices-inspector .components-text-control__input,
.gold-prices-inspector .components-textarea-control__input {
    font-family: monospace;
    font-size: 12px;
}

/* Block Placeholder Styles */
.gold-prices-placeholder {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    border: 2px dashed #FFD700;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    color: #FFD700;
}

.gold-prices-placeholder-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.gold-prices-placeholder-text {
    font-size: 14px;
    color: #ffffff;
}

/* Responsive Editor Styles */
@media (max-width: 768px) {
    .gold-prices-header-editor,
    .gold-price-overview-editor,
    .gold-karat-cards-editor {
        padding: 20px 10px;
    }
}