/* Editor controls */
.site-statistic .icon-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.site-statistic .site-number-inline:hover .icon-select {
    opacity: 1;
}

/* Make the dropdown smaller */
.site-statistic .components-select-control__input {
    height: 30px;
    font-size: 12px;
}

.site-statistic .components-select-control__button {
    height: 30px;
    font-size: 12px;
}

/* Style the editor controls */
.site-statistic .stat-editor-controls {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    border-radius: 4px;
    display: none;
}

.site-statistic .site-number:hover .stat-editor-controls {
    display: block;
}

.site-statistic .stat-control-group {
    margin-bottom: 8px;
}

.site-statistic .stat-control-group:last-child {
    margin-bottom: 0;
}

.site-statistic .stat-editor-controls .wp-block-rich-text {
    display: block;
}

.site-statistic .stat-editor-controls .wp-block-rich-text[data-rich-text-placeholder]:empty:before {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.site-statistic .stat-number-input[data-rich-text-placeholder]:empty:before {
    content: 'Number';
}

.site-statistic .stat-suffix-input[data-rich-text-placeholder]:empty:before {
    content: 'Suffix (e.g., K, +)';
}

.site-statistic .stat-label-input[data-rich-text-placeholder]:empty:before {
    content: 'Label';
}

.site-statistic .site-title[data-rich-text-placeholder]:empty:before {
    color: rgba(255, 255, 255, 0.5);
}

/* Placeholder styles */
.site-statistic .wp-block-rich-text[data-rich-text-placeholder]:empty:before {
    color: rgba(255, 255, 255, 0.5);
}

.site-statistic .site-number figure i {
    font-size: 32px !important;
    margin-bottom: 10px;
    display: block;
}

.site-statistic .site-number figure {
    margin-bottom: 15px;
}

/* Ensure icons are visible in the editor */
.block-editor-block-list__block .site-statistic .site-number figure i {
    font-size: 32px !important;
    margin-bottom: 10px;
    display: block;
}