/* تحسينات لعرض النماذج على شاشات الموبايل */

/* تحسينات عامة */
@media (max-width: 768px) {
  .container {
    padding: 10px;
  }
  
  .certificate-container {
    max-width: 100%;
    margin: 0;
    border-radius: 8px;
  }
  
  /* تحسين الهيدر */
  .certificate-header {
    padding: 15px 10px;
  }
  
  .school-info h1 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  
  .school-info h2 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  
  /* تحسين ألوان النص في الهيدر */
  .school-info h1,
  .school-info h2,
  .school-info p {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  }
  
  /* تحسين جدول النتائج */
  .results-table table {
    font-size: 14px;
  }
  
  .results-table th,
  .results-table td {
    padding: 8px;
  }
  
  /* تحسين قسم التوقيعات */
  .signatures {
    flex-direction: column;
    gap: 10px;
    padding: 10px;
  }
  
  .signature-box {
    margin: 5px 0;
    padding: 10px;
    width: 100%;
  }
  
  /* تحسين أزرار الطباعة */
  .print-controls {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 10px auto;
  }
  
  .btn {
    padding: 8px 15px;
    font-size: 14px;
  }
}

/* تحسينات إضافية للشاشات الصغيرة جداً */
@media (max-width: 480px) {
  .school-info h1 {
    font-size: 18px;
  }
  
  .school-info h2 {
    font-size: 14px;
  }
  
  .results-table table {
    font-size: 12px;
  }
  
  .results-table th,
  .results-table td {
    padding: 6px 4px;
  }
  
  .status {
    font-size: 16px;
    padding: 10px;
    margin: 15px 0;
  }
}