/*
Theme Name: VostRDP Blog
Theme URI: https://www.vostrdp.com/blog
Description: Custom blog theme matching VostRDP Antler hosting design
Author: VostRDP
Version: 1.0.2
Text Domain: vostrdp-blog
*/

/* Blog Cards */
.blog-wrap { max-width: 100%; }
.blog-card { margin-bottom: 30px; }
.blog-card .service-section { padding: 20px; }
.blog-card .service-section .title { font-size: 20px; }
.blog-card .service-section .title a { text-decoration: none; }
.blog-card .service-section .subtitle { font-size: 14px; }
.plans.badge { font-size: 12px; padding: 5px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; }
.wp-post-image { border-radius: 8px; }

/* Entry Content */
.entry-content img { max-width: 100%; height: auto; border-radius: 8px; }
.entry-content { line-height: 1.8; font-size: 16px; }
.entry-content h2, .entry-content h3 { margin-top: 1.5em; margin-bottom: 0.5em; }
.entry-content p { margin-bottom: 1em; }
.entry-content blockquote { border-left: 4px solid #e91e63; padding: 15px 20px; margin: 20px 0; background: rgba(255,255,255,0.05); border-radius: 4px; }
.entry-content ul, .entry-content ol { margin-bottom: 1em; padding-left: 20px; }

/* Pagination */
.blog-pagination .page-numbers { display: inline-block; padding: 8px 14px; margin: 0 3px; border-radius: 4px; text-decoration: none; }
.blog-pagination .page-numbers.current { background: #e91e63; color: #fff; }

/* Sidebar */
.sidebar .widget { margin-bottom: 30px; }
.sidebar .widget-title { font-size: 18px; font-weight: 600; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #e91e63; }

/* Comment Form - Dark Theme Fix */
.comment-list { list-style: none; padding: 0; }
.comment-list .comment { margin-bottom: 20px; padding: 15px; border-radius: 8px; }
.comment-list .children { margin-left: 30px; }

[data-background="dark"] .box-container #respond label,
[data-background="dark"] .box-container .comment-form label,
[data-background="dark"] .box-container .comment-notes,
[data-background="dark"] .box-container .comment-form-comment label,
[data-background="dark"] .box-container .logged-in-as,
[data-background="dark"] .box-container .comment-reply-title,
[data-background="dark"] .box-container .comment-form-cookies-consent label,
[data-background="dark"] .box-container .comment-form p,
[data-background="dark"] .box-container .required-field-message {
    color: #c0c0c0 !important;
}

[data-background="dark"] .box-container #commentform input[type="text"],
[data-background="dark"] .box-container #commentform input[type="email"],
[data-background="dark"] .box-container #commentform input[type="url"],
[data-background="dark"] .box-container #commentform textarea,
[data-background="dark"] .box-container #respond input[type="text"],
[data-background="dark"] .box-container #respond input[type="email"],
[data-background="dark"] .box-container #respond input[type="url"],
[data-background="dark"] .box-container #respond textarea {
    background-color: #101920 !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
    padding: 12px 15px !important;
    border-radius: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
}

[data-background="dark"] .box-container #commentform input:focus,
[data-background="dark"] .box-container #commentform textarea:focus {
    background-color: #152030 !important;
    border-color: #55bde5 !important;
    outline: none !important;
}

[data-background="dark"] .box-container #commentform input::placeholder,
[data-background="dark"] .box-container #commentform textarea::placeholder {
    color: #666 !important;
}

[data-background="dark"] .box-container .comment-form-cookies-consent input[type="checkbox"] {
    accent-color: #55bde5;
}

/* Fix WP default search widget on dark theme */
.wp-block-search input[type="search"],
.wp-block-search .wp-block-search__input {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #e0e0e0 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
}

.wp-block-search .wp-block-search__button {
    background: #f5c518 !important;
    color: #1a1a2e !important;
    border: none !important;
    border-radius: 6px !important;
}

/* Post navigation links */
.nav-links a,
a[rel="prev"],
a[rel="next"] {
    color: #4fc3f7 !important;
    text-decoration: none;
}

/* Recent posts links in sidebar */
.wp-block-latest-posts a,
.widget a {
    color: #4fc3f7 !important;
}

/* Sidebar headings */
.wp-block-heading,
.widget h2 {
    color: #e0e0e0 !important;
}