/* ==========================================================
   Soledad (PenciDesign) Dark Theme Per Post — dark-theme.css
   Targeting Soledad/Penci-specific CSS classes
   ========================================================== */

/* ── CSS Variables ── */
body.soledad-dark-mode {
    --dark-bg:           #0f0f14;
    --dark-bg-surface:   #1a1a24;
    --dark-bg-raised:    #222230;
    --dark-border:       #2e2e40;
    --dark-text:         #e2e2ec;
    --dark-text-muted:   #9898b0;
    --dark-text-faint:   #5a5a72;
    --dark-accent:       #7eb8f7;
    --dark-accent-hover: #a8d0ff;
    --dark-heading:      #ffffff;
}

/* ── Base body ── */
body.soledad-dark-mode {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

/* ─────────────────────────────────────────────
   HEADER
───────────────────────────────────────────── */
body.soledad-dark-mode #header,
body.soledad-dark-mode .header-style-1,
body.soledad-dark-mode .header-style-2,
body.soledad-dark-mode .header-style-3,
body.soledad-dark-mode .header-style-4,
body.soledad-dark-mode .header-style-5,
body.soledad-dark-mode .penci-header-builder,
body.soledad-dark-mode .penci-header-row {
    background-color: var(--dark-bg-surface) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

/* Top bar */
body.soledad-dark-mode #topbar-wrap,
body.soledad-dark-mode .penci-topbar {
    background-color: #0a0a10 !important;
    border-bottom: 1px solid var(--dark-border) !important;
    color: var(--dark-text-muted) !important;
}

body.soledad-dark-mode #topbar-wrap a,
body.soledad-dark-mode .penci-topbar a {
    color: var(--dark-text-muted) !important;
}

/* Navigation */
body.soledad-dark-mode #navigation,
body.soledad-dark-mode .penci-nav-wrap {
    background-color: var(--dark-bg-surface) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.soledad-dark-mode #navigation ul.menu > li > a,
body.soledad-dark-mode #navigation .menu > ul > li > a {
    color: var(--dark-text) !important;
}

body.soledad-dark-mode #navigation ul.menu > li > a:hover,
body.soledad-dark-mode #navigation ul.menu > li.current-menu-item > a {
    color: var(--dark-accent) !important;
}

/* Dropdown menus */
body.soledad-dark-mode #navigation ul.menu ul.sub-menu,
body.soledad-dark-mode #navigation .menu > ul > li ul {
    background-color: var(--dark-bg-surface) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.5) !important;
}

body.soledad-dark-mode #navigation ul.menu ul.sub-menu li a {
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.soledad-dark-mode #navigation ul.menu ul.sub-menu li a:hover {
    color: var(--dark-accent) !important;
    background-color: var(--dark-bg-raised) !important;
}

/* Sticky nav */
body.soledad-dark-mode #sticky-nav,
body.soledad-dark-mode .penci-sticky-nav {
    background-color: var(--dark-bg-surface) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.6) !important;
}

/* ─────────────────────────────────────────────
   MAIN LAYOUT / CONTAINERS
───────────────────────────────────────────── */
body.soledad-dark-mode #content-wrap,
body.soledad-dark-mode .container,
body.soledad-dark-mode .penci-wrapper,
body.soledad-dark-mode #main-content,
body.soledad-dark-mode #main {
    background-color: var(--dark-bg) !important;
}

/* ─────────────────────────────────────────────
   SINGLE POST — ARTICLE
───────────────────────────────────────────── */
body.soledad-dark-mode article,
body.soledad-dark-mode .post,
body.soledad-dark-mode .penci-post-box,
body.soledad-dark-mode .penci-single-style-1,
body.soledad-dark-mode .penci-single-style-2,
body.soledad-dark-mode .penci-single-style-3,
body.soledad-dark-mode .penci-single-style-4,
body.soledad-dark-mode .penci-single-style-5,
body.soledad-dark-mode .penci-single-style-6,
body.soledad-dark-mode .penci-single-style-7,
body.soledad-dark-mode .penci-single-style-8,
body.soledad-dark-mode .penci-single-style-9,
body.soledad-dark-mode .penci-single-style-10 {
    background-color: var(--dark-bg-surface) !important;
    color: var(--dark-text) !important;
}

/* Post title */
body.soledad-dark-mode .post-title,
body.soledad-dark-mode h1.post-title,
body.soledad-dark-mode .entry-title,
body.soledad-dark-mode h1.entry-title,
body.soledad-dark-mode .penci-post-title {
    color: var(--dark-heading) !important;
}

