/**
 * Kind SEO Frontend Styles
 * Version: 0.1.0-beta
 */

/* Schema markup visualization (development mode only) */
.ks-schema-debug {
    display: none;
}

body.ks-dev-mode .ks-schema-debug {
    display: block;
    background: #f0f0f1;
    border: 1px solid #c3c4c7;
    padding: 10px;
    margin: 10px 0;
    font-family: monospace;
    font-size: 12px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Rich snippet preview styles */
.ks-rich-snippet-preview {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    margin: 10px 0;
    font-family: arial, sans-serif;
}

.ks-rich-snippet-preview .title {
    color: #1a0dab;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 3px;
    cursor: pointer;
}

.ks-rich-snippet-preview .url {
    color: #006621;
    font-size: 14px;
    line-height: 1.3;
}

.ks-rich-snippet-preview .description {
    color: #545454;
    font-size: 14px;
    line-height: 1.58;
    margin-top: 3px;
}

/* Structured data testing tool indicator */
.ks-structured-data-indicator {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #0073aa;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    font-size: 12px;
    z-index: 9999;
    display: none;
}

body.ks-dev-mode .ks-structured-data-indicator {
    display: block;
}

.ks-structured-data-indicator.success {
    background: #46b450;
}

.ks-structured-data-indicator.error {
    background: #dc3232;
}