/* =========================================
   يُسر - البحث عن توثيق الطلب
   ========================================= */

#ysr-documentation-search {
  direction: rtl;
  width: 100%;
  max-width: 1080px;
  margin: 42px auto;
  padding: 0 18px;
  box-sizing: border-box;
  font-family: inherit;
}


/* البطاقة الرئيسية */

.ysr-track-card {
  position: relative;
  overflow: hidden;

  max-width: 780px;
  margin: 0 auto;

  padding: 34px 28px 30px;

  background:
    linear-gradient(
      145deg,
      #fffdf9 0%,
      #faf8f3 60%,
      #f7f2e9 100%
    );

  border: 1px solid rgba(185, 149, 85, 0.26);

  border-radius: 24px;

  box-shadow:
    0 15px 45px rgba(51, 25, 76, 0.08);

  text-align: center;
}


/* زخرفة خفيفة */

.ysr-track-card::before {
  content: "";

  position: absolute;

  width: 230px;
  height: 230px;

  top: -150px;
  left: -110px;

  border-radius: 50%;

  background:
    rgba(51, 25, 76, 0.045);

  pointer-events: none;
}


.ysr-track-card::after {
  content: "";

  position: absolute;

  width: 190px;
  height: 190px;

  bottom: -135px;
  right: -95px;

  border-radius: 50%;

  background:
    rgba(185, 149, 85, 0.07);

  pointer-events: none;
}


/* =========================================
   الشعار
   ========================================= */

.ysr-track-logo {
  position: relative;
  z-index: 2;

  display: flex;
  justify-content: center;
  align-items: center;

  margin-bottom: 18px;
}


.ysr-track-logo-image {
  display: block;

  width: auto;
  height: auto;

  max-width: 135px;
  max-height: 72px;

  object-fit: contain;
}


/* =========================================
   العنوان
   ========================================= */

.ysr-track-heading {
  position: relative;
  z-index: 2;
}


.ysr-track-heading h2 {
  margin: 0;

  color: #33194c;

  font-size: 27px;
  line-height: 1.4;

  font-weight: 800;
}


.ysr-track-heading p {
  margin: 9px 0 24px;

  color: #716879;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 400;
}


/* =========================================
   البحث
   ========================================= */

.ysr-track-form {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: stretch;

  gap: 10px;

  max-width: 620px;
  margin: 0 auto;
}


.ysr-track-input {
  flex: 1;

  width: 100%;
  min-width: 0;

  height: 54px;

  padding: 0 17px;

  box-sizing: border-box;

  border:
    1px solid
    rgba(51, 25, 76, 0.16);

  border-radius: 14px;

  outline: none;

  background: #ffffff;

  color: #201a24;

  font-family: inherit;
  font-size: 16px;

  text-align: right;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}


.ysr-track-input::placeholder {
  color: #aaa2ad;
}


.ysr-track-input:focus {
  border-color: #4b2865;

  box-shadow:
    0 0 0 3px
    rgba(75, 40, 101, 0.08);
}


/* زر البحث */

.ysr-track-button {
  min-width: 155px;
  height: 54px;

  padding: 0 22px;

  border: 0;
  border-radius: 14px;

  background:
    linear-gradient(
      135deg,
      #33194c,
      #4b2865
    );

  color: #ffffff;

  font-family: inherit;
  font-size: 15px;
  font-weight: 700;

  cursor: pointer;

  box-shadow:
    0 7px 18px
    rgba(51, 25, 76, 0.16);

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    opacity 0.18s ease;
}


.ysr-track-button:hover {
  transform: translateY(-1px);

  box-shadow:
    0 9px 22px
    rgba(51, 25, 76, 0.2);
}


.ysr-track-button:active {
  transform: translateY(0);
}


.ysr-track-button:disabled {
  opacity: 0.65;
  cursor: wait;

  transform: none;
}


/* =========================================
   الرسائل
   ========================================= */

.ysr-track-message {
  position: relative;
  z-index: 2;

  min-height: 22px;

  margin-top: 18px;

  color: #6e6573;

  font-size: 14px;
  line-height: 1.7;
}


.ysr-track-message--success {
  color: #33194c;
  font-weight: 600;
}


.ysr-track-message--empty {
  color: #7b6f7f;
}


.ysr-track-message--error {
  color: #9c3434;
}


/* =========================================
   نتائج التوثيق
   ========================================= */

.ysr-track-results {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 12px;

  max-width: 620px;

  margin: 20px auto 0;
}


/* =========================================
   زر تحميل التوثيق
   ========================================= */

.ysr-track-download {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  min-height: 53px;

  padding: 10px 16px;

  box-sizing: border-box;

  border:
    1px solid
    rgba(185, 149, 85, 0.5);

  border-radius: 14px;

  background: #ffffff;

  color: #33194c !important;

  font-family: inherit;

  font-size: 15px;
  font-weight: 700;

  text-align: center;

  text-decoration: none !important;

  box-shadow:
    0 5px 15px
    rgba(51, 25, 76, 0.055);

  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}


.ysr-track-download:hover {
  color: #33194c !important;

  background: #fffdf8;

  border-color: #b99555;

  transform: translateY(-2px);

  box-shadow:
    0 8px 20px
    rgba(51, 25, 76, 0.09);
}


.ysr-track-download-icon {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  color: #b99555;
}


/* =========================================
   الجوال
   ========================================= */

@media (max-width: 700px) {

  #ysr-documentation-search {
    margin: 28px auto;
    padding: 0 12px;
  }


  .ysr-track-card {
    padding:
      27px 16px
      23px;

    border-radius: 20px;
  }


  .ysr-track-logo-image {
    max-width: 115px;
    max-height: 62px;
  }


  .ysr-track-heading h2 {
    font-size: 23px;
  }


  .ysr-track-heading p {
    font-size: 14px;

    margin-bottom: 19px;
  }


  .ysr-track-form {
    flex-direction: column;

    gap: 9px;
  }


  .ysr-track-input,
  .ysr-track-button {
    width: 100%;

    min-width: 0;

    height: 52px;
  }


  .ysr-track-results {
    grid-template-columns: 1fr;

    gap: 10px;
  }


  .ysr-track-download {
    min-height: 52px;

    font-size: 15px;
  }

}