body.soledad-dark-mode .post-title a,
body.soledad-dark-mode .entry-title a {
    color: var(--dark-heading) !important;
}

/* Post subtitle */
body.soledad-dark-mode .penci-post-subtitle,
body.soledad-dark-mode .post-subtitle {
    color: var(--dark-text-muted) !important;
}

/* Post meta (date, author, category, tags) */
body.soledad-dark-mode .post-meta,
body.soledad-dark-mode .penci-post-meta,
body.soledad-dark-mode .above-entry-meta,
body.soledad-dark-mode .below-entry-meta {
    color: var(--dark-text-muted) !important;
}

body.soledad-dark-mode .post-meta a,
body.soledad-dark-mode .penci-post-meta a,
body.soledad-dark-mode .above-entry-meta a,
body.soledad-dark-mode .below-entry-meta a {
    color: var(--dark-text-muted) !important;
}

body.soledad-dark-mode .post-meta a:hover,
body.soledad-dark-mode .penci-post-meta a:hover {
    color: var(--dark-accent) !important;
}

/* Category labels */
body.soledad-dark-mode .cat-links a,
body.soledad-dark-mode .penci-cat-label,
body.soledad-dark-mode .penci-post-box .cat-title a {
    background-color: var(--dark-bg-raised) !important;
    color: var(--dark-text-muted) !important;
    border: 1px solid var(--dark-border) !important;
}

/* Breadcrumbs */
body.soledad-dark-mode .penci-breadcrumb,
body.soledad-dark-mode .breadcrumb,
body.soledad-dark-mode .penci-breadcrumb a,
body.soledad-dark-mode .breadcrumb a,
body.soledad-dark-mode .penci-breadcrumb span {
    color: var(--dark-text-muted) !important;
}

/* ─────────────────────────────────────────────
   POST CONTENT BODY
───────────────────────────────────────────── */
body.soledad-dark-mode .entry-content,
body.soledad-dark-mode .post-content,
body.soledad-dark-mode .penci-post-content {
    color: var(--dark-text) !important;
}

body.soledad-dark-mode .entry-content p,
body.soledad-dark-mode .post-content p {
    color: var(--dark-text) !important;
}

/* Headings inside content */
body.soledad-dark-mode .entry-content h1,
body.soledad-dark-mode .entry-content h2,
body.soledad-dark-mode .entry-content h3,
body.soledad-dark-mode .entry-content h4,
body.soledad-dark-mode .entry-content h5,
body.soledad-dark-mode .entry-content h6 {
    color: var(--dark-heading) !important;
}

/* Links */
body.soledad-dark-mode .entry-content a,
body.soledad-dark-mode .post-content a {
    color: var(--dark-accent) !important;
}

body.soledad-dark-mode .entry-content a:hover,
body.soledad-dark-mode .post-content a:hover {
    color: var(--dark-accent-hover) !important;
}

/* Lists */
body.soledad-dark-mode .entry-content ul li,
body.soledad-dark-mode .entry-content ol li {
    color: var(--dark-text) !important;
}

/* Blockquote */
body.soledad-dark-mode blockquote,
body.soledad-dark-mode .wp-block-quote {
    background-color: var(--dark-bg-raised) !important;
    border-left: 4px solid var(--dark-accent) !important;
    color: var(--dark-text) !important;
}

body.soledad-dark-mode blockquote p,
body.soledad-dark-mode blockquote cite {
    color: var(--dark-text-muted) !important;
}

