/*
 * mail-themes.css
 * Posta Kutusu bileşeni için tema varyasyon CSS override'ları.
 * blue-theme kuralları blue-theme.css içinde mevcut.
 * Bu dosya: dark, semi-dark, bodered-theme, light temaları kapsar.
 */

/* ================================================================
   DARK THEME
   data-bs-theme=dark → --bs-body-bg: #212529, --bs-body-bg-2: #181c1f
   ================================================================ */

[data-bs-theme=dark] body .mail-read {
  color: #a2b0c5 !important;
  background-color: var(--bs-body-bg-2) !important;
}

[data-bs-theme=dark] body .email-wrapper {
  background-color: var(--bs-body-bg);
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.4);
}

[data-bs-theme=dark] body .email-sidebar {
  background-color: var(--bs-body-bg);
  border-right: 1px solid var(--bs-border-color-translucent);
}

[data-bs-theme=dark] body .email-sidebar-header {
  background-color: var(--bs-body-bg);
  border-bottom: 1px solid var(--bs-border-color-translucent);
}

[data-bs-theme=dark] body .email-navigation {
  border-bottom: 1px solid var(--bs-border-color-translucent);
}

[data-bs-theme=dark] body .email-navigation a.list-group-item {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] body .email-navigation a.list-group-item:hover {
  background-color: var(--bs-body-bg-2);
  color: #fff;
}

[data-bs-theme=dark] body .email-navigation a.list-group-item.active {
  color: #6ea8fe;
  font-weight: 600;
  background-color: var(--bs-body-bg-2);
}

[data-bs-theme=dark] body .email-header {
  background-color: var(--bs-body-bg);
  border-bottom: 1px solid var(--bs-border-color-translucent);
}

[data-bs-theme=dark] body .email-content {
  background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] body .email-meeting a.list-group-item {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] body .email-meeting a.list-group-item:hover {
  background-color: var(--bs-body-bg-2);
}

[data-bs-theme=dark] body .email-toggle-btn {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] body .email-time {
  color: var(--bs-body-color);
}

[data-bs-theme=dark] body .email-star {
  color: var(--bs-secondary-color);
}

[data-bs-theme=dark] body .email-list div.email-message {
  background-color: var(--bs-body-bg);
  border-bottom: 1px solid var(--bs-border-color-translucent);
  color: var(--bs-body-color);
}

[data-bs-theme=dark] body .email-list div.email-message:hover {
  transition: all 0.2s ease-out;
  background-color: var(--bs-body-bg-2) !important;
  color: #fff;
}

[data-bs-theme=dark] body .email-read-box {
  color: var(--bs-body-color);
}

[data-bs-theme=dark] body .email-read-content {
  color: var(--bs-body-color);
}

[data-bs-theme=dark] body .compose-mail-popup .card {
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color-translucent);
}

[data-bs-theme=dark] body .compose-mail-popup .card-body {
  background-color: var(--bs-body-bg);
}


/* ================================================================
   SEMI-DARK THEME
   data-bs-theme=semi-dark → sidebar dark, içerik alanı açık renk
   İçerik bölgesi (email wrapper) Bootstrap'ın varsayılan light
   değişkenlerini kullanır.
   ================================================================ */

[data-bs-theme=semi-dark] body .email-wrapper {
  background-color: #fff;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.08);
}

[data-bs-theme=semi-dark] body .email-sidebar {
  background-color: #fff;
  border-right: 1px solid #dee2e6;
}

[data-bs-theme=semi-dark] body .email-sidebar-header {
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme=semi-dark] body .email-navigation {
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme=semi-dark] body .email-navigation a.list-group-item {
  color: #404142;
  background-color: #fff;
}

[data-bs-theme=semi-dark] body .email-navigation a.list-group-item:hover {
  background-color: rgba(13, 110, 253, 0.08);
}

[data-bs-theme=semi-dark] body .email-navigation a.list-group-item.active {
  color: #0b5ed7;
  font-weight: 600;
  background-color: rgba(13, 110, 253, 0.1);
}

[data-bs-theme=semi-dark] body .email-header {
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme=semi-dark] body .email-content {
  background-color: #fff;
}

[data-bs-theme=semi-dark] body .email-meeting a.list-group-item {
  color: #404142;
  background-color: #fff;
}

[data-bs-theme=semi-dark] body .email-meeting a.list-group-item:hover {
  background-color: rgba(13, 110, 253, 0.08);
}

[data-bs-theme=semi-dark] body .email-toggle-btn {
  color: #404142;
  background-color: #fff;
}

