/* --- Dark Theme Overrides --- */
[data-theme="dark"] {
  --color-bg: #0b0f19;
  --color-text-main: #f1f5f9;
  --color-text-muted: #94a3b8;
  --color-border: #1e293b;
  --color-card-bg: rgba(15, 23, 42, 0.95);
  --color-input-bg: #1e293b;
  --color-header-bg: rgba(11, 15, 25, 0.85);
  --color-post-bg: #111827;
  --color-modal-bg: #1e293b; /* Changed from #111827 to a softer, elegant slate surface */
}
/* Update Post Card & Modals to use dark background variable */
[data-theme="dark"] .card.post,
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .modal-box,
[data-theme="dark"] .trending-tags-bar,
[data-theme="dark"] .author-filter-card,
[data-theme="dark"] .notif-dropdown,
[data-theme="dark"] .share-popover,
[data-theme="dark"] .post-link-card {
  background-color: var(--color-card-bg);
  border-color: var(--color-border);
}

[data-theme="dark"] .create-post textarea,
[data-theme="dark"] .form-group input,
[data-theme="dark"] .nav-search-input-box,
[data-theme="dark"] .comment-textarea,
[data-theme="dark"] .post-location-bar {
  background-color: var(--color-input-bg);
  color: var(--color-text-main);
  border-color: var(--color-border);
}

[data-theme="dark"] .post-body,
[data-theme="dark"] .comment-text,
[data-theme="dark"] .link-card-title {
  color: #e2e8f0;
}

[data-theme="dark"] .tag-pill,
[data-theme="dark"] .btn-outline,
[data-theme="dark"] .interaction-comment,
[data-theme="dark"] .btn-share,
[data-theme="dark"] .like-group,
[data-theme="dark"] .post-action-trigger {
  background-color: #1e293b;
  color: #cbd5e1;
  border-color: var(--color-border);
}
[data-theme="dark"] .interaction-comment:hover,
[data-theme="dark"] .btn-share:hover {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}

/* --- Modal Dark Mode Fixes --- */
[data-theme="dark"] .modal-box {
  background-color: var(--color-modal-bg);
  border: 1px solid var(--color-border);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
}

/* Fix white tab header bar */
[data-theme="dark"] .modal-tabs {
  background-color: #0f172a;
  border-bottom: 1px solid var(--color-border);
}

[data-theme="dark"] .tab-btn {
  color: var(--color-text-muted);
}

[data-theme="dark"] .tab-btn.active {
  background-color: var(--color-modal-bg);
  color: var(--primary);
  border-bottom-color: var(--primary);
}

/* Fix close button contrast */
[data-theme="dark"] .modal-close {
  color: var(--color-text-muted);
}

[data-theme="dark"] .modal-close:hover {
  color: var(--color-text-main);
}

/* Fix labels & inputs inside modal */
[data-theme="dark"] .form-group label {
  color: #cbd5e1;
}

[data-theme="dark"] .form-group input {
  background-color: #0f172a;
  color: #f8fafc;
  border-color: #334155;
}

[data-theme="dark"] .form-group input:focus {
  background-color: #0f172a;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(7, 190, 144, 0.15);
}

/* Sub-modals & feedback text */
[data-theme="dark"] .password-change-section {
  border-top-color: var(--color-border);
}
/* --- Additional Dark Mode Modal Polish --- */
[data-theme="dark"] #form-contact-admin textarea,
[data-theme="dark"] #prompt-modal-input {
  background-color: #0f172a;
  color: #f8fafc;
  border-color: #334155;
}

[data-theme="dark"] #form-contact-admin textarea:focus,
[data-theme="dark"] #prompt-modal-input:focus {
  border-color: var(--primary);
  outline: none;
}

/* Subtle, legible input placeholders */
[data-theme="dark"] ::placeholder {
  color: #64748b;
  opacity: 1;
}

/* Admin modals & search bars */
[data-theme="dark"] .admin-modal-header,
[data-theme="dark"] .admin-users-search {
  background-color: #0f172a;
  border-color: var(--color-border);
}

