/**
 * Membership System - Dark Mode Styles
 * Tema dark mode sistemiyle tam uyumlu
 * 
 * @package News_Theme
 */

/* ============================================
   CSS VARIABLES
   ============================================ */
body.dark-mode {
    --dark-bg-primary: #0d0d0d;
    --dark-bg-secondary: #1a1a1a;
    --dark-bg-tertiary: #2a2a2a;
    --dark-bg-quaternary: #333333;
    
    --dark-text-primary: #ffffff;
    --dark-text-secondary: #b0b0b0;
    --dark-text-tertiary: #808080;
    
    --dark-border: #333333;
    --dark-border-light: #444444;
    
    --dark-accent: #e74c3c;
    --dark-accent-hover: #c0392b;
    --dark-accent-light: rgba(231, 76, 60, 0.1);
    
    --dark-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --dark-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --dark-shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* ============================================
   MEMBERSHIP CONTAINERS
   ============================================ */

/* Ana sayfa wrapper'ları */
body.dark-mode .site-content,
body.dark-mode .content-wrapper,
body.dark-mode .page-content,
body.dark-mode .entry-content,
body.dark-mode article.page {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .nt-membership-container {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .nt-membership-form-wrapper {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-lg);
}

body.dark-mode .nt-membership-header h2 {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-membership-header p {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-membership-header a {
    color: var(--dark-accent);
}

/* ============================================
   FORM ELEMENTS
   ============================================ */
body.dark-mode .nt-form-group label {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-form-group label i {
    color: var(--dark-accent);
}

body.dark-mode .nt-form-group input[type="text"],
body.dark-mode .nt-form-group input[type="email"],
body.dark-mode .nt-form-group input[type="password"],
body.dark-mode .nt-form-group input[type="url"],
body.dark-mode .nt-form-group textarea {
    background: var(--dark-bg-tertiary);
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
}

body.dark-mode .nt-form-group input:focus,
body.dark-mode .nt-form-group textarea:focus {
    background: var(--dark-bg-quaternary);
    border-color: var(--dark-accent);
    box-shadow: 0 0 0 3px var(--dark-accent-light);
}

body.dark-mode .nt-form-group input::placeholder,
body.dark-mode .nt-form-group textarea::placeholder {
    color: var(--dark-text-tertiary);
}

/* Password Toggle */
body.dark-mode .nt-password-toggle {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-password-toggle:hover {
    color: var(--dark-accent);
}

/* Password Strength */
body.dark-mode .nt-password-strength {
    background: var(--dark-border);
}

/* Form Hints */
body.dark-mode .nt-form-hint {
    color: var(--dark-text-tertiary);
}

body.dark-mode .nt-form-error {
    color: #ff6b6b;
}

body.dark-mode .nt-form-success {
    color: #51cf66;
}

/* Checkbox */
body.dark-mode .nt-checkbox-label {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-checkbox-custom {
    border-color: var(--dark-border-light);
    background: var(--dark-bg-tertiary);
}

body.dark-mode .nt-checkbox-label input[type="checkbox"]:checked + .nt-checkbox-custom {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
}

/* ============================================
   BUTTONS
   ============================================ */
body.dark-mode .nt-btn-primary {
    background: var(--dark-accent);
    color: #ffffff !important;
}

body.dark-mode .nt-btn-primary:hover {
    background: var(--dark-accent-hover);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.4);
}

body.dark-mode .nt-btn-secondary {
    background: var(--dark-bg-quaternary);
    color: var(--dark-text-primary);
}

body.dark-mode .nt-btn-secondary:hover {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .nt-btn-outline {
    background: transparent;
    border-color: var(--dark-border-light);
    color: var(--dark-text-primary);
}

body.dark-mode .nt-btn-outline:hover {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
    color: #ffffff;
}

body.dark-mode .nt-btn-danger {
    background: #c0392b;
    color: #ffffff;
}

body.dark-mode .nt-btn-danger:hover {
    background: #a93226;
}

/* ============================================
   MESSAGES
   ============================================ */
body.dark-mode .nt-message.nt-success {
    background: rgba(76, 175, 80, 0.15);
    color: #51cf66;
    border-left-color: #51cf66;
}

body.dark-mode .nt-message.nt-error {
    background: rgba(244, 67, 54, 0.15);
    color: #ff6b6b;
    border-left-color: #ff6b6b;
}

body.dark-mode .nt-message.nt-info {
    background: rgba(33, 150, 243, 0.15);
    color: #4dabf7;
    border-left-color: #4dabf7;
}

/* ============================================
   PROFILE PAGE
   ============================================ */
body.dark-mode .nt-profile-container {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .nt-profile-content {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .nt-profile-main,
body.dark-mode .nt-profile-sidebar {
    background: transparent !important;
}

body.dark-mode .nt-profile-header {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .nt-profile-cover {
    background: linear-gradient(135deg, var(--dark-accent) 0%, var(--dark-accent-hover) 100%);
}

body.dark-mode .nt-profile-avatar {
    border-color: var(--dark-bg-secondary);
    background: var(--dark-bg-tertiary);
}

body.dark-mode .nt-avatar-upload-btn {
    background: var(--dark-accent);
    border-color: var(--dark-bg-secondary);
}

body.dark-mode .nt-avatar-upload-btn:hover {
    background: var(--dark-accent-hover);
}

body.dark-mode .nt-profile-name {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-profile-username {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-profile-role,
body.dark-mode .nt-profile-joined {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-profile-role i,
body.dark-mode .nt-profile-joined i {
    color: var(--dark-accent);
}

/* Profile Stats */
body.dark-mode .nt-profile-stats {
    background: transparent;
}

body.dark-mode .nt-stat-item {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .nt-stat-item:hover {
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .nt-stat-icon {
    background: var(--dark-accent-light);
    color: var(--dark-accent);
}

body.dark-mode .nt-stat-value {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-stat-label {
    color: var(--dark-text-secondary);
}

/* Profile Tabs */
body.dark-mode .nt-profile-tabs {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .nt-tabs-nav {
    background: var(--dark-bg-tertiary);
    border-bottom-color: var(--dark-border);
}

body.dark-mode .nt-tab-btn {
    color: var(--dark-text-secondary);
    border-bottom-color: transparent;
}

body.dark-mode .nt-tab-btn:hover {
    background: var(--dark-bg-secondary);
    color: var(--dark-text-primary);
}

body.dark-mode .nt-tab-btn.active {
    background: var(--dark-bg-secondary);
    color: var(--dark-accent);
    border-bottom-color: var(--dark-accent);
}

body.dark-mode .nt-tab-pane {
    background: var(--dark-bg-secondary);
}

/* Profile Sections */
body.dark-mode .nt-profile-section {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .nt-section-title {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-section-title i {
    color: var(--dark-accent);
}

body.dark-mode .nt-section-content {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-empty-state {
    color: var(--dark-text-tertiary);
}

body.dark-mode .nt-empty-state i {
    color: var(--dark-border-light);
}

body.dark-mode .nt-empty-state h3 {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-empty-state p {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-link {
    color: var(--dark-accent);
}

body.dark-mode .nt-link:hover {
    color: var(--dark-accent-hover);
}

/* Stats Grid */
body.dark-mode .nt-stats-grid {
    background: transparent;
}

body.dark-mode .nt-stats-item {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .nt-stats-item:hover {
    background: var(--dark-bg-quaternary);
}

body.dark-mode .nt-stats-label {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-stats-value {
    color: var(--dark-accent);
}

/* Activities */
body.dark-mode .nt-activities-list {
    background: transparent;
}

body.dark-mode .nt-activity-item {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .nt-activity-item:hover {
    background: var(--dark-bg-quaternary);
}

body.dark-mode .nt-activity-icon {
    background: var(--dark-accent-light);
    color: var(--dark-accent);
}

body.dark-mode .nt-activity-text {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-activity-text a {
    color: var(--dark-accent);
}

body.dark-mode .nt-activity-time {
    color: var(--dark-text-tertiary);
}

body.dark-mode .nt-activity-excerpt {
    background: var(--dark-bg-secondary);
    border-left-color: var(--dark-accent);
}

body.dark-mode .nt-activity-excerpt p {
    color: var(--dark-text-secondary);
}

/* Sidebar Widgets */
body.dark-mode .nt-sidebar-widget {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .nt-widget-title {
    background: var(--dark-bg-tertiary);
    border-bottom-color: var(--dark-border);
    color: var(--dark-text-primary);
}

body.dark-mode .nt-widget-title i {
    color: var(--dark-accent);
}

body.dark-mode .nt-widget-content {
    background: var(--dark-bg-secondary);
}

body.dark-mode .nt-info-item {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .nt-info-label {
    color: var(--dark-text-tertiary);
}

body.dark-mode .nt-info-value {
    color: var(--dark-text-primary);
}

/* Security Status */
body.dark-mode .nt-security-status {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .nt-security-item {
    background: transparent;
}

body.dark-mode .nt-security-good {
    background: rgba(76, 175, 80, 0.1);
    color: #51cf66;
}

body.dark-mode .nt-security-warning {
    background: rgba(255, 193, 7, 0.1);
    color: #ffd54f;
}

/* ============================================
   DASHBOARD
   ============================================ */
body.dark-mode .nt-dashboard-container {
    background: var(--dark-bg-primary) !important;
}

body.dark-mode .nt-dashboard-content {
    background: transparent !important;
}

body.dark-mode .nt-dashboard-main,
body.dark-mode .nt-dashboard-sidebar {
    background: transparent !important;
}

body.dark-mode .nt-dashboard-header {
    background: linear-gradient(135deg, var(--dark-accent) 0%, var(--dark-accent-hover) 100%);
}

body.dark-mode .nt-dashboard-welcome h1 {
    color: #ffffff !important;
}

body.dark-mode .nt-dashboard-welcome p {
    color: #ffffff !important;
}

body.dark-mode .nt-dashboard-avatar {
    border-color: #ffffff;
    background: #ffffff;
}

body.dark-mode .nt-dashboard-user-info strong {
    color: #ffffff !important;
}

body.dark-mode .nt-dashboard-user-info span {
    color: #ffffff !important;
}

/* Dashboard Stats */
body.dark-mode .nt-dashboard-stats {
    background: transparent;
}

body.dark-mode .nt-stat-card {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .nt-stat-card:hover {
    box-shadow: var(--dark-shadow-md);
}

body.dark-mode .nt-stat-card-content h3 {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-stat-card-content p {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-stat-card-footer {
    border-top-color: var(--dark-border);
}

body.dark-mode .nt-stat-card-footer a {
    color: var(--dark-accent);
}

body.dark-mode .nt-stat-card-footer span {
    color: var(--dark-text-tertiary);
}

/* Dashboard Sections */
body.dark-mode .nt-dashboard-section {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .nt-section-header {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .nt-section-header h2 {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-section-header h2 i {
    color: var(--dark-accent);
}

/* Quick Actions */
body.dark-mode .nt-quick-action-card {
    background: var(--dark-bg-tertiary);
}

body.dark-mode .nt-quick-action-card:hover {
    background: var(--dark-bg-quaternary);
}

body.dark-mode .nt-quick-action-icon {
    background: var(--dark-accent-light);
    color: var(--dark-accent);
}

body.dark-mode .nt-quick-action-content h4 {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-quick-action-content p {
    color: var(--dark-text-secondary);
}

/* Timeline */
body.dark-mode .nt-activities-timeline {
    background: transparent;
}

body.dark-mode .nt-timeline-item {
    background: transparent;
}

body.dark-mode .nt-timeline-marker {
    background: var(--dark-accent-light);
    color: var(--dark-accent);
}

body.dark-mode .nt-timeline-content {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .nt-timeline-header h4 a {
    color: var(--dark-accent);
}

body.dark-mode .nt-timeline-time {
    color: var(--dark-text-tertiary);
}

body.dark-mode .nt-timeline-body p {
    color: var(--dark-text-secondary);
}

/* Dashboard Widgets */
body.dark-mode .nt-dashboard-widget {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-sm);
}

body.dark-mode .nt-widget-header {
    background: var(--dark-bg-tertiary);
    border-bottom-color: var(--dark-border);
}

body.dark-mode .nt-widget-header h3 {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-widget-header h3 i {
    color: var(--dark-accent);
}

body.dark-mode .nt-info-list {
    background: transparent;
}

body.dark-mode .nt-help-links a {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-help-links a:hover {
    background: var(--dark-bg-tertiary);
    color: var(--dark-accent);
}

body.dark-mode .nt-help-links a i {
    color: var(--dark-accent);
}

/* ============================================
   MODALS
   ============================================ */
body.dark-mode .nt-modal-overlay {
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
}

body.dark-mode .nt-modal-container {
    background: var(--dark-bg-secondary);
    box-shadow: var(--dark-shadow-lg);
}

body.dark-mode .nt-modal-header {
    background: var(--dark-bg-tertiary);
    border-bottom-color: var(--dark-border);
}

body.dark-mode .nt-modal-header h3 {
    color: var(--dark-text-primary);
}

body.dark-mode .nt-modal-header h3 i {
    color: var(--dark-accent);
}

body.dark-mode .nt-modal-close {
    background: var(--dark-bg-quaternary);
    color: var(--dark-text-primary);
}

body.dark-mode .nt-modal-close:hover {
    background: var(--dark-accent);
    color: #ffffff;
}

body.dark-mode .nt-modal-body {
    background: var(--dark-bg-secondary);
}

body.dark-mode .nt-modal-footer {
    background: var(--dark-bg-secondary);
}

/* ============================================
   FORM FOOTER
   ============================================ */
body.dark-mode .nt-form-footer p {
    color: var(--dark-text-secondary);
}

body.dark-mode .nt-form-footer a {
    color: var(--dark-accent);
}

body.dark-mode .nt-form-divider {
    background: transparent;
}

body.dark-mode .nt-form-divider:before {
    background: var(--dark-border);
}

body.dark-mode .nt-form-divider span {
    background: var(--dark-bg-secondary);
    color: var(--dark-text-tertiary);
}

/* ============================================
   FORGOT PASSWORD
   ============================================ */
body.dark-mode .nt-forgot-password a {
    color: var(--dark-accent);
}

body.dark-mode .nt-form-actions {
    background: transparent;
}

/* ============================================
   RESPONSIVE DARK MODE
   ============================================ */
@media (max-width: 768px) {
    body.dark-mode .nt-membership-form-wrapper {
        background: var(--dark-bg-secondary);
    }
    
    body.dark-mode .nt-dashboard-header {
        background: linear-gradient(135deg, var(--dark-accent) 0%, var(--dark-accent-hover) 100%);
    }
}