[data-bs-theme=semi-dark] body .email-time {
  color: #6c757d;
}

[data-bs-theme=semi-dark] body .email-list div.email-message {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: #383a3c;
}

[data-bs-theme=semi-dark] body .email-list div.email-message:hover {
  transition: all 0.2s ease-out;
  background-color: #f5f7fa !important;
}

[data-bs-theme=semi-dark] body .mail-read {
  color: #6c757d !important;
  background-color: #f8f9fa !important;
}

[data-bs-theme=semi-dark] body .compose-mail-popup .card {
  background-color: #fff;
  border: 1px solid #dee2e6;
}


/* ================================================================
   BORDERED THEME
   data-bs-theme=bodered-theme → beyaz zemin, belirgin border'lar
   ================================================================ */

[data-bs-theme=bodered-theme] body .email-wrapper {
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #dee2e6;
}

[data-bs-theme=bodered-theme] body .email-sidebar {
  background-color: #fff;
  border-right: 1px solid #dee2e6;
}

[data-bs-theme=bodered-theme] body .email-sidebar-header {
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme=bodered-theme] body .email-navigation {
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme=bodered-theme] body .email-navigation a.list-group-item {
  color: #404142;
  background-color: #fff;
  border-bottom: 1px solid transparent;
}

[data-bs-theme=bodered-theme] body .email-navigation a.list-group-item:hover {
  background-color: #f0f4ff;
}

[data-bs-theme=bodered-theme] body .email-navigation a.list-group-item.active {
  color: #0b5ed7;
  font-weight: 600;
  background-color: #e8f0fe;
}

[data-bs-theme=bodered-theme] body .email-header {
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}

[data-bs-theme=bodered-theme] body .email-content {
  background-color: #fff;
}

[data-bs-theme=bodered-theme] body .email-meeting a.list-group-item {
  color: #404142;
  background-color: #fff;
}

[data-bs-theme=bodered-theme] body .email-meeting a.list-group-item:hover {
  background-color: #f0f4ff;
}

[data-bs-theme=bodered-theme] body .email-toggle-btn {
  color: #404142;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

[data-bs-theme=bodered-theme] body .email-time {
  color: #6c757d;
}

[data-bs-theme=bodered-theme] body .email-list div.email-message {
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
  color: #383a3c;
}

[data-bs-theme=bodered-theme] body .email-list div.email-message:hover {
  transition: all 0.2s ease-out;
  background-color: #f8f9fa !important;
}

[data-bs-theme=bodered-theme] body .mail-read {
  color: #6c757d !important;
  background-color: #fdfdfd !important;
}

[data-bs-theme=bodered-theme] body .compose-mail-popup .card {
  background-color: #fff;
  border: 1px solid #dee2e6;
  box-shadow: none;
}


/* ================================================================
   LIGHT THEME
   data-bs-theme=light → Bootstrap varsayılan light modu
   main.css zaten #fff değerleri kullanıyor, sadece ince ayarlar
   ================================================================ */

[data-bs-theme=light] body .email-wrapper {
  background-color: #fff;
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.08);
}

[data-bs-theme=light] body .email-sidebar {
  background-color: #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

[data-bs-theme=light] body .email-sidebar-header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

[data-bs-theme=light] body .email-navigation {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

[data-bs-theme=light] body .email-navigation a.list-group-item {
  color: #404142;
  background-color: #fff;
}

[data-bs-theme=light] body .email-navigation a.list-group-item:hover {
  background-color: rgba(13, 110, 253, 0.08);
}

[data-bs-theme=light] body .email-navigation a.list-group-item.active {
  color: #0b5ed7;
  font-weight: 600;
  background-color: rgba(13, 110, 253, 0.1);
}

[data-bs-theme=light] body .email-header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

[data-bs-theme=light] body .email-content {
  background-color: #fff;
}

[data-bs-theme=light] body .email-list div.email-message {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: #383a3c;
}

[data-bs-theme=light] body .email-list div.email-message:hover {
  transition: all 0.2s ease-out;
  background-color: #eef2ff !important;
}

[data-bs-theme=light] body .mail-read {
  color: #6c757d !important;
  background-color: #f8faff !important;
}

[data-bs-theme=light] body .compose-mail-popup .card {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
}


/* ================================================================
   ORTAK: Yıldızlı icon rengi tüm temalarda tutarlı
   ================================================================ */

.email-star.bxs-star {
  color: #ffc107 !important;
}

/* Okunmamış mail vurgusu — tüm temalar */
.email-list a .email-message:not(.mail-read) {
  font-weight: 500;
}