/**
 * Wizup Plugin Admin Styles - Clean UI (RTL friendly)
 * עיצוב חזותי בלבד. אין שינוי פונקציונלי.
 */

/* ---------- נטען רק בדף ההגדרות של WizUp ---------- */
body.woocommerce_page_wizup-settings {
  /* צבעים ועדכוני מיתוג */
  --bg:#f6f7fb;
  --card:#fff;
  --ink:#0f172a;
  --muted:#6b7280;
  --line:#ececf2;

  --brand-start:#11FFA3;
  --brand-end:#01CE7E; /* גרדיאנט ירוק */
  --brand-grad:linear-gradient(90deg, var(--brand-start) 0%, var(--brand-end) 100%);
  --brand-soft:#eefdf6;         /* טינט ירקרק עדין */

  --success:#10b981;            /* ירוק נקודה/אישור */
  --danger:#ef4444;             /* אדום ניתוק */

  --radius:16px;
  --shadow:0 8px 24px rgba(2, 6, 23, .08);

  background:var(--bg);
}

/* ---------- כותרת דף ותיאור ---------- */
body.woocommerce_page_wizup-settings .wrap > h1 {
  font-size:22px;
  margin:24px 0 10px;
  color:var(--ink);
}

body.woocommerce_page_wizup-settings .wrap p.description {
  color:var(--muted);
}

/* ---------- כרטיס/מיכל הגדרות ---------- */
body.woocommerce_page_wizup-settings .wizup-settings-form {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:22px;
  margin:18px 0;
  max-width:1060px;
}

body.woocommerce_page_wizup-settings .wizup-settings-form h2 {
  margin:0 0 6px;
  font-size:18px;
  color:var(--ink);
}

body.woocommerce_page_wizup-settings .wizup-settings-form > p {
  margin:0 0 14px;
  color:var(--muted);
}

/* ---------- אזור ראש כרטיס (לסטטוס API) ---------- */
body.woocommerce_page_wizup-settings .wizup-card-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

body.woocommerce_page_wizup-settings .wizup-title {
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
}

body.woocommerce_page_wizup-settings .wizup-title .icon {
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-soft);
}

/* ---------- באדג סטטוס API מחובר/לא מחובר ---------- */
body.woocommerce_page_wizup-settings .wizup-status {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:600;
  font-size:12px;
  background:#f5fff9;
  border:1px solid #d9f7e7;
  color:#065f46;
}

body.woocommerce_page_wizup-settings .wizup-status .dot {
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--success);
}

body.woocommerce_page_wizup-settings .wizup-status.is-disconnected {
  background:#fff6f6;
  border-color:#ffe0e0;
  color:#7f1d1d;
}

body.woocommerce_page_wizup-settings .wizup-status.is-disconnected .dot {
  background:var(--danger);
}

/* ---------- טבלאות טופס ---------- */
body.woocommerce_page_wizup-settings .wizup-settings-form .form-table {
  margin:0 0 10px;
}

body.woocommerce_page_wizup-settings .wizup-settings-form .form-table th {
  width:220px;
  padding:12px 10px;
  vertical-align:top;
  font-weight:600;
  color:var(--ink);
}

body.woocommerce_page_wizup-settings .wizup-settings-form .form-table td {
  padding:10px 10px;
}

body.woocommerce_page_wizup-settings .wizup-settings-form .form-table .description {
  color:var(--muted);
  margin-top:6px;
}

/* ---------- שדות קלט ---------- */
body.woocommerce_page_wizup-settings .wizup-settings-form input[type=text],
body.woocommerce_page_wizup-settings .wizup-settings-form .regular-text,
body.woocommerce_page_wizup-settings .wizup-settings-form select {
  width:100%;
  max-width:100%;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  outline:none;
  transition:.2s;
  border-inline-start:3px solid transparent;
  box-shadow:none;
}

body.woocommerce_page_wizup-settings .wizup-settings-form input[type=text]:focus,
body.woocommerce_page_wizup-settings .wizup-settings-form select:focus {
  border-color:#d9d9e3;
  border-inline-start-color:transparent;
  box-shadow:0 0 0 4px rgba(17, 255, 163, .12);
}

/* ---------- כפתורים ---------- */
body.woocommerce_page_wizup-settings .wizup-settings-form .button-primary,
body.woocommerce_page_wizup-settings .wizup-settings-form .button.button-primary {
  border:0;
  border-radius:12px;
  padding:10px 16px;
  font-weight:700;
  color:#fff;
  background:var(--brand-grad);
  box-shadow:0 6px 18px rgba(1, 206, 126, .22);
}

body.woocommerce_page_wizup-settings .wizup-settings-form .button-primary:hover {
  filter:brightness(1.03);
}

