:root{
  --srfq-primary:#2563eb;
  --srfq-danger:#ef4444;
  --srfq-success:#10b981;
  --srfq-warning:#f59e0b;
  --srfq-muted:#6b7280;
  --srfq-border:#e5e7eb;

  --srfq-btn-radius:10px;
  --srfq-btn-minh:42px;
  --srfq-btn-pad-y:10px;
  --srfq-btn-pad-x:14px;

  --srfq-btn-blue:#3b82f6;
  --srfq-btn-green:#10b981;
  --srfq-btn-red:#ef4444;
  --srfq-btn-amber:#f59e0b;
  --srfq-btn-gray:#9ca3af;
  --srfq-btn-neutral:#9ca3af; /* gray (#9CA3AF) */
}

.srfq-text-muted{color:var(--srfq-muted)}

/* Base container pieces */
.srfq-card{
  border:1px solid var(--srfq-border);
  border-radius:12px;
  padding:14px;
  margin:12px 0;
  background:#fff;
  direction:rtl;
  box-sizing:border-box;
}

.srfq-card>br{display:none}
/* Consistent vertical spacing between cards */
.srfq-card + .srfq-card{margin-top:16px}


.srfq-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

.srfq-muted{color:var(--srfq-muted)}

.srfq-form-group{margin-bottom:12px}
.srfq-form-group label{display:block;margin-bottom:6px}

.srfq-input,.srfq-select,.srfq-textarea{
  width:100%;
  padding:8px 10px;
  border:1px solid #d1d5db;
  border-radius:8px;
  background:#fff;
  box-sizing:border-box;
}

.srfq-notice{
  background:#eef2ff;
  border:1px solid #c7d2fe;
  border-radius:10px;
  padding:10px;
  margin-bottom:10px;
}

.srfq-required{color:var(--srfq-danger);margin:0 4px}

.srfq-dim{position:relative}
.srfq-dim:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.4);
  border-radius:12px;
}


/* Pills / badges */
.srfq-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:600;
  font-size:.82rem;
  line-height:1.2;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}