/* Penci pullquote */
body.soledad-dark-mode .penci-pullquote {
    background-color: var(--dark-bg-raised) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Code blocks */
body.soledad-dark-mode pre,
body.soledad-dark-mode code,
body.soledad-dark-mode .wp-block-code {
    background-color: #12121c !important;
    color: #f8f8f2 !important;
    border: 1px solid var(--dark-border) !important;
}

/* Tables */
body.soledad-dark-mode table {
    color: var(--dark-text) !important;
    border-color: var(--dark-border) !important;
}

body.soledad-dark-mode th {
    background-color: var(--dark-bg-raised) !important;
    color: var(--dark-heading) !important;
    border-color: var(--dark-border) !important;
}

body.soledad-dark-mode td {
    background-color: var(--dark-bg-surface) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* HR */
body.soledad-dark-mode hr,
body.soledad-dark-mode .penci-divider {
    border-color: var(--dark-border) !important;
}

/* Images */
body.soledad-dark-mode .entry-content img,
body.soledad-dark-mode .penci-featured-image img {
    border-radius: 4px;
    opacity: 0.92;
}

/* Captions */
body.soledad-dark-mode .wp-caption-text,
body.soledad-dark-mode figcaption {
    color: var(--dark-text-muted) !important;
    background-color: var(--dark-bg-raised) !important;
}

/* ─────────────────────────────────────────────
   POST TAGS
───────────────────────────────────────────── */
body.soledad-dark-mode .penci-post-tags a,
body.soledad-dark-mode .post-tags a,
body.soledad-dark-mode .tags-links a {
    background-color: var(--dark-bg-raised) !important;
    color: var(--dark-text-muted) !important;
    border: 1px solid var(--dark-border) !important;
}

body.soledad-dark-mode .penci-post-tags a:hover,
body.soledad-dark-mode .tags-links a:hover {
    background-color: var(--dark-accent) !important;
    color: #fff !important;
    border-color: var(--dark-accent) !important;
}

/* ─────────────────────────────────────────────
   AUTHOR BOX
───────────────────────────────────────────── */
body.soledad-dark-mode .penci-author-box,
body.soledad-dark-mode .author-box,
body.soledad-dark-mode .penci-post-author {
    background-color: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.soledad-dark-mode .penci-author-box h4,
body.soledad-dark-mode .penci-author-box .author-name,
body.soledad-dark-mode .author-box h4 {
    color: var(--dark-heading) !important;
}

body.soledad-dark-mode .penci-author-box p {
    color: var(--dark-text-muted) !important;
}

/* ─────────────────────────────────────────────
   SIDEBAR
───────────────────────────────────────────── */
body.soledad-dark-mode #sidebar,
body.soledad-dark-mode .penci-sidebar-content,
body.soledad-dark-mode .widget-area,
body.soledad-dark-mode aside.widget {
    background-color: var(--dark-bg-surface) !important;
    color: var(--dark-text) !important;
}

body.soledad-dark-mode .widget-title,
body.soledad-dark-mode .penci-border-arrow,
body.soledad-dark-mode .widget-title .inner-arrow {
    color: var(--dark-heading) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.soledad-dark-mode .penci-border-arrow {
    border-bottom: 2px solid var(--dark-border) !important;
}

body.soledad-dark-mode .widget ul li,
body.soledad-dark-mode .widget ul li a {
    color: var(--dark-text-muted) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.soledad-dark-mode .widget ul li a:hover {
    color: var(--dark-accent) !important;
}

/* Side news feed (recent/popular posts widget) */
body.soledad-dark-mode .side-newsfeed li {
    border-bottom: 1px solid var(--dark-border) !important;
}

body.soledad-dark-mode .side-newsfeed li h4 a {
    color: var(--dark-text) !important;
}

body.soledad-dark-mode .side-newsfeed li h4 a:hover {
    color: var(--dark-accent) !important;
}

body.soledad-dark-mode .side-item-meta {
    color: var(--dark-text-faint) !important;
}

/* ─────────────────────────────────────────────
   RELATED POSTS
───────────────────────────────────────────── */
body.soledad-dark-mode .penci-related-posts,
body.soledad-dark-mode .related-posts-wrap,
body.soledad-dark-mode #penci-related-posts {
    background-color: var(--dark-bg-surface) !important;
    border-top: 2px solid var(--dark-border) !important;
}

body.soledad-dark-mode .penci-related-posts h3,
body.soledad-dark-mode .related-posts-wrap h3 {
    color: var(--dark-heading) !important;
}

body.soledad-dark-mode .penci-related-posts .related-item h4 a,
body.soledad-dark-mode .related-posts-wrap .item h4 a {
    color: var(--dark-text) !important;
}

body.soledad-dark-mode .penci-related-posts .related-item h4 a:hover {
    color: var(--dark-accent) !important;
}

body.soledad-dark-mode .penci-related-posts .related-item .above-entry-meta {
    color: var(--dark-text-faint) !important;
}

/* ─────────────────────────────────────────────
   COMMENTS
───────────────────────────────────────────── */
body.soledad-dark-mode #comments,
body.soledad-dark-mode .comments-wrap {
    background-color: var(--dark-bg-surface) !important;
    border-top: 2px solid var(--dark-border) !important;
}

body.soledad-dark-mode #comments h2,
body.soledad-dark-mode .comments-title {
    color: var(--dark-heading) !important;
}

/* Comment list items */
body.soledad-dark-mode .comment-list .comment,
body.soledad-dark-mode .thecomment {
    border-bottom: 1px solid var(--dark-border) !important;
}

body.soledad-dark-mode .comment-text {
    background-color: var(--dark-bg-raised) !important;
    border-radius: 4px;
    padding: 12px;
}

body.soledad-dark-mode .comment-text .author {
    color: var(--dark-accent) !important;
}

body.soledad-dark-mode .comment-text .date {
    color: var(--dark-text-faint) !important;
}

body.soledad-dark-mode .comment-text p {
    color: var(--dark-text) !important;
}

body.soledad-dark-mode .comment-text .reply a {
    color: var(--dark-text-muted) !important;
}

/* Comment form */
body.soledad-dark-mode #respond,
body.soledad-dark-mode .comment-respond {
    background-color: var(--dark-bg-raised) !important;
    border-radius: 6px;
}

body.soledad-dark-mode #respond h3,
body.soledad-dark-mode .comment-reply-title {
    color: var(--dark-heading) !important;
}

body.soledad-dark-mode #commentform input[type="text"],
body.soledad-dark-mode #commentform input[type="email"],
body.soledad-dark-mode #commentform input[type="url"],
body.soledad-dark-mode #commentform textarea {
    background-color: var(--dark-bg-surface) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

body.soledad-dark-mode #commentform input::placeholder,
body.soledad-dark-mode #commentform textarea::placeholder {
    color: var(--dark-text-faint) !important;
}

body.soledad-dark-mode #commentform label {
    color: var(--dark-text-muted) !important;
}

/* ─────────────────────────────────────────────
   PREV / NEXT POST NAVIGATION
───────────────────────────────────────────── */
body.soledad-dark-mode .penci-post-nav,
body.soledad-dark-mode .nav-single,
body.soledad-dark-mode .post-nav-wrap {
    background-color: var(--dark-bg-raised) !important;
    border-top: 1px solid var(--dark-border) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

body.soledad-dark-mode .penci-post-nav a,
body.soledad-dark-mode .nav-single a {
    color: var(--dark-text) !important;
}

body.soledad-dark-mode .penci-post-nav a:hover,
body.soledad-dark-mode .nav-single a:hover {
    color: var(--dark-accent) !important;
}

body.soledad-dark-mode .penci-post-nav .nav-subtitle {
    color: var(--dark-text-faint) !important;
}

/* ─────────────────────────────────────────────
   FOOTER
───────────────────────────────────────────── */
body.soledad-dark-mode #footer,
body.soledad-dark-mode .site-footer,
body.soledad-dark-mode .footer-inner {
    background-color: #090910 !important;
    color: var(--dark-text-muted) !important;
}

body.soledad-dark-mode #footer .widget-title,
body.soledad-dark-mode .site-footer .widget-title {
    color: var(--dark-heading) !important;
    border-bottom-color: var(--dark-border) !important;
}

body.soledad-dark-mode #footer a,
body.soledad-dark-mode .site-footer a {
    color: var(--dark-text-muted) !important;
}

body.soledad-dark-mode #footer a:hover,
body.soledad-dark-mode .site-footer a:hover {
    color: var(--dark-accent) !important;
}

body.soledad-dark-mode #footer-bottom,
body.soledad-dark-mode .footer-bottom {
    background-color: #060609 !important;
    border-top: 1px solid var(--dark-border) !important;
    color: var(--dark-text-faint) !important;
}

body.soledad-dark-mode #footer-bottom a {
    color: var(--dark-text-faint) !important;
}

/* Footer Instagram */
body.soledad-dark-mode .footer-instagram {
    background-color: #0a0a10 !important;
}

/* ─────────────────────────────────────────────
   MISC / GLOBAL
───────────────────────────────────────────── */

/* Search form */
body.soledad-dark-mode #searchform input,
body.soledad-dark-mode .penci-search input {
    background-color: var(--dark-bg-raised) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--dark-text) !important;
}

/* Penci Read More button */
body.soledad-dark-mode .penci-more-btn a,
body.soledad-dark-mode .more-link {
    background-color: var(--dark-bg-raised) !important;
    color: var(--dark-text-muted) !important;
    border: 1px solid var(--dark-border) !important;
}

/* Smooth transition */
body.soledad-dark-mode *,
body.soledad-dark-mode *::before,
body.soledad-dark-mode *::after {
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}