/* license-style.css - IRANYekanX fonts & basic UI */
@font-face {
    font-family: 'IRANYekanX';
    src: local('IRANYekanX'), local('IRANYekanX-Regular');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IRANYekanX';
    src: local('IRANYekanX-Bold');
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}

.wlm-order-licenses, .wlm-my-licenses {
    font-family: 'IRANYekanX', sans-serif;
    direction: rtl;
}

.wlm-order-licenses .wlm-order-item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    margin: 12px 0;
}

.wlm-order-licenses label,
.wlm-my-licenses label {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
}

.wlm-order-licenses input[type="text"],
.wlm-order-licenses input[type="email"],
.wlm-my-licenses input[type="text"],
.wlm-my-licenses input[type="password"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    font-family: inherit;
}

.wlm-qr img { border: 6px solid #f3f4f6; border-radius: 10px; }

/* My Account card */
.wlm-card {
    background: #ffffff;
    box-shadow: 0 6px 24px rgba(0,0,0,0.06);
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 16px;
}

.wlm-row {
    display: grid;
    grid-template-columns: 140px 1fr auto;
    gap: 8px 12px;
    align-items: center;
    margin: 8px 0;
}

.wlm-badge {
    display: inline-block;
    background: #f0fdf4;
    color: #14532d;
    border: 1px solid #dcfce7;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
}

.wlm-copy {
    cursor: pointer;
    border: 1px dashed #d1d5db;
    padding: 6px 8px;
    border-radius: 8px;
}

.wlm-otp {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 20px;
    letter-spacing: 2px;
}

/* Eye icons */
.wlm-toggle { display:inline-flex; align-items:center; gap:6px; }
.wlm-eye, .wlm-eye-off { vertical-align:middle; }
.woocommerce a.button.wlm-toggle, .wlm-toggle.button { padding:6px 10px; border-radius:10px; }

/* Orders action button alignment fix for RTL */
.woocommerce-orders-table__row .woocommerce-button.button { margin: 2px; }

.wlm-otp-timer{opacity:.8;font-size:12px;margin-inline-start:6px}

.wlm-note{direction:rtl;margin:6px 0 0 0;opacity:.8;font-size:12px;padding-inline-start:152px}

/* OTP row helpers */
.wlm-otp-wrap .wlm-note{opacity:.8;font-size:12px;margin-top:6px}
.wlm-toggle-otp.button{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:6px 10px}
.wlm-toggle-otp .fa-regular{font-size:16px;line-height:1}
.wlm-fa-eye, .wlm-fa-eye-off{vertical-align:middle}

/* Use WoodMart icon font for eye toggles (adjust codepoints if needed) */
.wlm-toggle-otp .woodmart-font{font-family:'woodmart-font'!important;font-style:normal;font-weight:400;line-height:1;font-size:16px}
.wlm-eye-ico:before{content:'\e91b';}       /* <-- adjust to correct eye codepoint if different */
.wlm-eye-ico-off:before{content:'\e91c';}   /* <-- adjust to correct eye-slash codepoint if different */
/* fallback SVG stays hidden if woodmart font renders */
.wlm-toggle-otp .wlm-eye, .wlm-toggle-otp .wlm-eye-off{display:none}

/* Eye button with Font Awesome 5 */
.wlm-toggle-otp.button{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:6px 10px}
.wlm-toggle-otp .fas{font-size:16px;line-height:1}

/* Style FA5 eye icons */
.wlm-toggle-otp .fas, .wlm-toggle .fas {font-family:'Font Awesome 5 Free'!important;font-weight:900;font-size:16px;line-height:1}
.wlm-toggle-otp.button, .wlm-toggle.button {display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:6px 10px}

/* Font Awesome eye button styling */
.wlm-toggle, .wlm-toggle-otp { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:10px; }
.wlm-toggle .fa, .wlm-toggle-otp .fa, .wlm-toggle .fas, .wlm-toggle-otp .fas { font-family:"Font Awesome 5 Free"; font-weight:900; }
.wlm-note { opacity:.8; font-size:12px; margin-top:6px; }

/* Consistent field layout */
.wlm-flex{display:flex;gap:8px;align-items:center}
.wlm-flex > input{flex:1 1 auto; width:100%}
.wlm-flex > .wlm-toggle, .wlm-flex > .wlm-toggle-otp{flex:0 0 auto}
/* Note alignment under second column start */
.wlm-note{margin:6px 0 0 0; padding:0}


.wlm-copy {
  white-space: nowrap;       /* همیشه یک خط */
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}



/* ======= Mobile (<=768px) – جمع کل = 100% ======= */
@media (max-width: 768px){

  .wlm-row{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    margin-bottom:12px;
  }

  /* برچسب همیشه بالای ردیف بیاد */
  .wlm-row > div:first-child{
    flex: auto;
    font-weight:700;
    margin-bottom:2px;
    text-align:right;
  }

  /* فیلد ورودی: بگیریم حدود 70% – بسته به دکمه‌ها */
  .wlm-row input[type="text"],
  .wlm-row input[type="password"],
  .wlm-row input[type="email"]{
    flex:1 1 auto;
    min-width:0;
  }

  /* دکمه چشم */
  .wlm-row .wlm-toggle,
  .wlm-row .wlm-toggle-otp{
    flex:0 0 40px; /* ستون ثابت */
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* دکمه کپی */
  .wlm-row .wlm-copy{
    flex:0 0 65px; /* عرض ثابت برای "کپی"/"کپی شد" */
    height:32px;
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* شمارش زیر فیلد کد امنیتی */
  .wlm-row-note{
    flex:0 0 100%;
    margin-top:-4px;
    margin-bottom:12px;
    text-align:right;
  }
  .wlm-row-note .wlm-note{margin:0;padding:0}
  
  #wlm-email-1506 {
        min-width: 220px !important;
    }
    
    
    
    
    
  
}



@media (min-width: 1025px) { #wlm-otp-1506 {
	min-width: 595px !important;
}

}


@media (max-width: 344px) {
    #wlm-email-1506 {
        min-width: 170px !important;
    }
}

@media (max-width: 344px) {
    #wlm-email-1506 {
        min-width: 140px !important;
    }
}

@media (max-width: 375px) {
    #wlm-email-1506 {
        min-width: 200px !important;
    }
}