/**
 * CM Alpha - UI Tooltips CSS
 * Styling for the tooltip system
 */


/* Base tooltip styling */
.cm-tooltip-widget {
    background: #435548 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    max-width: 350px !important;
    padding: 12px 16px !important;
    z-index: 10000 !important;
}

/* Tooltip arrow styling */
.cm-tooltip-widget .ui-tooltip-content {
    position: relative;
    font-family: 'Roboto', sans-serif !important;
}


.cm-tooltip-widget br {
    line-height: 1.6 !important;
}

/* Hover indicator for elements with tooltips */
.cm-tooltip {
    position: relative;
    color: #1d538a !important;
}

/* All tooltips now use text-only behavior by default */

/* Styling for modal tooltip hyperlinks (updated for cm-modal-link) */
.cm-hyperlink-tip {
    cursor: pointer !important;
    text-decoration: none !important;
    text-decoration: none;
    color:#ECEA86 !important;
}

/* Enhanced styling for modal links (updated with new cm-modal-content attribute) */
.cm-hyperlink-tip[cm-modal-content],
.cm-hyperlink-tip[cm-modal-link],
.cm-hyperlink-tip[cm-image-tip] {
    cursor: pointer !important;
    color: #f7ef83 !important;
    border-bottom: 1px dotted #f7ef83 !important;
}
 
/* Admin-specific tooltip styling */
.wp-admin .cm-tooltip-widget {
    font-size: 12px !important;
    max-width: 300px !important;
}

/* Light theme variation (optional) */
.cm-tooltip-widget.light-theme {
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.cm-tooltip-widget.light-theme b,
.cm-tooltip-widget.light-theme strong {
    color: #0073aa !important;
}