[data-theme="dark"] .admin-users-search input {
  background-color: #1e293b;
  color: #f8fafc;
  border-color: #334155;
}

[data-theme="dark"] .admin-user-card {
  background-color: #1e293b;
  border-color: var(--color-border);
}
/* Post & Comment Edit/Delete dark styling */
[data-theme="dark"] .btn-edit-post {
  background-color: transparent;
  border-color: var(--color-border);
  color: var(--color-text-muted);
}

[data-theme="dark"] .btn-edit-post:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: var(--primary);
  color: var(--primary);
}

[data-theme="dark"] .btn-delete-post {
  background-color: transparent;
  border-color: rgba(239, 68, 68, 0.35);
  color: #f87171;
}

[data-theme="dark"] .btn-delete-post:hover {
  background-color: rgba(239, 68, 68, 0.2);
  border-color: #f87171;
  color: #fca5a5;
}

/* Comment inline action buttons */
[data-theme="dark"] .btn-edit-comment:hover,
[data-theme="dark"] .btn-delete-comment:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
/* Dark Mode Composer Active & Focus */
[data-theme="dark"] #create-post-card.composer-active {
  background: #111827;
  border-color: var(--primary);
  box-shadow: 0 16px 36px -6px rgba(0, 0, 0, 0.6), 
              0 6px 16px -4px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .create-post textarea:focus {
  background-color: #1e293b;
  color: #f1f5f9;
}

