/* =========================
   مدة الاشتراك - Premium Navy Gray Refined
========================= */

/* القسم كامل */
.product-option,
.product-form .product-option,
form .product-option,
.product-options,
.product-form .product-options {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}

/* العنوان: مدة الاشتراك */
.product-option label,
.product-form label,
form label {
  color: #D4AF37 !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* النجمة */
.product-option .required,
label .required,
.text-danger {
  color: #FF4D4F !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-right: 4px !important;
}

/* إخفاء النص الصغير: اختر مدة الاشتراك */
.product-option small,
.product-form small,
form small,
.product-option .hint,
.product-form .hint,
label + small,
label + .hint {
  display: none !important;
}

/* الحقل الأصلي */
.product-option select,
.product-form select,
form select,
.form-control {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  min-height: 72px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-right: 14px !important;
  padding-left: 42px !important;
  background-color: #2F3B52 !important;
  color: #FFFFFF !important;
  border: 1.5px solid #D4AF37 !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 0 1px rgba(212,175,55,0.08),
    0 6px 16px rgba(15,23,42,0.18),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  direction: rtl !important;
  text-align: right !important;
  text-align-last: right !important;
  unicode-bidi: plaintext !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: left 12px center !important;
  background-size: 16px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* العنصر المخصص الظاهر في ثيم سيليا */
.product-option .nice-select,
.product-options .nice-select,
.product-form .nice-select,
.product-option .select2-selection,
.product-options .select2-selection,
.product-form .select2-selection,
.product-option [role="button"],
.product-options [role="button"] {
  min-height: 72px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-right: 14px !important;
  padding-left: 42px !important;
  background-color: #2F3B52 !important;
  color: #FFFFFF !important;
  border: 1.5px solid #D4AF37 !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 0 1px rgba(212,175,55,0.08),
    0 6px 16px rgba(15,23,42,0.18),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
  direction: rtl !important;
  text-align: right !important;
}

/* النص الداخلي الظاهر داخل الصندوق */
.product-option .nice-select .current,
.product-options .nice-select .current,
.product-form .nice-select .current,
.product-option .select2-selection__rendered,
.product-options .select2-selection__rendered,
.product-form .select2-selection__rendered,
.product-option [role="button"] span,
.product-options [role="button"] span {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #FFFFFF !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* السهم */
.product-option .nice-select:after,
.product-options .nice-select:after {
  border-bottom: 2px solid #D4AF37 !important;
  border-right: 2px solid #D4AF37 !important;
}

/* عند المرور */
.product-option select:hover,
.product-form select:hover,
form select:hover,
.form-control:hover,
.product-option .nice-select:hover,
.product-options .nice-select:hover,
.product-option .select2-selection:hover,
.product-options .select2-selection:hover {
  border-color: #E6C35C !important;
  background-color: #334155 !important;
  box-shadow:
    0 0 0 1px rgba(230,195,92,0.12),
    0 8px 18px rgba(15,23,42,0.22),
    0 0 14px rgba(212,175,55,0.05) !important;
}

/* عند التركيز */
.product-option select:focus,
.product-form select:focus,
form select:focus,
.form-control:focus,
.product-option .nice-select:focus,
.product-options .nice-select:focus,
.product-option .select2-selection:focus,
.product-options .select2-selection:focus {
  border-color: #F0CC66 !important;
  outline: none !important;
  color: #FFFFFF !important;
  background-color: #2B364A !important;
  box-shadow:
    0 0 0 2px rgba(212,175,55,0.12),
    0 0 12px rgba(212,175,55,0.08),
    0 8px 18px rgba(15,23,42,0.24) !important;
}

/* الخيارات داخل القائمة */
.product-option select option,
.product-form select option,
form select option,
select option,
.nice-select .option,
.select2-results__option {
  background: #2F3B52 !important;
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  white-space: normal !important;
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: plaintext !important;
}

/* مجموعات الخيارات */
select optgroup {
  background: #263043 !important;
  color: #D4AF37 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  direction: rtl !important;
  text-align: right !important;
}