/* محاذاة النص داخل حقل البحث */
::-webkit-input-placeholder { /* chrome, safari */
    text-align: right;
 }
 
 :-moz-placeholder { /* Firefox 18- */
    text-align: right;  
 }
 
 ::-moz-placeholder {  /* Firefox 19+ */
    text-align: right;  
 }
 
 :-ms-input-placeholder {  /* Internet Explorer */
    text-align: right; 
 }

 .input-group {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: stretch;
   align-items: stretch;
   width: 100%;
   justify-content: center;
}

table,thead,tr,tbody,th,td {
  text-align: center;
}

.table td {
  text-align: center;
}

/* input[placeholder] {
    text-align: right;
} */

/* واجهة النتائج المتجاوبة */
* { box-sizing: border-box; }

html { overflow-x: hidden; }

body.results-page {
  margin: 0;
  min-height: 100vh;
  background: #f4f7f9;
  color: #17212b;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
}

.search-page {
  width: min(calc(100% - 32px), 1080px);
  margin: 0 auto;
  padding: 42px 0 48px;
}

.search-card {
  width: min(100%, 760px);
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  border: 1px solid #e2e8ee;
  border-radius: 16px;
  box-shadow: 0 10px 32px rgba(15, 23, 42, .08);
}

.site-heading {
  margin: 0 0 28px;
  color: #17324d;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}

.site-heading span { color: #087f7f; font-size: .86em; }
.input-label { display: block; margin-bottom: 9px; font-weight: 700; }

.search-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.search-controls .form-control {
  min-height: 52px;
  border: 1px solid #b8c5d1;
  border-radius: 9px;
  color: #17212b !important;
  font-size: 1rem;
  text-align: right;
}

.search-controls .form-control:focus {
  border-color: #087f7f;
  box-shadow: 0 0 0 3px rgba(8,127,127,.14);
}

.search-controls .btn {
  min-height: 52px;
  min-width: 150px;
  border-radius: 9px;
  padding: 10px 24px;
  font-size: 1rem;
  font-weight: 700;
}

.form-message { min-height: 24px; margin-top: 8px; color: #b42318; font-size: .92rem; }
.result-area { width: 100%; margin-top: 22px; }
.loading-message { padding: 22px; border-radius: 10px; background: #fff; text-align: center; }

@media (max-width: 600px) {
  .search-page {
    width: 100%;
    padding: 16px 12px 32px;
  }

  .search-card { padding: 22px 16px; border-radius: 12px; }
  .site-heading { margin-bottom: 22px; font-size: 1.12rem; }
  .search-controls { grid-template-columns: 1fr; }
  .search-controls .btn { width: 100%; }
  .result-area { margin-top: 14px; }
}