body.woocommerce_page_wizup-settings .wizup-settings-form .button-primary:active {
  transform:translateY(1px);
}

body.woocommerce_page_wizup-settings .wizup-settings-form .button,
body.woocommerce_page_wizup-settings .wizup-variables-add-button,
body.woocommerce_page_wizup-settings .wizup-variables-remove-button {
  border-radius:12px;
  padding:8px 12px;
}

body.woocommerce_page_wizup-settings .wizup-variables-add-button {
  background:#fff;
  border:1px solid var(--line);
  font-weight:600;
  color:var(--ink);
}

body.woocommerce_page_wizup-settings .wizup-variables-remove-button {
  background:#fff3f3;
  border-color:#ffe0e0;
  color:#b42318;
}

/* ---------- לשוניות ---------- */
body.woocommerce_page_wizup-settings .wizup-tabs {
  margin:4px 0 14px;
}

body.woocommerce_page_wizup-settings .wizup-tabs-nav {
  display:flex;
  gap:8px;
  border-bottom:1px solid var(--line);
  margin-bottom:12px;
  flex-wrap:wrap;
}

body.woocommerce_page_wizup-settings .wizup-tabs-nav a {
  display:inline-block;
  padding:10px 14px;
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:12px 12px 0 0;
  background:#fafafb;
  font-weight:600;
  color:#475569;
  text-decoration:none;
}

body.woocommerce_page_wizup-settings .wizup-tabs-nav a.active {
  background:#fff;
  color:var(--ink);
  position:relative;
}

body.woocommerce_page_wizup-settings .wizup-tabs-nav a.active::after {
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:-1px;
  height:2px;
  background:var(--brand-grad);
}

/* תוכן לשונית */
body.woocommerce_page_wizup-settings .wizup-tab-content {
  display:none;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:16px;
  margin-bottom:20px;
}

body.woocommerce_page_wizup-settings .wizup-tab-content.active {
  display:block;
}

/* ---------- Template Selection / Variables (מהקוד המקורי, בעיצוב מעודכן) ---------- */
body.woocommerce_page_wizup-settings .wizup-template-selector {
  width:100%;
  max-width:400px;
}

body.woocommerce_page_wizup-settings .wizup-variables-container {
  margin-top:15px;
}

body.woocommerce_page_wizup-settings .wizup-variable-select-container {
  display:flex;
  align-items:center;
  margin-bottom:8px;
  gap:8px;
}

body.woocommerce_page_wizup-settings .wizup-variables-container select {
  margin-right:0;
  width:100%;
  max-width:400px;
}

body.woocommerce_page_wizup-settings .wizup-variable-hints {
  margin-top:10px;
  padding-left:20px;
}

body.woocommerce_page_wizup-settings .wizup-variable-hints li {
  margin-bottom:5px;
  color:var(--muted);
}

body.woocommerce_page_wizup-settings .wizup-variable-hints code {
  background:#f1f1f1;
  padding:2px 5px;
  border-radius:3px;
}

/* ---------- Time Interval Setting ---------- */
body.woocommerce_page_wizup-settings .wizup-time-interval-container {
  margin:6px 0 10px;
}

/* קבוצה Days/Hours/Minutes בעיצוב קופסאות */
body.woocommerce_page_wizup-settings .wizup-time-interval-field {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin:6px 0 10px;
}

body.woocommerce_page_wizup-settings .wizup-time-interval-field .wizup-time-box {
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

body.woocommerce_page_wizup-settings .wizup-time-interval-field .wizup-time-box label {
  font-size:12px;
  color:var(--muted);
  margin:0;
}

body.woocommerce_page_wizup-settings .wizup-time-interval-field .wizup-time-box input[type=number],
body.woocommerce_page_wizup-settings .wizup-time-interval-field .wizup-time-box input[type=text] {
  width:100%;
  padding:12px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  text-align:center;
  font-weight:700;
}

body.woocommerce_page_wizup-settings .wizup-time-interval-field .wizup-time-box input:focus {
  border-color:#cdece1;
  box-shadow:0 0 0 3px rgba(17, 255, 163, .15);
}

/* ---------- התראות ---------- */
body.woocommerce_page_wizup-settings .wizup-notice {
  margin:15px 0;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid #e5f0ff;
  background:#f5f9ff;
}

body.woocommerce_page_wizup-settings .wizup-error-notice {
  border-color:#ffe0e0;
  background:#fff6f6;
}

/* ---------- RTL ---------- */
html[dir="rtl"] body.woocommerce_page_wizup-settings .wizup-settings-form .form-table th {
  text-align:right;
}

html[dir="rtl"] body.woocommerce_page_wizup-settings .wizup-settings-form .form-table td {
  text-align:right;
}