/* Dark Mode Toast & Warning Alerts */
[data-theme="dark"] .toast {
  background: #1e293b;
  color: #f8fafc;
  border: 1px solid #334155;
  border-left: 5px solid var(--primary);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .toast.toast-error {
  border-left-color: #ef4444;
}

[data-theme="dark"] .toast.toast-info {
  border-left-color: #3b82f6;
}

[data-theme="dark"] .toast .toast-message {
  color: #f1f5f9;
}
/* --- Comments Dark Mode Overrides --- */
[data-theme="dark"] .comments-section {
  background-color: #0f172a;
  border-color: var(--color-border);
}

[data-theme="dark"] .card.post.active-comments .comments-section {
  background-color: #0f172a;
  border-color: var(--primary);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .comment-bubble {
  background-color: #1e293b;
  border-color: #334155;
}

[data-theme="dark"] .comment-author {
  color: #f1f5f9;
}

[data-theme="dark"] .comment-text {
  color: #cbd5e1;
}

[data-theme="dark"] .comment-time {
  color: #64748b;
}

[data-theme="dark"] .comment-input,
[data-theme="dark"] .comment-textarea {
  background-color: #1e293b;
  color: #f1f5f9;
  border-color: #334155;
}

[data-theme="dark"] .comment-input:focus,
[data-theme="dark"] .comment-textarea:focus {
  background-color: #1e293b;
  color: #f1f5f9;
  border-color: var(--primary);
}

[data-theme="dark"] .empty-comments,
[data-theme="dark"] .comments-loading,
[data-theme="dark"] .comments-error {
  color: #94a3b8;
}  
/* Dark Mode inline comment edit input */
[data-theme="dark"] .comment-edit-input {
  background-color: #0f172a;
  color: #f1f5f9;
  border-color: #334155;
}

[data-theme="dark"] .comment-edit-input:focus {
  border-color: var(--primary);
}
/* --- User Side/Dropdown Menu Dark Mode --- */
[data-theme="dark"] .dropdown-menu {
  background-color: #1e293b;
  border-color: #334155;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .dropdown-divider {
  background-color: #334155;
}

[data-theme="dark"] .user-display-name {
  color: #f8fafc;
}

[data-theme="dark"] .dropdown-item {
  color: #e2e8f0;
}

/* Fix the white hover flash */
[data-theme="dark"] .dropdown-item:hover {
  background-color: #334155;
  color: #ffffff;
}

/* Fix "Închide sesiunea" danger hover */
[data-theme="dark"] .dropdown-item.text-danger {
  color: #f87171;
}

[data-theme="dark"] .dropdown-item.text-danger:hover {
  background-color: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
}

/* Fix "postarile mele" toggle pill inside dropdown */
[data-theme="dark"] .btn-toggle-pill {
  background-color: #0f172a;
  border-color: #334155;
  color: #cbd5e1;
}

[data-theme="dark"] .btn-toggle-pill:hover {
  background-color: #334155;
  color: #ffffff;
}

[data-theme="dark"] .btn-toggle-pill.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #ffffff;
}
/* --- Profil Utilizator: Statistici în Dark Mode --- */
[data-theme="dark"] .profile-card-stats {
  background-color: #0f172a;
  border-top-color: var(--color-border);
}

[data-theme="dark"] .profile-stat-box {
  border-right-color: var(--color-border);
}

[data-theme="dark"] .profile-stat-box .stat-number {
  color: #f8fafc;
}

[data-theme="dark"] .profile-stat-box .stat-title {
  color: #94a3b8;
}
/* Dark Mode: Evită fundalul alb la hover pentru butoanele outline */
[data-theme="dark"] .btn-outline:hover {
  background-color: #334155;
  border-color: #475569;
  color: #ffffff;
}
/* --- Galerie Profil: Formular Adaugă Foto în Dark Mode --- */
[data-theme="dark"] .gallery-upload-form {
  background-color: #0f172a;
  border-color: var(--color-border);
}

[data-theme="dark"] .gallery-upload-form input[type="text"] {
  background-color: #1e293b;
  color: #f1f5f9;
  border-color: #334155;
}

[data-theme="dark"] .gallery-upload-form input[type="text"]:focus {
  border-color: var(--primary);
  outline: none;
}

/* Butonul etichetă pentru selectarea imaginii */
[data-theme="dark"] .gallery-upload-form .upload-btn-label {
  background-color: #1e293b;
  border-color: #334155 !important;
  color: #cbd5e1;
}

[data-theme="dark"] .gallery-upload-form .upload-btn-label:hover {
  background-color: #334155;
  color: #ffffff;
}

/* Cardurile fotografiilor din galerie în Dark Mode */
[data-theme="dark"] .gallery-item {
  background-color: #1e293b;
  border-color: var(--color-border);
}

[data-theme="dark"] .gallery-item-desc {
  color: #cbd5e1;
}

[data-theme="dark"] .gallery-item-actions {
  border-top-color: #334155;
}
/* Butoane acțiuni admin în Dark Mode */
[data-theme="dark"] .btn-admin-action {
  background-color: #0f172a;
  border-color: #334155;
  color: #cbd5e1;
}

[data-theme="dark"] .btn-admin-action:hover {
  background-color: #334155;
  color: #ffffff;
}
/* Stare de alertă / ștergere în Dark Mode */
[data-theme="dark"] .btn-admin-action.text-danger {
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.4);
  background-color: transparent;
}

[data-theme="dark"] .btn-admin-action.text-danger:hover {
  background-color: rgba(239, 68, 68, 0.2);
  color: #fca5a5;
  border-color: #f87171;
}
/* --- Butoane Foto, Locație, Link în Dark Mode --- */
[data-theme="dark"] .post-action-trigger {
  background-color: #1e293b;
  color: #cbd5e1;
  border-color: var(--color-border);
}

/* Previne fundalul alb/deschis la hover */
[data-theme="dark"] .post-action-trigger:hover {
  background-color: #334155;
  border-color: #475569;
  color: #ffffff;
}

[data-theme="dark"] .post-action-trigger:hover svg {
  stroke: var(--primary);
}

/* Starea activă când panoul de locație sau link este deschis */
[data-theme="dark"] .post-action-trigger.active {
  background-color: rgba(7, 190, 144, 0.15);
  border-color: var(--primary);
  color: var(--primary);
}

[data-theme="dark"] .post-action-trigger.active svg {
  stroke: var(--primary);
}

