/**
 * Inherit Mode CSS
 * 
 * This stylesheet is for the "Inherit WordPress Theme" mode.
 * Uses pure SCSS with transparent/inherit values to integrate with any WordPress theme.
 */

// Load SCSS variables
@use 'abstracts/variables' as *;

// Load fonts first
@use 'base/fonts';

// Import component structure
@use 'components';

// Main wrapper - inherit all colors from WordPress theme
.presszone-comments-wrapper {
    max-width: $presszone-comments-max-width;
    width: 100%;
    margin: $presszone-comments-spacing-zero auto;
    font-family: inherit;
    background-color: transparent;
    color: inherit;
    padding: $presszone-comments-spacing-xl $presszone-comments-spacing-zero;

    // Force ALL elements to inherit colors
    * {
        color: inherit;
        font-family: inherit;
    }

    // Textareas and inputs need explicit inherit
    input,
    textarea {
        color: inherit;
        background-color: transparent;
        border-color: currentColor;

        &::placeholder {
            color: inherit;
            opacity: 0.5;
        }
    }

    // Buttons with subtle background (use semi-transparent gray)
    button {
        color: inherit;
        background-color: $presszone-comments-inherit-bg-muted;
        border: 1px solid currentColor;

        &:hover {
            background-color: $presszone-comments-inherit-bg-hover-strong;
        }
    }

    // Links
    a {
        color: inherit;

        &:hover {
            opacity: 0.8;
        }
    }

    // Borders - use semi-transparent gray
    .presszone-comments-item {
        border-color: $presszone-comments-inherit-bg-strong;
    }

    .presszone-comments-editor {
        background-color: transparent;
        border-color: $presszone-comments-inherit-border;
    }

    .presszone-comments-replies {
        border-color: $presszone-comments-inherit-border;
    }

    // Admin actions dropdown - needs solid background for readability
    .presszone-comments-admin-actions__menu {
        background-color: $presszone-comments-inherit-dropdown-bg;
        color: $presszone-comments-inherit-dropdown-text;
        border-color: $presszone-comments-inherit-dropdown-border;
        box-shadow: $presszone-comments-inherit-dropdown-shadow;

        .presszone-comments-admin-action {
            color: $presszone-comments-inherit-dropdown-text;

            &:hover {
                background-color: $presszone-comments-inherit-dropdown-hover-bg;
                color: $presszone-comments-inherit-dropdown-text-hover;
            }
        }
    }

    // Modal - needs solid background for readability
    .presszone-comments-modal {
        background-color: $presszone-comments-inherit-dropdown-bg;
        color: $presszone-comments-inherit-dropdown-text;
        border-color: $presszone-comments-inherit-dropdown-border;
    }

    // Toast - needs solid background
    .presszone-comments-toast {
        background-color: $presszone-comments-inherit-dropdown-bg;
        color: $presszone-comments-inherit-dropdown-text;
    }

    // Status colors (universal)
    .presszone-comments-success-text {
        color: $presszone-comments-success;
    }

    .presszone-comments-error-text {
        color: $presszone-comments-error;
    }

    .presszone-comments-warning-text {
        color: $presszone-comments-warning;
    }
}

.presszone-comments-list {
    margin-top: $presszone-comments-spacing-xl;
    height: auto;
    overflow: visible;
}