/* ============================================
   RIYADNA THEME - Dark Mode
   ============================================ */

body.dark-mode {
    --color-bg: #0f0f1a;
    --color-bg-alt: #151525;
    --color-bg-card: #1a1a2e;
    --color-surface: #1a1a2e;

    --color-text: #e5e7eb;
    --color-text-secondary: #a0a0b8;
    --color-text-muted: #6b6b85;

    --color-border: #2a2a40;
    --color-border-light: #222238;

    --color-dark: #e5e7eb;

    --color-primary-light: #2a8a2a;
}

/* Header */
body.dark-mode .site-header {
    background: rgba(15, 15, 26, 0.95);
    border-bottom-color: var(--color-border);
}

body.dark-mode .hamburger-line {
    background: var(--color-text);
}

body.dark-mode .mobile-menu-overlay {
    background: var(--color-bg);
}

/* Dark mode toggle icon swap */
body.dark-mode .dark-mode-toggle .icon-sun {
    display: none;
}

body.dark-mode .dark-mode-toggle .icon-moon {
    display: block;
}

/* Stats section */
body.dark-mode .stats-section {
    background: var(--color-primary-dark);
}

/* Cards */
body.dark-mode .service-card,
body.dark-mode .why-card,
body.dark-mode .pricing-card,
body.dark-mode .portfolio-card,
body.dark-mode .post-card,
body.dark-mode .contact-form,
body.dark-mode .faq-item,
body.dark-mode .blog-sidebar .widget {
    background: var(--color-bg-card);
    border-color: var(--color-border);
}

body.dark-mode .pricing-card-popular {
    border-color: var(--color-primary);
}

/* Footer */
body.dark-mode .site-footer {
    background: #0a0a15;
}

body.dark-mode .footer-bottom {
    border-top-color: rgba(255,255,255,0.06);
}

/* Form inputs */
body.dark-mode .form-group input,
body.dark-mode .form-group select,
body.dark-mode .form-group textarea,
body.dark-mode .search-form .search-field,
body.dark-mode .comment-form input,
body.dark-mode .comment-form textarea {
    background: var(--color-bg);
    border-color: var(--color-border);
    color: var(--color-text);
}

/* Placeholders */
body.dark-mode .portfolio-placeholder,
body.dark-mode .post-image-placeholder,
body.dark-mode .map-placeholder-inner {
    background: var(--color-bg);
}

/* About visual */
body.dark-mode .about-visual-placeholder svg rect:first-child {
    opacity: 0.1;
}

/* Contact info card */
body.dark-mode .contact-info-card {
    background: var(--color-bg-card);
}

/* Diff items */
body.dark-mode .diff-item {
    background: var(--color-bg-card);
}

/* Entry content blockquote */
body.dark-mode .entry-content blockquote {
    background: var(--color-bg-card);
}

/* Tag link */
body.dark-mode .tag-link {
    background: var(--color-bg-card);
}

/* Nav prev/next */
body.dark-mode .nav-prev,
body.dark-mode .nav-next {
    background: var(--color-bg-card);
}

/* Service type card */
body.dark-mode .service-type-card {
    background: var(--color-bg);
    border-color: var(--color-border);
}

/* Page header */
body.dark-mode .page-header,
body.dark-mode .section-alt-wrapper {
    background: var(--color-bg-alt);
}

/* CTA block */
body.dark-mode .cta-block {
    background: var(--color-primary-dark);
}

body.dark-mode .cta-block .btn-primary,
body.dark-mode .single-cta-block .btn-primary {
    background: #fff;
    color: var(--color-primary-dark);
    border-color: #fff;
}

body.dark-mode .cta-block .btn-primary:hover,
body.dark-mode .single-cta-block .btn-primary:hover {
    background: rgba(255,255,255,0.85);
}

body.dark-mode .cta-block .btn-outline {
    color: #fff;
    border-color: rgba(255,255,255,0.4);
}

body.dark-mode .cta-block .btn-outline:hover {
    background: #fff;
    color: var(--color-primary-dark);
}

/* Single CTA block */
body.dark-mode .single-cta-block {
    background: var(--color-primary-dark);
}

/* Pagination */
body.dark-mode .pagination .page-numbers {
    border-color: var(--color-border);
    color: var(--color-text-secondary);
}

body.dark-mode .pagination .page-numbers.current,
body.dark-mode .pagination .page-numbers:hover {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

/* Comments */
body.dark-mode .comments-area {
    border-top-color: var(--color-border);
}

body.dark-mode .comment-list .comment {
    border-bottom-color: var(--color-border);
}

body.dark-mode .comment-form .submit {
    background: var(--color-primary);
    color: #fff;
}

body.dark-mode .comment-form .submit:hover {
    background: var(--color-primary-light);
}

/* Form messages */
body.dark-mode .form-message.success {
    background: rgba(var(--color-primary-rgb), 0.15);
    color: #4ade80;
}

body.dark-mode .form-message.error {
    background: rgba(220, 38, 38, 0.15);
    color: #f87171;
}

/* Widget CTA in dark mode */
body.dark-mode .widget-cta {
    background: var(--color-primary-dark) !important;
}

/* Search form */
body.dark-mode .search-form .search-submit {
    background: var(--color-primary);
}

body.dark-mode .search-form .search-submit:hover {
    background: var(--color-primary-light);
}

/* Process number */
body.dark-mode .process-number {
    background: var(--color-primary-dark);
}

/* Hero section */
body.dark-mode .hero-float-card {
    background: var(--color-bg-card);
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* About experience badge */
body.dark-mode .about-experience-badge {
    background: var(--color-primary-dark);
}

/* Pricing popular badge */
body.dark-mode .pricing-popular-badge {
    background: var(--color-primary-dark);
}

/* Back to top */
body.dark-mode .back-to-top {
    background: var(--color-primary-dark);
}

/* Scrollbar */
body.dark-mode::-webkit-scrollbar {
    width: 10px;
}

body.dark-mode::-webkit-scrollbar-track {
    background: var(--color-bg);
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 5px;
}