/* --- Editare Postare în Dark Mode --- */
[data-theme="dark"] .post-edit-container {
  background: transparent;
}

[data-theme="dark"] .edit-post-textarea {
  background-color: #0f172a;
  color: #f1f5f9;
  border-color: #334155;
}

[data-theme="dark"] .edit-post-textarea:focus {
  background-color: #0f172a;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(7, 190, 144, 0.2);
}

[data-theme="dark"] .btn-cancel-edit {
  background-color: #1e293b;
  border-color: #334155;
  color: #cbd5e1;
}

[data-theme="dark"] .btn-cancel-edit:hover {
  background-color: #334155;
  color: #ffffff;
}
/* --- Căutare Utilizatori în Antet (Dark Mode) --- */
[data-theme="dark"] .nav-search-input-box {
  background-color: #0f172a;
  border-color: #334155;
}

[data-theme="dark"] .nav-search-input-box:focus-within {
  background-color: #0f172a;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(7, 190, 144, 0.2);
}
[data-theme="dark"] #nav-user-search-input {
  color: #f8fafc;
}

[data-theme="dark"] .nav-search-icon,
[data-theme="dark"] .nav-search-clear {
  color: #94a3b8;
}

[data-theme="dark"] .nav-search-clear:hover {
  color: #f8fafc;
}

/* Fereastra derulantă cu rezultate */
[data-theme="dark"] .nav-search-dropdown {
  background-color: #1e293b;
  border-color: #334155;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .nav-search-item {
  border-bottom-color: #334155;
}

[data-theme="dark"] .nav-search-item:hover {
  background-color: #334155;
}

[data-theme="dark"] .nav-search-item-name {
  color: #f8fafc;
}

[data-theme="dark"] .nav-search-item-handle,
[data-theme="dark"] .nav-search-item-location,
[data-theme="dark"] .nav-search-empty,
[data-theme="dark"] .nav-search-loading {
  color: #94a3b8;
}
/* Mesaje Inbox Admin în Dark Mode */
[data-theme="dark"] .admin-message-subject {
  color: #f8fafc;
}

[data-theme="dark"] .admin-message-sender {
  color: #94a3b8;
}

[data-theme="dark"] .admin-message-body {
  color: #e2e8f0;
}

/* --- Notificări în Modul Întunecat --- */
[data-theme="dark"] .notif-bell-btn {
  background-color: var(--color-input-bg);
  border-color: var(--color-border);
  color: var(--color-text-main);
}

[data-theme="dark"] .notif-bell-btn:hover {
  background-color: #334155;
  border-color: var(--primary);
  color: var(--primary);
}

[data-theme="dark"] .notif-dropdown {
  background-color: #1e293b;
  border-color: #334155;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .notif-header {
  background-color: #0f172a;
  border-bottom-color: #334155;
}

[data-theme="dark"] .notif-header h4 {
  color: #f8fafc;
}

[data-theme="dark"] .mark-all-btn {
  color: var(--primary);
}

[data-theme="dark"] .notif-list {
  background-color: #1e293b;
}

[data-theme="dark"] .notif-empty {
  color: var(--color-text-muted);
}

[data-theme="dark"] .notif-item {
  border-bottom-color: #334155;
  background-color: transparent;
}

[data-theme="dark"] .notif-item:hover {
  background-color: #334155;
}

/* Notificările necitite în Dark Mode */
[data-theme="dark"] .notif-item.unread {
  background-color: rgba(7, 190, 144, 0.12);
}

[data-theme="dark"] .notif-item.unread:hover {
  background-color: rgba(7, 190, 144, 0.18);
}

[data-theme="dark"] .notif-text {
  color: #f1f5f9;
}

[data-theme="dark"] .notif-text strong {
  color: #ffffff;
}

[data-theme="dark"] .notif-time {
  color: #94a3b8;
}

/* Chenarul roșu al badge-ului pe fundal întunecat */
[data-theme="dark"] .notif-badge {
  border-color: #1e293b;
}