/**
 * Inherit Mode Overrides
 * 
 * This file is loaded AFTER frontend.css when "Inherit" mode is selected.
 * It ensures ALL color properties inherit from the WordPress theme.
 * 
 * NOTE: All inherit theme styles are now compiled into frontend.css via themes/_inherit.scss
 * This file provides additional !important overrides as a safety net for WordPress theme compatibility.
 */

/* Main wrapper - completely transparent to show WP theme background */
.presszone-comments-theme--inherit.presszone-comments-wrapper {
    background-color: transparent !important;
    color: inherit !important;
    font-family: inherit !important;
}

/* Force all elements to inherit colors inside inherit theme */
.presszone-comments-theme--inherit.presszone-comments-wrapper * {
    color: inherit !important;
    font-family: inherit !important;
}

/* Comment item body */
.presszone-comments-theme--inherit .presszone-comments-item__body {
    color: inherit !important;
}

/* Author name */
.presszone-comments-theme--inherit .presszone-comments-item__author {
    color: inherit !important;
}

/* Date and metadata */
.presszone-comments-theme--inherit .presszone-comments-item__date {
    color: inherit !important;
    opacity: 0.7 !important;
}

/* Comment number */
.presszone-comments-theme--inherit .presszone-comments-item__number {
    color: inherit !important;
    opacity: 0.7 !important;
}

.presszone-comments-theme--inherit .presszone-comments-item__number:hover {
    opacity: 1 !important;
}

/* Comment title */
.presszone-comments-theme--inherit .presszone-comments-item__title {
    color: inherit !important;
}

/* Editor Component */
.presszone-comments-theme--inherit .presszone-comments-editor {
    background-color: transparent !important;
    border-color: currentColor !important;
}

.presszone-comments-theme--inherit .presszone-comments-editor-toolbar {
    border-bottom-color: currentColor !important;
}

.presszone-comments-theme--inherit .presszone-comments-tool-btn {
    color: inherit !important;
}

.presszone-comments-theme--inherit .presszone-comments-tool-btn:hover {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.1) !important;
}

.presszone-comments-theme--inherit .presszone-comments-textarea {
    color: inherit !important;
    background-color: transparent !important;
}

.presszone-comments-theme--inherit .presszone-comments-textarea::placeholder {
    color: inherit !important;
    opacity: 0.5 !important;
}

/* Submit Button */
.presszone-comments-theme--inherit .presszone-comments-submit-btn {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.2) !important;
    border: 1px solid currentColor !important;
}

.presszone-comments-theme--inherit .presszone-comments-submit-btn:hover {
    background-color: rgba(128, 128, 128, 0.3) !important;
}

/* Cancel/Ghost Button */
.presszone-comments-theme--inherit .presszone-comments-cancel-btn,
.presszone-comments-theme--inherit .presszone-comments-btn--ghost {
    color: inherit !important;
    background-color: transparent !important;
    border: 1px solid currentColor !important;
}

.presszone-comments-theme--inherit .presszone-comments-cancel-btn:hover,
.presszone-comments-theme--inherit .presszone-comments-btn--ghost:hover {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.1) !important;
}

/* Action Buttons */
.presszone-comments-theme--inherit .presszone-comments-action {
    color: inherit !important;
}

.presszone-comments-theme--inherit .presszone-comments-action:hover {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.1) !important;
}

.presszone-comments-theme--inherit .presszone-comments-vote-btn {
    color: inherit !important;
}

.presszone-comments-theme--inherit .presszone-comments-vote-btn:hover {
    background-color: rgba(128, 128, 128, 0.1) !important;
}

.presszone-comments-theme--inherit .presszone-comments-vote-count {
    color: inherit !important;
}

/* Admin Actions */
.presszone-comments-theme--inherit .presszone-comments-admin-actions__trigger {
    color: inherit !important;
    border-color: rgba(128, 128, 128, 0.3) !important;
}

.presszone-comments-theme--inherit .presszone-comments-admin-actions__trigger:hover {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.1) !important;
}

/* Admin Actions Menu - needs solid background (floats over content) */
.presszone-comments-theme--inherit .presszone-comments-admin-actions__menu {
    background-color: rgba(248, 248, 248, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #1a1a1a !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.presszone-comments-theme--inherit .presszone-comments-admin-action {
    color: #1a1a1a !important;
}

.presszone-comments-theme--inherit .presszone-comments-admin-action:hover {
    color: #000000 !important;
    background-color: rgba(128, 128, 128, 0.15) !important;
}

/* Emoji Picker */
.presszone-comments-theme--inherit .presszone-comments-emoji-trigger {
    color: inherit;
}

/* Emoji Popover - needs solid background */
.presszone-comments-theme--inherit .presszone-comments-emoji-popover {
    background-color: rgba(248, 248, 248, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    color: #1a1a1a !important;
}

.presszone-comments-theme--inherit .presszone-comments-emoji-item {
    color: inherit;
}

.presszone-comments-theme--inherit .presszone-comments-emoji-item:hover {
    background-color: rgba(128, 128, 128, 0.15) !important;
}

/* Pagination */
.presszone-comments-theme--inherit .presszone-comments-pagination .page-numbers {
    color: inherit !important;
    background-color: transparent !important;
    border-color: rgba(128, 128, 128, 0.3) !important;
}

.presszone-comments-theme--inherit .presszone-comments-pagination .page-numbers:hover {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.1) !important;
}

.presszone-comments-theme--inherit .presszone-comments-pagination .page-numbers.current {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.2) !important;
}

