/* ================================================================
 * File: /plugin-assets/css/admin.css
 * LinkGuard NT - Admin Panel Stil Dosyası
 * ------------------------------------------------
 * | Kategori                    | Açıklama                                                                                     |
 * | --------------------------- | -------------------------------------------------------------------------------------------- |
 * | 🔹 Renkli rozetler          | `linkguard-badge-ok`, `linkguard-badge-warning` eklendi                                      |
 * | 🔹 Yok sayılan satırlar     | Açık gri arka plan + düşük opaklık                                                           |
 * | 🔹 Hover menüler            | Yumuşak fade-in animasyon, alt satırda görünüm                                               |
 * | 🔹 Filtre & sayfalama       | Esnek `flex` düzen, modern görünüm                                                           |
 * | 🔹 Top Summary Bar          | Kırık, OK, ignored link sayılarını üstte gösterecek kutular                                  |
 * | 🔹 Toast bildirimleri       | Animasyonlu mini popup eklendi                                                               |
 * | 🔹 Genel tema uyumu         | WP admin görünümüyle uyumlu beyaz-gri-yeşil tonlar                                           |
 * ================================================================ */


/* ================================================================
   Genel Başlıklar
   ================================================================ */
.linkguard-wrap h1,
.linkguard-settings h1 {
  display: flex;
  gap: 8px;
  align-items: center;
}

.linkguard-dashboard {
  background: #fff;
  padding: 20px;
  margin-top: 20px;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08); /* yumuşak gölge */
}

.linkguard-table .linkguard-actions .button {
  margin-right: 4px;
  margin-bottom: 3px;
}


/* ================================================================
   Durum Rozetleri (Kırık, Yok Sayıldı, Yeniden Kontrol, OK)
   ================================================================ */
.linkguard-badge-broken,
.linkguard-badge-ignored,
.linkguard-badge-ok,
.linkguard-badge-warning {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  margin-left: 6px;
}

.linkguard-badge-broken  { background: #d63638; color: #fff; }
.linkguard-badge-ignored { background: #8a8f98; color: #fff; }
.linkguard-badge-ok      { background: #2ecc71; color: #fff; }
.linkguard-badge-warning { background: #f1c40f; color: #000; }

.linkguard-row-ignored {
  opacity: 0.7;
  background: #f8f9fa; /* yok sayılan satırlar için açık arka plan */
}


/* ================================================================
   Hover Menüsü (Alt satır aksiyonları)
   ================================================================ */
.linkguard-inline-actions {
  display: none;
  font-size: 11px;
  color: #666;
  margin-top: 4px;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}

.linkguard-inline-actions a {
  color: #2271b1;
  text-decoration: none;
  padding: 0 2px;
}
.linkguard-inline-actions a:hover {
  text-decoration: underline;
  color: #135e96;
}

/* Satır hover durumunda alt menü belirir */
.linkguard-table tr:hover .linkguard-inline-actions {
  display: block;
  opacity: 1;
}


/* ================================================================
   Filtre ve Sayfalama
   ================================================================ */
.linkguard-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.linkguard-filters select {
  padding: 4px 8px;
  font-size: 13px;
  background-position: right 8px center !important;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-right: 28px !important;
}

.linkguard-filters button {
  padding: 4px 12px;
  font-size: 13px;
  cursor: pointer;
}

.tablenav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  font-size: 13px;
}

.tablenav .pagination-links a.button {
  padding: 2px 8px;
  margin: 0 2px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #f3f4f6;
  color: #333;
  text-decoration: none;
}
.tablenav .pagination-links a.button:hover {
  background: #e5e7eb;
}


/* ================================================================
   Toast Bildirim (sağ alt mini popup)
   ================================================================ */
#linkguard-toast {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #23282d;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 13px;
  z-index: 9999;
  display: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  animation: toastFade 2.2s ease-in-out;
}

@keyframes toastFade {
  0% { opacity: 0; transform: translateY(20px); }
  10%, 90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(10px); }
}


/* ================================================================
   Top Summary Bar (link sayıları)
   ================================================================ */
.linkguard-summary {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  margin-bottom: 15px;
  padding: 10px 0;
}
.linkguard-summary .summary-box {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 10px 15px;
  font-size: 13px;
  border: 1px solid #e3e3e3;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.linkguard-summary .summary-box strong { color: #222; }
.linkguard-summary .summary-broken strong { color: #d63638; }
.linkguard-summary .summary-ok strong { color: #2ecc71; }
.linkguard-summary .summary-ignored strong { color: #8a8f98; }


/* ================================================================
   Tablo + Hover + Badge Görünümü
   ================================================================ */
.linkguard-table tr:hover { background: #f6f8fa; }
.linkguard-table tr.linkguard-row-ignored:hover { background: #f0f0f0; }

.badge {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 5px;
}
.badge.green { background: #46b450; color: #fff; }
.badge.red   { background: #dc3232; color: #fff; }
.badge.gray  { background: #c3c4c7; color: #fff; }

.badge.green::before { content: "✔ "; }
.badge.red::before   { content: "⚠ "; }
.badge.gray::before  { content: "⛔ "; }

/* Satır içi aksiyon menüsü sabit */
.linkguard-inline-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 4px 8px;
  background: #f6f7f7;
  border: 1px solid #ccd0d4;
  border-radius: 4px;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  position: relative;
  z-index: 5;
}
.linkguard-inline-actions a {
  color: #2271b1;
  text-decoration: none;
}
.linkguard-inline-actions a:hover {
  color: #135e96;
  text-decoration: underline;
}