:root{ --yg-bg:#FFFFFF; --yg-primary:#FFB300; --yg-text:#0F172A; --yg-accent:#4B1AB1; --yg-muted:#64748B; --yg-ring:rgba(0,0,0,.10); --yg-glow:rgba(255,179,0,.30); --yg-accent-rgb:75,26,177; --yg-primary-rgb:255,179,0; --yg-radius:14px; }
.yg-auth, .yg-auth * { box-sizing:border-box; }
.yg-auth{ color:var(--yg-text); direction: rtl; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family: inherit; line-height:1.6; }
.yg-auth :where(h1,h2,h3,h4,p,ul,ol){ margin:0; } .yg-auth :where(ul,ol){ padding-inline-start:1.2em; }
.yg-auth :where(button,input,select,textarea){ font:inherit; letter-spacing:inherit; color:inherit; } .yg-auth :where(a){ color:inherit; text-decoration:none; } .yg-auth :where(img){ max-width:100%; height:auto; }
.hidden{ display:none !important; }

/* Header */
.yg-head-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.yg-title{ margin:0; font-weight:800; font-size: clamp(22px, 2.4vw, 30px); line-height:1.25; }
.yg-muted{ color:var(--yg-muted); font-weight:600; }
.yg-divider{ width:72px; height:4px; border-radius:6px; margin:10px 0 16px; background:linear-gradient(90deg,var(--yg-accent),var(--yg-primary)); }

/* Woo notices */
.woocommerce-error,.woocommerce-message,.woocommerce-info{
  background:#fff; border:2px solid var(--yg-accent); border-radius:calc(var(--yg-radius) + 4px); padding:12px 14px;
  box-shadow:0 6px 14px rgba(0,0,0,.06); margin-bottom:12px; font-weight:800;
}
.woocommerce-error{ border-color:#e11d48; }

/* Card & container */
.auth-box{ max-width:780px; margin-inline:auto; }
.yg-card{
  background:#fff; border:2px solid rgba(var(--yg-accent-rgb), .45); border-radius:calc(var(--yg-radius) + 4px); padding:18px;
  box-shadow:0 6px 14px rgba(0,0,0,.06);
  transition:box-shadow .25s ease, transform .15s ease, border-color .2s ease;
}
.yg-card:hover{ transform:translateY(-1px); box-shadow:0 16px 32px var(--yg-glow); }

/* Form layout */
.yg-form{ display:flex; flex-direction:column; gap:14px; }
.yg-row{ display:flex; gap:12px; flex-wrap:wrap; align-items:flex-start; }
.yg-col{ flex:1 1 320px; min-width:240px; }

/* ثبت كل أعمدة التسجيل بعرض كامل سطر مستقل */
#pane-register .yg-row .yg-col{
  flex: 1 1 100% !important;
  min-width: 100% !important;
}

/* Labels & inputs */
.yg-label{ display:block; font-weight:800; margin:0 0 6px; color:var(--yg-text); }
.yg-input, .yg-auth select, .yg-auth textarea{
  width:100%; border:2px solid rgba(var(--yg-accent-rgb), .45);
  border-radius:12px; padding:12px 14px; background:#fff; color:#0F172A; outline:none; min-height:44px;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
.yg-input::placeholder{ color:#94A3B8; }
.yg-input:focus,.yg-auth select:focus,.yg-auth textarea:focus{
  border-color:var(--yg-primary);
  box-shadow:0 0 0 3px rgba(var(--yg-primary-rgb), .22);
  background: rgba(255,255,255,.98);
}

/* Links & buttons */
.yg-link{ color:var(--yg-accent); text-decoration:underline; font-weight:800; text-underline-offset:3px; }
.yg-link:hover{ opacity:.9; }
.yg-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--yg-primary); color:#111; font-weight:900;
  padding:12px 18px; border-radius:12px; border:2px solid var(--yg-primary);
  box-shadow:0 10px 24px var(--yg-glow);
  transition:transform .12s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.yg-btn:hover{ transform:translateY(-1px); }
.yg-btn:active{ transform:translateY(0); }
.yg-btn.secondary{ background:#fff; color:#0F172A; border-color:rgba(var(--yg-accent-rgb), .55); box-shadow:none; }
.mt{ margin-top:10px; }

/* Tabs */
.yg-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.yg-tab{
  appearance:none; border:2px solid rgba(var(--yg-accent-rgb), .45);
  background:#fff; color:#0F172A;
  border-radius:14px; padding:10px 16px; font-weight:900; cursor:pointer;
  transition:background .2s, box-shadow .2s, transform .15s, border-color .2s, color .2s;
}
.yg-tab:hover{
  background:rgba(var(--yg-primary-rgb), .18);
  border-color:var(--yg-primary);
  box-shadow:0 10px 24px var(--yg-glow);
  transform:translateY(-1px);
}
.yg-tab.active{
  color:#111;
  border-color:rgba(var(--yg-accent-rgb), .65);
  background: rgba(var(--yg-accent-rgb), .10);
  box-shadow: inset 0 0 0 999px rgba(var(--yg-accent-rgb), .06);
}

/* Focus visibility */
.yg-auth :where(button,[role="tab"],.yg-link,.yg-input,select,textarea):focus-visible{
  outline:3px solid rgba(var(--yg-primary-rgb), .45);
  outline-offset:2px;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .yg-card, .yg-tab, .yg-btn{ transition:none !important; }
}

/* Small screens */
@media (max-width:480px){
  .yg-title{ font-size: clamp(20px, 6vw, 26px); }
  .yg-row{ gap:10px; }
  .yg-col{ min-width: 100%; }
  .yg-btn{ width:100%; }
}