/* Share Tooltip - needs solid background */
.presszone-comments-theme--inherit .presszone-comments-share-tooltip {
    background-color: rgba(248, 248, 248, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #1a1a1a !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.presszone-comments-theme--inherit .presszone-comments-share-tooltip__text {
    color: #1a1a1a !important;
}

.presszone-comments-theme--inherit .presszone-comments-share-tooltip__link {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.1) !important;
}

.presszone-comments-theme--inherit .presszone-comments-share-tooltip__link:hover {
    background-color: rgba(128, 128, 128, 0.2) !important;
}

.presszone-comments-theme--inherit .presszone-comments-share-tooltip__copy,
.presszone-comments-theme--inherit .presszone-comments-share-tooltip__native {
    color: inherit !important;
    background-color: rgba(128, 128, 128, 0.2) !important;
    border-color: rgba(128, 128, 128, 0.3) !important;
}

.presszone-comments-theme--inherit .presszone-comments-share-tooltip__copy:hover,
.presszone-comments-theme--inherit .presszone-comments-share-tooltip__native:hover {
    background-color: rgba(128, 128, 128, 0.3) !important;
}

/* Share Dropdown - needs solid background */
.presszone-comments-theme--inherit .presszone-comments-share-dropdown {
    background-color: rgba(248, 248, 248, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    color: #1a1a1a !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.presszone-comments-theme--inherit .presszone-comments-share-dropdown__item {
    color: #1a1a1a !important;
}

.presszone-comments-theme--inherit .presszone-comments-share-dropdown__item:hover {
    color: #000000 !important;
    background-color: rgba(128, 128, 128, 0.15) !important;
}

/* Toast - needs solid background */
.presszone-comments-theme--inherit .presszone-comments-toast {
    color: #1a1a1a !important;
    background-color: rgba(248, 248, 248, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Modals - need solid background with dark text for readability */
.presszone-comments-theme--inherit .presszone-comments-modal,
.presszone-comments-theme--inherit .presszone-comments-modal__content {
    background-color: rgba(248, 248, 248, 0.98) !important;
    color: #1a1a1a !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Ensure ALL text inside modals is dark */
.presszone-comments-theme--inherit .presszone-comments-modal h1,
.presszone-comments-theme--inherit .presszone-comments-modal h2,
.presszone-comments-theme--inherit .presszone-comments-modal h3,
.presszone-comments-theme--inherit .presszone-comments-modal h4,
.presszone-comments-theme--inherit .presszone-comments-modal h5,
.presszone-comments-theme--inherit .presszone-comments-modal h6,
.presszone-comments-theme--inherit .presszone-comments-modal p,
.presszone-comments-theme--inherit .presszone-comments-modal span,
.presszone-comments-theme--inherit .presszone-comments-modal label,
.presszone-comments-theme--inherit .presszone-comments-modal div {
    color: #1a1a1a !important;
}

.presszone-comments-theme--inherit .presszone-comments-modal__header {
    border-bottom-color: rgba(128, 128, 128, 0.3) !important;
}

.presszone-comments-theme--inherit .presszone-comments-modal__title {
    color: #1a1a1a !important;
}

.presszone-comments-theme--inherit .presszone-comments-modal__footer {
    border-top-color: rgba(128, 128, 128, 0.3) !important;
}

/* Modal form elements */
.presszone-comments-theme--inherit .presszone-comments-modal__textarea {
    color: #1a1a1a !important;
    background-color: #ffffff !important;
    border-color: rgba(128, 128, 128, 0.3) !important;
}

.presszone-comments-theme--inherit .presszone-comments-modal__textarea::placeholder {
    color: #64748b !important;
}

/* Borders */
.presszone-comments-theme--inherit .presszone-comments-replies {
    border-color: rgba(128, 128, 128, 0.3) !important;
}

.presszone-comments-theme--inherit .presszone-comments-item {
    border-color: rgba(128, 128, 128, 0.2) !important;
}

/* Notice */
.presszone-comments-theme--inherit .presszone-comments-notice {
    color: inherit !important;
}

/* Empty State */
.presszone-comments-theme--inherit .presszone-comments-empty {
    color: inherit !important;
}

/* Links (final override) */
.presszone-comments-theme--inherit a {
    color: inherit !important;
}

.presszone-comments-theme--inherit a:hover {
    opacity: 0.8 !important;
}
