/* ======= الإطار العام للنافذة ======= */
.otp-popup-wrapper{
  background:#141414;           /* داكن – يناسب الثيم */
  border-radius:18px;
  width:90%;
  max-width:420px;
  margin:0 auto;
  padding:24px 22px 32px;
  box-shadow:0 8px 35px rgba(0,0,0,.55);
  color:#fff;
  font-family:'cairo';
  position:fixed;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  z-index:99999;

width: 413.71px;
top: 360.87px;

background: rgba(25, 25, 25, 0.3);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(80px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 20px;

}

/* ======= رأس النافذة ======= */
.heading-cont{position:relative;}

/* عنوان */

#otp-method-select h3 {
    margin: 0 0 22px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    display: flex
;
    flex-direction: row-reverse;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.otp-box label {
    display: block;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 1px;
    margin-left: 11px;
}

#otp-section {
    display: flex
;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
/* زر الإغلاق (X) */

.otp-close-popup:hover{opacity:.8}

/* ======= أزرار اختيار الطريقة ======= */
.otp-select-method{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:18px 10px;
  background:transparent;
  border:2px solid #3d3d3d;
  border-radius:14px;
  color:#fff;
  font-size:15px;
  cursor:pointer;
  transition:border .25s,background .25s;
}
.otp-select-method svg{
  width:36px;height:36px;
  fill: #be185d;
  pointer-events:none;
}

/* مفعَّل */
.otp-select-method.active{
  background:rgba(190,24,93,0.14);
  border-color:#be185d;
}
.otp-select-method.active svg{fill:#fff}

/* ======= النموذج الداخلى ======= */
.otp-box{
  margin-top:12px;
}
.otp-box label{
  display:block;
  font-size:14px;
  margin-bottom:3px;
}
.otp-box input,
.otp-box select{
  width:100%;
  padding:10px 12px;
  margin-bottom:14px;
  background:#222;
  border:1px solid #444;
  color:#fff;
  border-radius:6px;
}
/* زرّ الإجراءات العامة داخل النموذج */
.otp-box button:not(.otp-select-method){
  width:100%;
  padding:12px;
  background:#be185d;
  border:none;
  border-radius:8px;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:opacity .25s;
}
.otp-box button:not(.otp-select-method):hover{opacity:.9}

/* رسالة التنبية */
.otp-validation-message{
  display:none;
  margin-top:14px;
  padding:10px;
  border-radius:6px;
  text-align:center;
  font-weight:700;
}

.otp-validation-message.success{background:#065f46;color:#c8ffef}
.otp-validation-message.error  {background:#7f1d1d;color:#ffdada}

@media(max-width:480px){
  .otp-select-method{padding:14px 8px}
  #otp-method-select h3{font-size:20px}
}

button.otp-select-method {

width: 173.49px;
height: 101.32px;


background: #FFFFFF;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(75px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 20px;

}



button#otp-back-btn {
  width: 104px;
   background-color: transparent !important;
    color: #fff;
	border: #be185d solid 3px;
}



/*button.otp-close-popup {*/
/*  max-height: 10px !important;*/
/*  max-width: 10px;*/
/*  color: #fff;*/
/*  padding: 0;*/
/*  background: transparent !important;*/
/*  font-size: 19px !important;*/
/*  text-align: right;*/
  /* background-color: #be185d; */
/*  border-radius: 20px;*/
/*  height: 10px !important;*/
/*}*/


.wd-header-text.reset-last-child.whb-6buu73uj82bl6x9c6uae {
  display: contents;
}


button.otp-select-method:hover {
  background-color: #000 !important;
  color: #fff !important;
}