.srfq-pill--pending{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe;box-shadow:0 1px 2px rgba(59,130,246,.18)}
.srfq-pill--approved{background:#dcfce7;color:#166534;border-color:#bbf7d0;box-shadow:0 1px 2px rgba(16,185,129,.18)}
.srfq-pill--rejected{background:#fee2e2;color:#b91c1c;border-color:#fecaca;box-shadow:0 1px 2px rgba(239,68,68,.18)}

.srfq-level-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:600;
  font-size:.82rem;
  line-height:1.2;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.srfq-level-badge .srfq-level-text,
.srfq-level-badge .srfq-level-label{
  font-weight:700;
  opacity:.85;
}

/* ===============================
   Buttons (global)
   - Same sizing as request list buttons
   - Colored background + white text
   - Disabled: dark gray, full opacity
   =============================== */

.srfq-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:var(--srfq-btn-minh);
  padding:var(--srfq-btn-pad-y) var(--srfq-btn-pad-x);
  border-radius:var(--srfq-btn-radius);
  border:1px solid transparent;
  text-decoration:none;
  background:var(--srfq-btn-neutral);
  color:#fff !important;
  font-weight:400;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:transform .05s ease, background-color .15s ease, border-color .15s ease;
}

.srfq-btn:visited{color:#fff}

.srfq-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:background .15s ease;
  pointer-events:none;
}

.srfq-btn:hover::before{background:rgba(0,0,0,.08)}

/* Keep text white on hover/focus (themes may override link colors) */
.srfq-btn:hover,
.srfq-btn:focus,
.srfq-btn:focus-visible,
.srfq-btn:active{color:#fff !important}


.srfq-btn:active{transform:translateY(1px)}

.srfq-btn:focus-visible,
.srfq-card .button:focus-visible,
#srfq-supplier-scope .button:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(59,130,246,.35);
}

/* Variants */
.srfq-btn--blue{background:var(--srfq-btn-blue)}
.srfq-btn--green{background:var(--srfq-btn-green)}
.srfq-btn--red{background:var(--srfq-btn-red)}
.srfq-btn--amber{background:var(--srfq-btn-amber)}
.srfq-btn--gray{background:var(--srfq-btn-gray)}
.srfq-btn--neutral{background:var(--srfq-btn-neutral)}

/* Block button (forms) */
.srfq-btn--block{width:100%}

/* Disabled: full opacity, dark gray */
.srfq-btn:disabled,
.srfq-btn[disabled],
.srfq-btn.is-disabled{
  opacity:1;
  background:var(--srfq-btn-neutral) !important;
  border-color:var(--srfq-btn-neutral) !important;
  color:#fff !important;
  cursor:not-allowed;
  pointer-events:none;
  filter:none;
  transform:none;
}

/* Chat badge (Divar-like) */
.srfq-btn--chat{position:relative}
.srfq-btn--chat .srfq-chat-badge{
  position:absolute;
  margin:0;
  /* stick to the top-left edge of the button */
  top:calc(var(--srfq-btn-pad-y) * -1);
  left:calc(var(--srfq-btn-pad-x) * -1);
  right:auto;
  min-width:18px;
  height:18px;
  padding:0 5px;
  background:var(--srfq-btn-red);
  color:#fff;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  line-height:18px;
  border:0;
  box-shadow:none;
}

/* Supplier level badge (kept) */
.srfq-level-badge.is-hamrah{background:#f5f5f5;color:#3a3a3a;border-color:#e4e4e7;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.srfq-level-badge.is-moatabar{background:#eef5ff;color:#1e66f5;border-color:#cfe1ff;box-shadow:0 1px 0 rgba(30,102,245,.22)}
.srfq-level-badge.is-montakhab{background:#f3efff;color:#6d28d9;border-color:#e3d9ff;box-shadow:0 1px 0 rgba(109,40,217,.20)}
.srfq-level-badge.is-bargozideh{background:#fff7ed;color:#ea580c;border-color:#ffd7b1;box-shadow:0 1px 0 rgba(234,88,12,.18)}

@media (prefers-color-scheme:dark){
  .srfq-level-badge.is-hamrah{background:#252525;color:#e7e7e7;border-color:#383838;box-shadow:0 1px 0 rgba(255,255,255,.06)}
  .srfq-level-badge.is-moatabar{background:#0b1b32;color:#7db1ff;border-color:#153258;box-shadow:0 1px 0 rgba(125,177,255,.18)}
  .srfq-level-badge.is-montakhab{background:#1b1430;color:#b69cff;border-color:#2a2150;box-shadow:0 1px 0 rgba(182,156,255,.16)}
  .srfq-level-badge.is-bargozideh{background:#2a1606;color:#ffb27a;border-color:#40240a;box-shadow:0 1px 0 rgba(255,178,122,.14)}
}

/* spacing harmonization */
.srfq-card{margin:0 auto;}
.srfq-card + .srfq-card{margin-top:16px;}
.srfq-supplier-stats{margin:0 auto;}
.srfq-file-section,.srfq-file-grid,.srfq-filters{margin-top:10px;margin-bottom:8px}


/* Guest login message (shortcodes when user is not logged in) */
.srfq-guest-box{
  border:1px solid var(--srfq-border);
  background:#fff;
  border-radius:14px;
  padding:18px 16px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  margin:12px 0;
}
.srfq-guest-box .srfq-guest-text{
  margin-bottom:12px;
  line-height:1.9;
  color:#111827;
  font-size:14px;
}
.srfq-guest-box .srfq-guest-login{
  min-width:160px;
}

/* Empty states (lists with no items) */
.srfq-card--empty{
  border:1px solid #dbe4f0;
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.srfq-card--empty .srfq-empty-state{
  margin:0;
}
.srfq-empty-state,
.srfq-filter-empty,
.srfq-request-quotes-empty,
.srfq-public-reviews__empty,
.srfq-chat__threads-empty,
.srfq-chat__empty{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  width:100%;
  min-height:88px;
  padding:18px 18px;
  border:1px dashed #d6deea;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  text-align:center !important;
  color:#475569;
  font-size:14px;
  font-weight:700;
  line-height:2;
  box-sizing:border-box;
}
.srfq-empty-state__icon{
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef4ff;
  border:1px solid #dbe7ff;
  color:#4f46e5;
  font-size:17px;
  font-weight:800;
  line-height:1;
}
.srfq-empty-state__text{
  display:block;
  width:100%;
  margin:0 auto;
  text-align:center;
}

.srfq-empty-state[hidden],
.srfq-filter-empty[hidden],
.srfq-request-quotes-empty[hidden],
.srfq-public-reviews__empty[hidden],
.srfq-chat__threads-empty[hidden],
.srfq-chat__empty[hidden]{
  display:none !important;
}
.srfq-filter-empty::before,
.srfq-request-quotes-empty::before,
.srfq-public-reviews__empty::before,
.srfq-chat__threads-empty::before,
.srfq-chat__empty::before{
  content:'!';
  flex:0 0 auto;
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#eef4ff;
  border:1px solid #dbe7ff;
  color:#4f46e5;
  font-size:17px;
  font-weight:800;
  line-height:1;
}
@media (max-width:767px){
  .srfq-empty-state,
  .srfq-filter-empty,
  .srfq-request-quotes-empty,
  .srfq-public-reviews__empty,
  .srfq-chat__threads-empty,
  .srfq-chat__empty{
    min-height:74px;
    padding:14px 14px;
    border-radius:15px;
    font-size:13px;
    gap:8px;
    line-height:1.95;
  }
  .srfq-empty-state__icon,
  .srfq-filter-empty::before,
  .srfq-request-quotes-empty::before,
  .srfq-public-reviews__empty::before,
  .srfq-chat__threads-empty::before,
  .srfq-chat__empty::before{
    width:30px;
    height:30px;
    font-size:15px;
  }
}

/* -------------------------------------------------
 * SRFQ shared lightbox (quotes/gallery thumbnails)
 * Used by: sr_my_received_quotes, sr_my_sent_quotes
 * ------------------------------------------------- */
.srfq-lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:99999;
}
.srfq-lightbox.open{display:flex;}
.srfq-lightbox .srfq-lightbox-inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:92vw;
  max-height:90vh;
}
.srfq-lightbox .srfq-lightbox-stage{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:92vw;
  max-height:90vh;
}
.srfq-lightbox .srfq-lightbox-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:92vw;
  max-height:90vh;
  overflow:hidden;
  border-radius:12px;
}
.srfq-lightbox img,.srfq-lightbox video{
  max-width:92vw;
  max-height:90vh;
  display:block;
  border-radius:12px;
  background:#000;
}
.srfq-lightbox iframe{
  width:min(92vw,980px);
  height:min(90vh,1100px);
  max-width:92vw;
  max-height:90vh;
  border:0;
  border-radius:12px;
  background:#fff;
  display:block;
}
.srfq-lightbox .srfq-lightbox-close,.srfq-lightbox .srfq-lightbox-prev,.srfq-lightbox .srfq-lightbox-next{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  background:rgba(15,23,42,.38);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  border-radius:999px;
  cursor:pointer;
  font-size:22px;
  line-height:1;
  backdrop-filter:blur(6px);
  z-index:3;
}
.srfq-lightbox .srfq-lightbox-close{
  top:14px;
  right:14px;
}
.srfq-lightbox .srfq-lightbox-prev,
.srfq-lightbox .srfq-lightbox-next{
  top:50%;
  transform:translateY(-50%);
}
.srfq-lightbox .srfq-lightbox-prev{left:12px;}
.srfq-lightbox .srfq-lightbox-next{right:12px;}
@media (max-width:640px){
  .srfq-lightbox .srfq-lightbox-close,.srfq-lightbox .srfq-lightbox-prev,.srfq-lightbox .srfq-lightbox-next{width:42px;height:42px;font-size:20px;}
  .srfq-lightbox .srfq-lightbox-close{top:10px;right:10px;}
  .srfq-lightbox .srfq-lightbox-prev{left:8px;}
  .srfq-lightbox .srfq-lightbox-next{right:8px;}
}

/* ===== Moved from inline blocks (v2.1.4.135) ===== */

/* RTL pagination (frontend) */
.srfq-pagination{display:flex;flex-wrap:wrap;gap:4px;direction:rtl;justify-content:center;margin-top:10px; margin-bottom:20px; }
.srfq-pagination a,.srfq-pagination span{display:inline-block;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;line-height:1.4}
.srfq-pagination a{background:#f9fafb;color:#111827}
.srfq-pagination a:hover{background:#eef2ff}
.srfq-pagination .is-current{background:#111827;color:#fff;border-color:#111827}
.srfq-pagination .is-disabled{opacity:.55}
/* v2.2.178.499 compact single-row shortcode pagination. */
@media(max-width:640px){
  .srfq-pagination{
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    gap:3px;
    inline-size:100%;
    margin-top:8px;
    margin-bottom:14px;
    overflow:visible;
  }
  .srfq-pagination a,.srfq-pagination span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-inline-size:29px;
    block-size:34px;
    padding:0 7px;
    border-radius:9px;
    font-size:13px;
    line-height:1;
    white-space:nowrap;
  }
}
@media(max-width:380px){
  .srfq-pagination{gap:2px;}
  .srfq-pagination a,.srfq-pagination span{
    min-inline-size:27px;
    block-size:32px;
    padding-inline:6px;
    border-radius:8px;
    font-size:12px;
  }
}

/* Guest login message (used by shortcodes when user is not logged in) */
.srfq-guest-box{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:14px;
  padding:18px 16px;
  text-align:center;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  margin:12px 0;
}
.srfq-guest-box .srfq-guest-text{
  margin-bottom:12px;
  line-height:1.9;
  color:#111827;
  font-size:14px;
}
.srfq-guest-box .srfq-guest-login{
  min-width:160px;
}

/* Unified filepicker (forms) */
.srfq-hidden-file{position:absolute !important;inset-inline-start:0 !important;top:0 !important;width:1px !important;height:1px !important;min-width:1px !important;min-height:1px !important;margin:0 !important;padding:0 !important;border:0 !important;opacity:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;pointer-events:none !important;}
.srfq-uploader { display: flex; flex-direction: column; gap: 8px; }
.srfq-pick-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 16px; min-height: 42px; border-radius: 10px;
  border: 3px dashed #c7d2fe;
  background: #eef2ff; color: #1e3a8a; font-weight: 600; cursor: pointer;
}
.srfq-file-name { font-size: 12px; color: #4b5563; }
.srfq-progress { display: none; height: 6px; background: #e5e7eb; border-radius: 999px; overflow: hidden; }
.srfq-progress .bar { height: 100%; width: 0; background: #60a5fa; }


/* Unified form system moved to assets/forms.css in v2.2.58.377. */
.srfq-card--login-notice .srfq-row .srfq-label{color:#6B7280 !important;font-weight:400 !important;}
.srfq-card--login-notice .srfq-row .srfq-value{color:#393939 !important;font-weight:400 !important;}
.srfq-actions--stack-top{margin-top:10px;}

.srfq-chat-wait-note{margin-top:6px;font-size:11px;line-height:1.7;color:#6b7280;}
.srfq-inline-feedback[hidden]{display:none !important;}

.srfq-btn--disabled{opacity:.6;pointer-events:none;}

.srfq-upload-delete{padding:2px 8px;font-size:11px;line-height:1.4;border-radius:8px;}
.srfq-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);z-index:99999;padding:20px;touch-action:pan-y;}
.srfq-lightbox-inner{position:relative;display:flex;align-items:center;justify-content:center;max-width:95vw;max-height:95vh;}
.srfq-lightbox-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:95vw;max-height:95vh;}
.srfq-lightbox-media{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;overflow:hidden;max-width:95vw;max-height:95vh;}
.srfq-lightbox-close,.srfq-lightbox-prev,.srfq-lightbox-next{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(15,23,42,.38);border:1px solid rgba(255,255,255,.28);color:#fff;cursor:pointer;backdrop-filter:blur(6px);z-index:3;font-size:22px;}
.srfq-lightbox-close{position:absolute;top:14px;right:14px;width:44px;height:44px;}
.srfq-lightbox-prev,.srfq-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;}
.srfq-lightbox-prev{left:12px;}
.srfq-lightbox-next{right:12px;}
@media (max-width:640px){
  .srfq-lightbox{padding:12px;}
  .srfq-lightbox-prev,.srfq-lightbox-next{width:42px;height:42px;}
  .srfq-lightbox-prev{left:8px;}
  .srfq-lightbox-next{right:8px;}
  .srfq-lightbox-close{top:10px;right:10px;}
}

/* ========================================================================
   SRFQ v2.2.57 — local icon system + professional mobile form controls
   No external fonts, icon CDNs, Google URLs, or international dependencies.
   ======================================================================== */
.srfq-icon{
  display:inline-block;
  width:1.25em;
  height:1.25em;
  flex:0 0 auto;
  vertical-align:-.22em;
  color:currentColor;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.srfq-icon--sm{width:1em;height:1em;}
.srfq-icon--lg{width:1.6em;height:1.6em;}
.srfq-icon--muted{color:#64748b;}
.srfq-icon--primary{color:#0891b2;}
.srfq-icon--success{color:#16a34a;}
.srfq-icon--warning{color:#f59e0b;}
.srfq-icon--danger{color:#dc2626;}

/* Form controls/custom selects/upload UI moved to assets/forms.css in v2.2.58.377. */

/* Supplier profile image / logo thumbnails (local, no external assets) */
.srfq-supplier-mini-avatar,
.srfq-supplier-card-avatar,
.srfq-supplier-dashboard-avatar{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  color:#475569;
  font-weight:800;
  line-height:1;
  vertical-align:middle;
}
.srfq-supplier-mini-avatar img,
.srfq-supplier-card-avatar img,
.srfq-supplier-dashboard-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.srfq-supplier-mini-avatar{width:34px;height:34px;border-radius:12px;font-size:.9rem;}
.srfq-supplier-card-avatar{width:38px;height:38px;border-radius:14px;font-size:.95rem;box-shadow:0 4px 14px rgba(15,23,42,.06);}
.srfq-supplier-dashboard-avatar{width:58px;height:58px;border-radius:18px;font-size:1.25rem;box-shadow:0 8px 22px rgba(15,23,42,.08);}
.srfq-supplier-card-identity{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.srfq-supplier-card-identity > span:last-child{min-width:0;overflow-wrap:anywhere;}
.srfq-file-section--profile-image .srfq-file-item--profile-image{align-items:center;}
.srfq-file-section--profile-image .srfq-profile-avatar{width:76px;height:76px;border-radius:22px;}
.srfq-file-section--profile-image .srfq-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
@media (max-width:640px){
  .srfq-supplier-card-avatar{width:34px;height:34px;border-radius:12px;}
  .srfq-supplier-dashboard-avatar{width:48px;height:48px;border-radius:16px;}
}

/* v2.2.211.626 - clearer touch targets for frontend shortcode actions on mobile. */
@media (max-width:640px){
  body:not(.wp-admin) .srfq-btn,
  body:not(.wp-admin) a.srfq-btn,
  body:not(.wp-admin) button.srfq-btn,
  body:not(.wp-admin) input.srfq-btn{
    font-size:14px!important;
    font-weight:700!important;
  }
}