/* تهيئة أساسية */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: Tahoma, Arial, sans-serif;
  background-color: #f9f9f9;
  color: #333;
  direction: rtl; /* لأننا بالعربية */
}

.forum-container {
  width: 90%;
  max-width: 90%;
  margin: 20px auto; 
  background-color: #eee;      /* خلفية رمادية فاتحة */
  border-radius: 10px;         /* حواف مستديرة */
  padding: 20px;               /* مسافة داخلية */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

/* العنوان */
.forum-container h1 {
  font-size: 1.3rem;
  color: #2c3e50;
  margin-bottom: 20px;
  text-align: center;
}

/* زر إضافة الموضوع */
.new-thread-btn, .search-btn {
  background-color: #3498db;
  color: #fff;
  padding: 8px 12px;
  border-radius: 5px;
  text-decoration: none;
  border: none;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background-color 0.3s;
}
.new-thread-btn:hover, .search-btn:hover {
  background-color: #2980b9;
}

/* نموذج البحث */
.search-form {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 10px 0 20px 0;
}
.search-form input[type="text"] {
  width: 200px;
  padding: 6px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-family: #003033;
}

/* جدول المواضيع */
.forum-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;      /* خلفية بيضاء للجدول */
  border-radius: 8px;
  overflow: hidden;            /* إخفاء الحواف */
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.forum-table thead {
  background-color: #ddd;      /* خلفية رمادية لعناوين الأعمدة */
}
.forum-table th, .forum-table td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 0.95rem;
  color: #444;
}
.forum-table th {
  font-weight: bold;
}
.forum-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* أزرار في الخلايا */
.btn {
  padding: 6px 10px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.85rem;
  color: #fff;
  cursor: pointer;
  border: none;
}
.edit-btn {
  background-color: #27ae60;
  margin-right: 5px;
}
.edit-btn:hover {
  background-color: #2ecc71;
}
.delete-btn {
  background-color: #e74c3c;
}
.delete-btn:hover {
  background-color: #c0392b;
}

.pagination a {
    border: 1px solid #cccccc;      /* إطار بلون أسود */
    border-radius: 8px;           /* زوايا منحنية */
    color: #25495d;                   /* اللون الداخلي للنص أحمر */
    padding: 5px 10px;            /* مسافات داخلية مناسبة */
    margin: 0 0px;                /* مسافات خارجية بين الأرقام */
    text-decoration: none;        /* إزالة التزيين الافتراضي للروابط */
    display: inline-block;
    transition: background-color 0.3s, color 0.3s;
}
.pagination a:hover,
.pagination a.active {
    background-color: #ffffff;        /* خلفية حمراء عند التحويم أو عند التفعيل */
    color: #25495d;                 /* لون النص أبيض */
}

.page-link {
  display: inline-block;
  margin: 0 3px;
  padding: 6px 10px;
  background-color: #fff;
  border-radius: 5px;
  color: #3498db;
  text-decoration: none;
  border: 1px solid #ddd;
}
.page-link:hover {
  background-color: #f3f3f3;
}
.page-link.active {
  background-color: #3498db;
  color: #fff;
  border-color: #3498db;
}

a {
        text-decoration: none;
    color: #004a5f;
}
@media screen and (max-width: 600px) {
  .mobile-thread-container {
    width: 100%;
    margin-top: 20px;
  }
  .mobile-thread {
        background: white;
        border: 1px solid #e1e1e1;
        padding: 10px;
        margin-bottom: 10px;
        text-align: center;
        border-radius: 4px;
  }
  .mobile-thread .thread-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .mobile-thread .thread-info {
    font-size: 0.9em;
    color: #555;
  }
}
.author-info-block .username a {
    background: url("assets/img/username_bg.gif") no-repeat center;
    background-size: cover;
    display: inline-block;
    padding: 5px; /* اضبط حسب الحاجة */
}