/* String Translator Editor Styles */

/* Missing translation highlighting - inline styles used, this is for fallback */
.st-missing-translation {
    background-color: #ffebee !important;
    border-bottom: 2px dotted #f44336 !important;
    color: #d32f2f !important;
}

/* Uncertified translation highlighting - fallback class (blue) */
.st-uncertified-translation {
    background-color: #e3f2fd !important;
    border-bottom: 2px dotted #2196f3 !important;
    color: #0d47a1 !important;
}

/* Tooltip styles - removed, tooltips disabled */

/* Modal styles - removed, modals disabled */

/* TinyMCE specific styles */
.mce-i-translate::before {
    content: '🌐';
    font-size: 14px;
}

i.mce-ico.mce-i-translate, i.mce-ico.mce-i-save {
    color: #009efd;
}

p.st-dialog-note {
    font-size: 12px;
    font-style: italic;
}

.mce-container .accua-testo-evidenza {
    font-weight: bold;
    color: #0073aa;
}

/* Ensure TinyMCE dialog primary button shows long labels */
.mce-window .mce-primary button {
    min-width: 200px;
    white-space: nowrap;
}

/* Editor body styles */
.wp-editor-area .st-missing-translation,
.wp-editor-area .st-uncertified-translation,
.wp-editor-area .st-translated-text,
.wp-editor-area .st-hover-text {
    display: inline;
}

/* Visual editor iframe content - tooltips handled via JavaScript */

/* Responsive modal */
@media (max-width: 768px) {
    .st-modal {
        width: 95%;
        margin: 20px;
        top: 50px;
        transform: translateX(-50%);
    }
    
    .st-modal-content .form-table th,
    .st-modal-content .form-table td {
        display: block;
        width: 100%;
    }
    
    .st-modal-content .form-table th {
        padding-bottom: 5px;
    }
    
    .st-modal-content .form-table td {
        padding-top: 5px;
        padding-bottom: 15px;
    }
}

/* Animation classes */
.st-fade-in {
    animation: stFadeIn 0.3s ease-in-out;
}

.st-fade-out {
    animation: stFadeOut 0.3s ease-in-out;
}

@keyframes stFadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes stFadeOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-10px); }
}

/* WordPress admin compatibility */
.post-php .st-tooltip,
.post-new-php .st-tooltip {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Classic Editor specific */
.wp-core-ui .st-modal-footer .button {
    height: auto;
    padding: 8px 16px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .st-tooltip {
        background: #1e1e1e;
        color: #e0e0e0;
        border: 1px solid #444;
    }
    
    .st-tooltip::after {
        border-top-color: #1e1e1e;
    }
    
    .st-tooltip.st-tooltip-bottom::after {
        border-bottom-color: #1e1e1e;
        border-top-color: transparent;
    }
    
    .st-tooltip-header {
        border-bottom-color: #444;
    }
    
    .st-tooltip-action {
        border-top-color: #444;
    }
    
    .st-modal {
        background: #2c2c2c;
        color: #e0e0e0;
    }
    
    .st-modal-header,
    .st-modal-footer {
        background: #363636;
        border-color: #444;
    }
    
    .st-modal-content textarea,
    .st-modal-content select {
        background: #1e1e1e;
        border-color: #444;
        color: #e0e0e0;
    }
}

/* Glossario highlight */
.accua-glossario-highlight {
    background: yellow;
}

/* Major publishing actions */
#major-publishing-actions {
    padding: 10px;
    clear: both;
    border-top: 1px solid #dcdcde;
    background: #f6f7f7;
    display: flex;
    align-items: flex-start !important;
    justify-content: space-between;
    flex-direction: column !important;
}