/*
Theme Name: WORKROCKS
Theme URI: https://workrocks.co.il
Author: WORKROCKS
Author URI: https://workrocks.co.il
Description: הפלטפורמה המובילה לניהול עסקים עם AI
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: workrocks
*/

/* ============================================================
   CSS VARIABLES
============================================================ */
:root {
  --wr-bg:         #0A1628;
  --wr-surface:    #111f38;
  --wr-card:       #141f35;
  --wr-card2:      #0f1a2e;
  --wr-gold:       #C9A84C;
  --wr-gold-light: #e8c96a;
  --wr-gold-dim:   rgba(201,168,76,0.12);
  --wr-gold-border:rgba(201,168,76,0.2);
  --wr-text:       #f0f0f0;
  --wr-muted:      #7A8AAA;
  --wr-border:     rgba(201,168,76,0.15);
  --wr-green:      #4ade80;
  --wr-red:        #f87171;
  --wr-blue:       #60a5fa;
  --wr-radius:     10px;
  --wr-radius-lg:  14px;
  --wr-transition: all 0.2s ease;
}

/* ============================================================
   RESET & BASE
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--wr-bg);
  color: var(--wr-text);
  font-family: 'Heebo', 'Assistant', sans-serif;
  direction: rtl;
  line-height: 1.7;
  font-size: 16px;
  overflow-x: hidden;
}

a { color: var(--wr-gold); text-decoration: none; transition: var(--wr-transition); }
a:hover { color: var(--wr-gold-light); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }

/* ============================================================
   READING PROGRESS BAR
============================================================ */
#reading-progress {
  position: fixed; top: 0; right: 0; left: 0; height: 3px;
  background: var(--wr-gold);
  transform: scaleX(0); transform-origin: right;
  z-index: 9999; transition: transform 0.1s linear;
}

/* ============================================================
   NAVBAR
============================================================ */
#wr-navbar {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(10,22,40,0.97);
  border-bottom: 0.5px solid var(--wr-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: var(--wr-transition);
}
#wr-navbar.scrolled { box-shadow: 0 4px 30px rgba(0,0,0,0.4); }

.nav-container {
  max-width: 1200px; margin: 0 auto;
  padding: 0 24px;
  display: flex; align-items: center; gap: 32px;
  height: 64px;
}
.nav-logo {
  font-size: 20px; font-weight: 700; color: var(--wr-text);
  letter-spacing: -0.5px; flex-shrink: 0;
}
.nav-logo span { color: var(--wr-gold); }

.nav-menu {
  display: flex; gap: 4px; flex: 1;
}
.nav-menu li a {
  color: var(--wr-muted); font-size: 14px;
  padding: 8px 14px; border-radius: 6px;
  transition: var(--wr-transition);
}
.nav-menu li a:hover,
.nav-menu li.current-menu-item a {
  color: var(--wr-text); background: var(--wr-gold-dim);
}

.nav-cta {
  background: var(--wr-gold); color: #0A1628;
  border: none; padding: 9px 20px; border-radius: 8px;
  font-size: 14px; font-weight: 600; cursor: pointer;
  transition: var(--wr-transition); flex-shrink: 0;
  font-family: inherit;
}
.nav-cta:hover { background: var(--wr-gold-light); transform: translateY(-1px); }

.nav-toggle {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; cursor: pointer; padding: 4px;
}
.nav-toggle span {
  display: block; width: 22px; height: 2px;
  background: var(--wr-text); border-radius: 2px;
  transition: var(--wr-transition);
}

/* ============================================================
   HERO
============================================================ */
.wr-hero {
  min-height: 90vh;
  display: flex; align-items: center; justify-content: center;
  text-align: center; padding: 80px 24px;
  position: relative; overflow: hidden;
}
.wr-hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(201,168,76,0.10) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 80% 80%, rgba(201,168,76,0.05) 0%, transparent 60%);
  pointer-events: none;
}

.hero-inner { max-width: 760px; margin: 0 auto; position: relative; z-index: 1; }

.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 16px;
  background: var(--wr-gold-dim);
  border: 0.5px solid var(--wr-gold-border);
  border-radius: 20px; color: var(--wr-gold);
  font-size: 12px; letter-spacing: 1.5px;
  text-transform: uppercase; margin-bottom: 28px;
}
.hero-badge::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--wr-gold); animation: pulse-dot 2s infinite; }
@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }

.hero-inner h1 {
  font-size: clamp(36px, 6vw, 60px);
  font-weight: 700; line-height: 1.12;
  letter-spacing: -1.5px; margin-bottom: 22px;
}
.hero-inner h1 .gold { color: var(--wr-gold); }

.hero-inner p {
  font-size: 18px; color: var(--wr-muted);
  max-width: 520px; margin: 0 auto 40px; line-height: 1.8;
}

.hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.btn-primary {
  background: var(--wr-gold); color: #0A1628;
  border: none; padding: 14px 30px; border-radius: 9px;
  font-size: 15px; font-weight: 600; cursor: pointer;
  transition: var(--wr-transition); font-family: inherit;
  display: inline-flex; align-items: center; gap: 8px;
}
.btn-primary:hover { background: var(--wr-gold-light); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201,168,76,0.25); }

.btn-outline {
  background: transparent; color: var(--wr-text);
  border: 0.5px solid rgba(240,240,240,0.2);
  padding: 14px 30px; border-radius: 9px;
  font-size: 15px; cursor: pointer; transition: var(--wr-transition);
  font-family: inherit;
  display: inline-flex; align-items: center; gap: 8px;
}
.btn-outline:hover { border-color: var(--wr-gold); color: var(--wr-gold); }

/* ============================================================
   STATS STRIP
============================================================ */
.wr-stats {
  display: grid; grid-template-columns: repeat(4,1fr);
  border-top: 0.5px solid var(--wr-border);
  border-bottom: 0.5px solid var(--wr-border);
}
.wr-stat {
  padding: 30px 20px; text-align: center;
  border-right: 0.5px solid var(--wr-border);
}
.wr-stat:last-child { border-right: none; }
.stat-num { font-size: 32px; font-weight: 700; color: var(--wr-gold); margin-bottom: 4px; }
.stat-label { font-size: 13px; color: var(--wr-muted); }

/* ============================================================
   SECTION COMMONS
============================================================ */
.wr-section { padding: 80px 24px; max-width: 1200px; margin: 0 auto; }
.wr-section-full { padding: 80px 24px; }

.section-tag {
  font-size: 11px; color: var(--wr-gold);
  letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 12px;
}
.section-title {
  font-size: clamp(26px, 4vw, 38px); font-weight: 700;
  letter-spacing: -0.5px; margin-bottom: 12px;
}
.section-sub { font-size: 16px; color: var(--wr-muted); max-width: 520px; }

/* ============================================================
   AGENTS GRID
============================================================ */
.agents-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
  margin-top: 48px;
}
.agent-card {
  background: var(--wr-card);
  border: 0.5px solid var(--wr-border);
  border-radius: var(--wr-radius-lg); padding: 28px;
  transition: var(--wr-transition); cursor: pointer;
  position: relative; overflow: hidden;
}
.agent-card::before {
  content: ''; position: absolute; top: 0; right: 0; left: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--wr-gold), transparent);
  opacity: 0; transition: var(--wr-transition);
}
.agent-card:hover { border-color: var(--wr-gold); transform: translateY(-3px); }
.agent-card:hover::before { opacity: 1; }

.agent-icon {
  width: 50px; height: 50px; border-radius: 12px;
  background: var(--wr-gold-dim); border: 0.5px solid var(--wr-gold-border);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; margin-bottom: 16px;
}
.agent-name { font-size: 16px; font-weight: 600; margin-bottom: 8px; }
.agent-desc { font-size: 13px; color: var(--wr-muted); line-height: 1.65; margin-bottom: 18px; }
.agent-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px; }
.agent-tag {
  font-size: 10px; padding: 3px 10px; border-radius: 4px;
  background: var(--wr-gold-dim); color: var(--wr-gold);
  border: 0.5px solid var(--wr-gold-border);
}
.agent-run-btn {
  width: 100%; padding: 10px;
  background: var(--wr-gold-dim); border: 0.5px solid var(--wr-gold-border);
  color: var(--wr-gold); border-radius: 7px; font-size: 13px;
  font-weight: 500; cursor: pointer; transition: var(--wr-transition);
  font-family: inherit;
}
.agent-run-btn:hover { background: var(--wr-gold); color: #0A1628; }

/* Agent Output Box */
.agent-output-box {
  display: none; margin-top: 24px;
  background: var(--wr-card); border: 0.5px solid var(--wr-gold-border);
  border-radius: var(--wr-radius-lg); padding: 24px;
  animation: fadeInUp 0.3s ease;
}
@keyframes fadeInUp { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }

.agent-output-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 14px; padding-bottom: 12px;
  border-bottom: 0.5px solid var(--wr-border);
}
.agent-output-label { font-size: 12px; color: var(--wr-muted); }
.agent-output-status {
  font-size: 11px; color: var(--wr-green);
  display: flex; align-items: center; gap: 5px;
}
.agent-output-status::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--wr-green); }
.agent-output-text { font-size: 14px; line-height: 1.8; color: var(--wr-text); }
.agent-output-text strong { color: var(--wr-gold); }

.wrai-loading {
  display: flex; align-items: center; gap: 10px; color: var(--wr-muted); font-size: 13px;
}
.wrai-spinner {
  width: 18px; height: 18px; border: 2px solid var(--wr-border);
  border-top-color: var(--wr-gold); border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ============================================================
   BLOG SECTION
============================================================ */
.blog-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  margin-top: 48px;
}
.blog-card {
  background: var(--wr-card); border: 0.5px solid var(--wr-border);
  border-radius: var(--wr-radius-lg); overflow: hidden;
  transition: var(--wr-transition);
}
.blog-card:hover { border-color: var(--wr-gold); transform: translateY(-3px); }

.blog-card-img {
  height: 180px; background: var(--wr-surface);
  display: flex; align-items: center; justify-content: center;
  font-size: 48px; border-bottom: 0.5px solid var(--wr-border);
}
.blog-card-body { padding: 22px; }
.blog-card-cat {
  font-size: 10px; color: var(--wr-gold); letter-spacing: 1.5px;
  text-transform: uppercase; margin-bottom: 10px;
}
.blog-card-title {
  font-size: 16px; font-weight: 600; margin-bottom: 10px;
  line-height: 1.45; color: var(--wr-text);
}
.blog-card-excerpt { font-size: 13px; color: var(--wr-muted); line-height: 1.65; margin-bottom: 16px; }
.blog-card-meta {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 11px; color: var(--wr-muted);
  border-top: 0.5px solid var(--wr-border); padding-top: 14px;
}
.blog-read-more { color: var(--wr-gold); font-size: 12px; font-weight: 500; }

/* Blog filter */
.blog-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 32px; }
.blog-cat-btn {
  padding: 7px 16px; border-radius: 6px; font-size: 12px;
  background: transparent; border: 0.5px solid var(--wr-border);
  color: var(--wr-muted); cursor: pointer; transition: var(--wr-transition);
  font-family: inherit;
}
.blog-cat-btn:hover { border-color: var(--wr-gold); color: var(--wr-gold); }
.blog-cat-btn.active { background: var(--wr-gold); border-color: var(--wr-gold); color: #0A1628; font-weight: 600; }

/* ============================================================
   CONTACT SECTION
============================================================ */
.contact-section {
  padding: 80px 24px;
  background: linear-gradient(180deg, transparent, rgba(201,168,76,0.04), transparent);
  border-top: 0.5px solid var(--wr-border);
  border-bottom: 0.5px solid var(--wr-border);
}
.contact-grid {
  max-width: 1000px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; align-items: start;
}
.contact-info h2 { font-size: 32px; font-weight: 700; margin-bottom: 16px; }
.contact-info p { color: var(--wr-muted); font-size: 15px; line-height: 1.8; margin-bottom: 32px; }
.contact-detail {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 16px; font-size: 14px;
}
.contact-detail-icon {
  width: 38px; height: 38px; border-radius: 9px;
  background: var(--wr-gold-dim); border: 0.5px solid var(--wr-gold-border);
  display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0;
}

.contact-form-box {
  background: var(--wr-card); border: 0.5px solid var(--wr-border);
  border-radius: var(--wr-radius-lg); padding: 36px;
}
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mfield { margin-bottom: 14px; }
.mfield label { font-size: 12px; color: var(--wr-muted); display: block; margin-bottom: 6px; }
.mfield input,
.mfield select,
.mfield textarea {
  width: 100%; padding: 12px 14px;
  background: rgba(255,255,255,0.04);
  border: 0.5px solid rgba(255,255,255,0.1);
  border-radius: 8px; color: var(--wr-text);
  font-size: 14px; font-family: inherit; outline: none;
  transition: var(--wr-transition); direction: rtl;
}
.mfield input:focus,
.mfield select:focus,
.mfield textarea:focus {
  border-color: var(--wr-gold);
  background: rgba(201,168,76,0.04);
}
.mfield select option { background: var(--wr-surface); color: var(--wr-text); }
.mfield textarea { resize: vertical; min-height: 110px; }
.mfield.err input,
.mfield.err select,
.mfield.err textarea { border-color: var(--wr-red); }
.mfield-error { font-size: 11px; color: var(--wr-red); margin-top: 4px; display: block; }

.btn-submit {
  width: 100%; padding: 14px;
  background: var(--wr-gold); color: #0A1628;
  border: none; border-radius: 9px; font-size: 15px; font-weight: 600;
  cursor: pointer; transition: var(--wr-transition); font-family: inherit;
  margin-top: 6px;
}
.btn-submit:hover { background: var(--wr-gold-light); }
.btn-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

.form-success {
  display: none; text-align: center; padding: 40px 20px;
}
.form-success-icon { font-size: 48px; margin-bottom: 16px; }
.form-success h3 { font-size: 22px; font-weight: 600; margin-bottom: 8px; }
.form-success p { color: var(--wr-muted); font-size: 14px; }

/* ============================================================
   CONTACT MODAL
============================================================ */
.modal-overlay {
  display: none; position: fixed; inset: 0; z-index: 9000;
  background: rgba(0,0,0,0.7); backdrop-filter: blur(4px);
  align-items: center; justify-content: center; padding: 20px;
}
.modal-overlay.open { display: flex; animation: fadeIn 0.2s ease; }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }

.modal-box {
  background: var(--wr-surface); border: 0.5px solid var(--wr-gold-border);
  border-radius: var(--wr-radius-lg); padding: 40px;
  width: 100%; max-width: 480px; position: relative;
  max-height: 90vh; overflow-y: auto;
  animation: slideUp 0.3s ease;
}
@keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

.modal-close {
  position: absolute; top: 16px; left: 16px;
  background: rgba(255,255,255,0.07); border: none;
  color: var(--wr-muted); width: 32px; height: 32px;
  border-radius: 50%; font-size: 16px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: var(--wr-transition);
}
.modal-close:hover { background: rgba(255,255,255,0.12); color: var(--wr-text); }

.modal-box h2 { font-size: 22px; font-weight: 700; margin-bottom: 6px; }
.modal-subtitle { font-size: 13px; color: var(--wr-muted); margin-bottom: 24px; }

/* ============================================================
   AGENT QUICK MODAL
============================================================ */
.wrai-modal-overlay {
  display: none; position: fixed; inset: 0; z-index: 9000;
  background: rgba(0,0,0,0.75); backdrop-filter: blur(4px);
  align-items: center; justify-content: center; padding: 20px;
}
.wrai-modal-box {
  background: var(--wr-surface); border: 0.5px solid var(--wr-gold-border);
  border-radius: var(--wr-radius-lg); padding: 32px;
  width: 100%; max-width: 560px; position: relative;
}
.wrai-modal-box h2 { font-size: 18px; font-weight: 600; margin-bottom: 4px; }
.wrai-modal-box p { font-size: 13px; color: var(--wr-muted); margin-bottom: 20px; }

#wrai-quick-input {
  width: 100%; padding: 13px 16px; min-height: 90px;
  background: rgba(255,255,255,0.04);
  border: 0.5px solid rgba(255,255,255,0.1);
  border-radius: 8px; color: var(--wr-text);
  font-size: 14px; font-family: inherit; outline: none;
  resize: vertical; direction: rtl; transition: var(--wr-transition);
}
#wrai-quick-input:focus { border-color: var(--wr-gold); }

.wrai-run-btn {
  margin-top: 12px; width: 100%; padding: 12px;
  background: var(--wr-gold); color: #0A1628;
  border: none; border-radius: 8px; font-size: 14px; font-weight: 600;
  cursor: pointer; transition: var(--wr-transition); font-family: inherit;
}
.wrai-run-btn:hover { background: var(--wr-gold-light); }
.wrai-run-btn:disabled { opacity: 0.5; cursor: not-allowed; }

#wrai-quick-output {
  display: none; margin-top: 16px; padding: 16px;
  background: rgba(255,255,255,0.03);
  border: 0.5px solid var(--wr-border);
  border-radius: 8px; font-size: 13px; line-height: 1.8;
  max-height: 260px; overflow-y: auto;
}
.wrai-approval-notice {
  margin-top: 12px; padding: 10px 14px;
  background: rgba(201,168,76,0.08); border: 0.5px solid var(--wr-gold-border);
  border-radius: 7px; font-size: 12px; color: var(--wr-gold);
}

/* ============================================================
   FOOTER
============================================================ */
.site-footer {
  border-top: 0.5px solid var(--wr-border);
  padding: 60px 24px 30px;
}
.footer-grid {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px;
  margin-bottom: 48px;
}
.footer-brand p { color: var(--wr-muted); font-size: 14px; margin-top: 12px; line-height: 1.7; max-width: 280px; }
.footer-logo { font-size: 20px; font-weight: 700; }
.footer-logo span { color: var(--wr-gold); }
.footer-col h4 { font-size: 12px; color: var(--wr-gold); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 16px; font-weight: 500; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a { color: var(--wr-muted); font-size: 14px; }
.footer-col ul li a:hover { color: var(--wr-text); }
.footer-bottom {
  max-width: 1200px; margin: 0 auto;
  padding-top: 24px; border-top: 0.5px solid var(--wr-border);
  display: flex; align-items: center; justify-content: space-between;
  font-size: 12px; color: var(--wr-muted);
}

/* ============================================================
   SCROLL TO TOP
============================================================ */
.scroll-top-btn {
  position: fixed; bottom: 30px; left: 30px; z-index: 900;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--wr-card); border: 0.5px solid var(--wr-gold-border);
  color: var(--wr-gold); font-size: 18px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: translateY(10px);
  transition: var(--wr-transition);
}
.scroll-top-btn.visible { opacity: 1; transform: translateY(0); }
.scroll-top-btn:hover { background: var(--wr-gold); color: #0A1628; }

/* ============================================================
   TOAST
============================================================ */
.wr-toast {
  position: fixed; bottom: 30px; right: 50%;
  transform: translateX(50%); z-index: 9999;
  padding: 12px 24px; border-radius: 8px;
  font-size: 14px; font-weight: 600;
  background: #0A1628; border: 0.5px solid var(--wr-gold);
  color: var(--wr-gold);
  opacity: 0; transition: opacity 0.3s;
  pointer-events: none;
}
.wr-toast.show { opacity: 1; }

/* ============================================================
   UTILITIES
============================================================ */
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width: 900px) {
  .agents-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .wr-stats { grid-template-columns: repeat(2, 1fr); }
  .form-row { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .agents-grid, .blog-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .wr-stats { grid-template-columns: repeat(2, 1fr); }
  .nav-menu { display: none; position: fixed; inset: 64px 0 0 0; flex-direction: column; background: rgba(10,22,40,0.98); padding: 24px; }
  .nav-menu.open { display: flex; }
  .nav-toggle { display: flex; margin-right: auto; }
  .hero-inner h1 { font-size: 32px; }
}

/* ============================================================
   ARTICLE STYLES — עיצוב מאמרי בלוג + SEO
============================================================ */
.wr-article {
  max-width: 800px; margin: 0 auto; padding: 0 0 60px;
  font-size: 16px; line-height: 1.85; color: var(--wr-text);
}
.wr-article-lead {
  font-size: 19px; color: var(--wr-muted); line-height: 1.75;
  margin-bottom: 36px; border-right: 3px solid var(--wr-gold);
  padding-right: 20px;
}
.wr-article h2 {
  font-size: 26px; font-weight: 700; color: var(--wr-text);
  margin: 44px 0 16px; letter-spacing: -0.3px;
  padding-bottom: 10px; border-bottom: 0.5px solid var(--wr-border);
}
.wr-article h3 {
  font-size: 19px; font-weight: 600; color: var(--wr-gold);
  margin: 28px 0 12px;
}
.wr-article p { margin-bottom: 18px; }
.wr-article ul, .wr-article ol {
  padding-right: 24px; margin-bottom: 22px;
}
.wr-article li {
  margin-bottom: 10px; position: relative;
}
.wr-article ul li::before {
  content: '▸'; color: var(--wr-gold);
  position: absolute; right: -20px;
}
.wr-article ol { list-style: decimal; }
.wr-article ol li::marker { color: var(--wr-gold); font-weight: 700; }
.wr-article strong { color: var(--wr-text); font-weight: 600; }
.wr-article hr {
  border: none; border-top: 0.5px solid var(--wr-border); margin: 40px 0;
}

/* CTA Box */
.wr-cta-box {
  background: linear-gradient(135deg, var(--wr-card), rgba(201,168,76,0.06));
  border: 0.5px solid var(--wr-gold-border);
  border-radius: var(--wr-radius-lg);
  padding: 36px; margin: 48px 0 0; text-align: center;
}
.wr-cta-box h3 { font-size: 22px; font-weight: 700; margin-bottom: 10px; color: var(--wr-gold); }
.wr-cta-box p  { color: var(--wr-muted); font-size: 15px; margin-bottom: 24px; }

/* Single post wrapper */
.single-post-content {
  max-width: 860px; margin: 0 auto; padding: 60px 24px;
}
.single-post-header {
  margin-bottom: 40px; padding-bottom: 32px;
  border-bottom: 0.5px solid var(--wr-border);
}
.single-post-header h1 {
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 700; line-height: 1.2; letter-spacing: -0.5px;
  margin-bottom: 16px;
}
.single-post-meta {
  display: flex; align-items: center; gap: 16px;
  font-size: 13px; color: var(--wr-muted);
}
.single-post-cat {
  font-size: 11px; color: var(--wr-gold); letter-spacing: 1.5px;
  text-transform: uppercase; background: var(--wr-gold-dim);
  padding: 4px 12px; border-radius: 20px;
  border: 0.5px solid var(--wr-gold-border);
}

/* ============================================================
   ABOUT SECTION — סקשן אודות בדף הבית
============================================================ */
.wr-about-section {
  border-top: 0.5px solid var(--wr-border);
  border-bottom: 0.5px solid var(--wr-border);
  background: linear-gradient(180deg, rgba(201,168,76,0.03) 0%, transparent 60%);
}
.wr-about-top {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 32px; margin-bottom: 52px; flex-wrap: wrap;
}
.wr-about-tagline {
  font-size: 14px; color: var(--wr-gold); font-style: italic;
  text-align: left; line-height: 1.7; flex-shrink: 0;
  border-left: 2px solid var(--wr-gold-border); padding-left: 20px;
  max-width: 280px;
}
.wr-about-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start;
}
@media(max-width:860px){ .wr-about-grid{ grid-template-columns:1fr; gap:36px;} }

.wr-about-lead {
  font-size: 17px; color: var(--wr-muted); line-height: 1.8;
  margin-bottom: 20px;
  border-right: 3px solid var(--wr-gold); padding-right: 18px;
}
.wr-about-text p {
  font-size: 14px; color: var(--wr-muted); line-height: 1.85; margin-bottom: 16px;
}
.wr-about-values {
  display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px;
}
.wr-value {
  font-size: 12px; font-weight: 500;
  background: var(--wr-gold-dim); border: 0.5px solid var(--wr-gold-border);
  border-radius: 6px; padding: 6px 14px; color: var(--wr-text);
}
.wr-value span { color: var(--wr-gold); margin-left: 6px; }

.wr-about-pillars {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.wr-pillar {
  background: var(--wr-card); border: 0.5px solid var(--wr-border);
  border-radius: var(--wr-radius-lg); padding: 22px; transition: var(--wr-transition);
}
.wr-pillar:hover { border-color: var(--wr-gold); transform: translateY(-2px); }
.wr-pillar-icon { font-size: 24px; margin-bottom: 10px; }
.wr-pillar-title { font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.wr-pillar-desc { font-size: 12px; color: var(--wr-muted); line-height: 1.6; }

.wr-about-quote {
  margin-top: 52px; display: flex; align-items: flex-start; gap: 20px;
  background: var(--wr-gold-dim); border: 0.5px solid var(--wr-gold-border);
  border-radius: var(--wr-radius-lg); padding: 28px 32px;
}
.wr-quote-mark { font-size: 60px; color: var(--wr-gold); line-height: 1; flex-shrink: 0; margin-top: -8px; }
.wr-quote-text { font-size: 16px; color: var(--wr-text); line-height: 1.8; font-style: italic; }

/* ============================================================
   MARKETPLACE — מרקטפלייס Zap-style
============================================================ */
#wkmp-wrap { font-family:'Heebo',Arial,sans-serif; direction:rtl; color:var(--wr-text); }

.wkmp-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:10px 20px; border-radius:9px; font-size:14px; font-weight:600; cursor:pointer; transition:all .2s; border:none; font-family:inherit; text-decoration:none; }
.wkmp-btn-gold { background:var(--wr-gold); color:#0A1628; }
.wkmp-btn-gold:hover { background:var(--wr-gold-light); transform:translateY(-1px); color:#0A1628; }
.wkmp-btn-outline { background:transparent; border:0.5px solid rgba(255,255,255,.2); color:var(--wr-text); }
.wkmp-btn-outline:hover { border-color:var(--wr-gold); color:var(--wr-gold); }
.wkmp-btn-sm { padding:7px 14px; font-size:12px; }
.wkmp-btn-full { width:100%; }

/* CATALOG LAYOUT */
.wkmp-catalog-wrap { display:grid; grid-template-columns:240px 1fr; gap:24px; max-width:1200px; margin:0 auto; padding:32px 24px; }
@media(max-width:860px){ .wkmp-catalog-wrap{ grid-template-columns:1fr; } }

.wkmp-filters { background:var(--wr-card); border:0.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); padding:20px; height:fit-content; position:sticky; top:72px; }
.wkmp-filter-title { font-size:11px; color:var(--wr-gold); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:8px; }
.wkmp-search { width:100%; padding:9px 12px; background:rgba(255,255,255,.04); border:0.5px solid rgba(255,255,255,.1); border-radius:8px; color:var(--wr-text); font-size:13px; font-family:inherit; outline:none; direction:rtl; }
.wkmp-search:focus { border-color:var(--wr-gold); }
.wkmp-filter-cats { display:flex; flex-direction:column; gap:5px; }
.wkmp-filter-cats label { font-size:12px; cursor:pointer; }
.wkmp-price-inp { width:calc(50% - 4px); padding:7px 10px; background:rgba(255,255,255,.04); border:0.5px solid rgba(255,255,255,.1); border-radius:7px; color:var(--wr-text); font-size:12px; font-family:inherit; outline:none; }
.wkmp-select { width:100%; padding:9px 12px; background:rgba(255,255,255,.04); border:0.5px solid rgba(255,255,255,.1); border-radius:8px; color:var(--wr-text); font-size:13px; font-family:inherit; outline:none; direction:rtl; }
.wkmp-select option { background:var(--wr-surface); }

.wkmp-catalog-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.wkmp-catalog-title { font-size:16px; font-weight:600; }
.wkmp-count { font-size:12px; color:var(--wr-muted); background:var(--wr-gold-dim); padding:2px 10px; border-radius:20px; margin-right:10px; }

/* PRODUCT CARDS */
.wkmp-products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:1000px){ .wkmp-products-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .wkmp-products-grid{ grid-template-columns:1fr; } }

.wkmp-product-card { background:var(--wr-card); border:0.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); overflow:hidden; transition:all .2s; position:relative; }
.wkmp-product-card:hover { border-color:var(--wr-gold); transform:translateY(-3px); }
.wkmp-card-img { height:180px; background:var(--wr-surface); display:flex; align-items:center; justify-content:center; overflow:hidden; border-bottom:0.5px solid var(--wr-border); }
.wkmp-card-img img { width:100%; height:100%; object-fit:cover; }
.wkmp-img-placeholder { font-size:48px; opacity:.4; }
.wkmp-card-body { padding:16px; }
.wkmp-card-brand { font-size:10px; color:var(--wr-gold); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:5px; }
.wkmp-card-name { font-size:14px; font-weight:600; margin-bottom:6px; line-height:1.4; }
.wkmp-card-name a { color:var(--wr-text); }
.wkmp-card-name a:hover { color:var(--wr-gold); }
.wkmp-card-cond { font-size:10px; padding:2px 8px; border-radius:4px; display:inline-block; margin-bottom:8px; }
.wkmp-cond-new { background:rgba(74,222,128,.1); color:var(--wr-green); }
.wkmp-cond-sealed { background:rgba(96,165,250,.1); color:var(--wr-blue); }
.wkmp-cond-used { background:rgba(201,168,76,.1); color:var(--wr-gold); }
.wkmp-card-price { margin:8px 0; }
.wkmp-from { font-size:11px; color:var(--wr-muted); }
.wkmp-price-val { font-size:22px; font-weight:700; color:var(--wr-gold); }
.wkmp-offers-count { font-size:11px; color:var(--wr-blue); margin-bottom:4px; }
.wkmp-delivery { font-size:11px; color:var(--wr-muted); margin-bottom:10px; }
.wkmp-card-actions { display:flex; gap:8px; }
.wkmp-badge { position:absolute; top:10px; right:10px; font-size:10px; padding:3px 10px; border-radius:4px; font-weight:600; }
.wkmp-badge-out { background:rgba(248,113,113,.15); color:var(--wr-red); border:0.5px solid rgba(248,113,113,.3); }

/* COMPARE TABLE */
.wkmp-compare-title { font-size:22px; font-weight:700; margin:24px 0 20px; max-width:1200px; padding:0 24px; margin-left:auto; margin-right:auto; }
.wkmp-compare-table-wrap { max-width:1200px; margin:0 auto; padding:0 24px 40px; overflow-x:auto; }
.wkmp-compare-table { width:100%; border-collapse:collapse; background:var(--wr-card); border-radius:var(--wr-radius-lg); overflow:hidden; }
.wkmp-compare-table th { background:var(--wr-surface); padding:12px 16px; font-size:12px; color:var(--wr-muted); text-align:right; border-bottom:0.5px solid var(--wr-border); white-space:nowrap; }
.wkmp-compare-table td { padding:12px 16px; font-size:13px; border-bottom:0.5px solid var(--wr-border); }
.wkmp-compare-table tr:last-child td { border-bottom:none; }
.wkmp-cheapest-row { background:rgba(74,222,128,.05); }
.wkmp-price-cell { color:var(--wr-gold); font-size:16px; }
.wkmp-tag { font-size:10px; padding:2px 8px; border-radius:4px; font-weight:600; }
.wkmp-tag-green { background:rgba(74,222,128,.15); color:var(--wr-green); }

/* PRODUCT DETAIL */
.wkmp-product-detail { display:grid; grid-template-columns:1fr 1fr; gap:40px; max-width:1100px; margin:0 auto; padding:0 24px 60px; }
@media(max-width:760px){ .wkmp-product-detail{ grid-template-columns:1fr; } }
.wkmp-main-img { width:100%; border-radius:12px; border:0.5px solid var(--wr-border); }
.wkmp-img-placeholder-lg { height:360px; background:var(--wr-surface); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:80px; opacity:.3; }
.wkmp-product-brand { font-size:11px; color:var(--wr-gold); letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; }
.wkmp-product-title { font-size:28px; font-weight:700; margin-bottom:16px; line-height:1.2; }
.wkmp-product-price-wrap { margin-bottom:16px; }
.wkmp-product-price { font-size:36px; font-weight:700; color:var(--wr-gold); }
.wkmp-product-seller { font-size:13px; color:var(--wr-muted); margin-bottom:8px; }
.wkmp-product-meta-row { font-size:13px; color:var(--wr-muted); margin-bottom:6px; }
.wkmp-product-desc { font-size:14px; color:var(--wr-muted); line-height:1.8; margin:20px 0; }
.wkmp-specs-box { background:var(--wr-gold-dim); border:0.5px solid var(--wr-gold-border); border-radius:var(--wr-radius); padding:16px; margin-bottom:20px; }
.wkmp-specs-title { font-size:12px; color:var(--wr-gold); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:8px; }
.wkmp-detail-actions { display:flex; gap:12px; }

/* CHECKOUT */
.wkmp-checkout-wrap { display:grid; grid-template-columns:280px 1fr; gap:24px; max-width:960px; margin:0 auto; padding:0 24px 60px; }
@media(max-width:760px){ .wkmp-checkout-wrap{ grid-template-columns:1fr; } }
.wkmp-checkout-product { background:var(--wr-card); border:0.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); padding:24px; height:fit-content; }
.wkmp-checkout-product-name { font-size:16px; font-weight:600; margin-bottom:8px; }
.wkmp-checkout-seller { font-size:12px; color:var(--wr-muted); margin-bottom:10px; }
.wkmp-checkout-price { font-size:24px; font-weight:700; color:var(--wr-gold); margin-bottom:12px; }
.wkmp-checkout-meta { font-size:12px; color:var(--wr-muted); margin-bottom:6px; }
.wkmp-checkout-form-box { background:var(--wr-card); border:0.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); padding:28px; }
.wkmp-form-section-title { font-size:13px; color:var(--wr-gold); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:12px; }
.wkmp-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media(max-width:560px){ .wkmp-form-row{ grid-template-columns:1fr; } }
.wkmp-terms-box { background:rgba(201,168,76,.06); border:0.5px solid var(--wr-gold-border); border-radius:var(--wr-radius); padding:16px; margin:16px 0; }
.wkmp-terms-text { font-size:12px; color:var(--wr-muted); line-height:1.7; margin-bottom:12px; }
.wkmp-terms-label { display:flex; align-items:flex-start; gap:10px; font-size:13px; cursor:pointer; font-weight:500; }
.wkmp-total-box { display:flex; align-items:center; justify-content:space-between; background:var(--wr-surface); border-radius:var(--wr-radius); padding:16px; margin:12px 0; }
.wkmp-total-label { font-size:14px; color:var(--wr-muted); }
.wkmp-total-price { font-size:26px; font-weight:700; color:var(--wr-gold); }

/* SUCCESS */
.wkmp-success-wrap { max-width:600px; margin:40px auto; padding:0 24px 60px; text-align:center; }
.wkmp-success-icon { font-size:64px; margin-bottom:16px; }
.wkmp-success-wrap h2 { font-size:28px; font-weight:700; margin-bottom:8px; }
.wkmp-order-number { font-size:15px; color:var(--wr-muted); margin-bottom:28px; }
.wkmp-receipt-box { background:var(--wr-card); border:0.5px solid var(--wr-gold-border); border-radius:var(--wr-radius-lg); padding:28px; text-align:right; margin-bottom:24px; }
.wkmp-receipt-logo { font-size:20px; font-weight:700; color:var(--wr-text); margin-bottom:4px; }
.wkmp-receipt-logo span { color:var(--wr-gold); }
.wkmp-receipt-title { font-size:12px; color:var(--wr-muted); margin-bottom:16px; }
.wkmp-receipt-table { width:100%; font-size:13px; }
.wkmp-receipt-table td { padding:7px 0; border-bottom:0.5px solid var(--wr-border); }
.wkmp-receipt-table td:first-child { color:var(--wr-muted); width:45%; }
.wkmp-success-actions { display:flex; gap:12px; justify-content:center; }
@media print { .wkmp-success-actions,.navbar,footer,#wa-float-btn{ display:none!important; } .wkmp-receipt-box{ border:1px solid #ccc; } }

/* SELL FORM */
.wkmp-sell-wrap { display:grid; grid-template-columns:1fr 1.4fr; gap:48px; max-width:960px; margin:0 auto; padding:0 24px 60px; align-items:start; }
@media(max-width:760px){ .wkmp-sell-wrap{ grid-template-columns:1fr; } }
.wkmp-sell-form-box { background:var(--wr-card); border:0.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); padding:28px; }
.wkmp-sell-benefit { font-size:14px; margin-bottom:10px; }
.wkmp-sell-benefit span { color:var(--wr-green); margin-left:8px; }

/* BREADCRUMB */
.wkmp-breadcrumb { font-size:12px; color:var(--wr-muted); padding:16px 24px; max-width:1200px; margin:0 auto; }
.wkmp-breadcrumb a { color:var(--wr-gold); }

/* EMPTY STATE */
.wkmp-empty { text-align:center; padding:80px 24px; color:var(--wr-muted); font-size:15px; }

/* PAGINATION */
.wkmp-pagination { display:flex; justify-content:center; gap:8px; margin-top:32px; flex-wrap:wrap; }
.wkmp-pagination a, .wkmp-pagination .current { padding:8px 14px; border-radius:7px; font-size:13px; border:0.5px solid var(--wr-border); color:var(--wr-muted); text-decoration:none; }
.wkmp-pagination .current { background:var(--wr-gold); color:#0A1628; border-color:var(--wr-gold); font-weight:600; }
.wkmp-pagination a:hover { border-color:var(--wr-gold); color:var(--wr-gold); }

/* ============================================================
   REAL ESTATE (backup — also inline in shortcode)
============================================================ */
.wkre-hero{text-align:center;padding:60px 24px 48px;border-bottom:.5px solid var(--wr-border);}
.wkre-hero-badge{display:inline-block;font-size:10px;letter-spacing:2px;color:var(--wr-gold);text-transform:uppercase;background:var(--wr-gold-dim);border:.5px solid var(--wr-gold-border);border-radius:20px;padding:4px 14px;margin-bottom:16px;}
.wkre-hero-title{font-size:clamp(26px,4vw,46px);font-weight:700;line-height:1.15;margin-bottom:12px;}
.wkre-hero-sub{font-size:15px;color:var(--wr-muted);margin-bottom:24px;}
.wkre-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin:0 auto 24px;}
.wkre-benefit{font-size:12px;background:var(--wr-gold-dim);border:.5px solid var(--wr-gold-border);border-radius:7px;padding:6px 14px;}
.wkre-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1100px;margin:0 auto;padding:40px 24px;}
@media(max-width:860px){.wkre-cards-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:540px){.wkre-cards-grid{grid-template-columns:1fr;}}
.wkre-tour-wrap{display:grid;grid-template-columns:260px 1fr;gap:16px;}
@media(max-width:760px){.wkre-tour-wrap{grid-template-columns:1fr;}}
.wkre-tour-panel{display:flex;flex-direction:column;gap:10px;height:fit-content;}
.wkre-tour-viewer{position:relative;background:#fff;border-radius:14px;overflow:hidden;border:.5px solid var(--wr-border);min-height:480px;}

/* ============================================================
   CRM — ניהול לקוחות
============================================================ */
#wcrm-wrap { font-family:'Heebo',Arial,sans-serif; direction:rtl; color:var(--wr-text); }

.wcrm-layout { display:grid; grid-template-columns:220px 1fr; min-height:calc(100vh - 64px); }
@media(max-width:760px){ .wcrm-layout{ grid-template-columns:1fr; } }

.wcrm-nav { background:#080f1e; border-left:0.5px solid var(--wr-border); padding:24px 16px; display:flex; flex-direction:column; gap:4px; position:sticky; top:64px; height:calc(100vh - 64px); overflow-y:auto; }
.wcrm-nav-logo { font-size:18px; font-weight:700; color:var(--wr-text); margin-bottom:20px; padding-bottom:16px; border-bottom:0.5px solid var(--wr-border); }
.wcrm-nav-logo span { color:var(--wr-gold); }
.wcrm-nav-item { color:var(--wr-muted); font-size:13px; padding:9px 12px; border-radius:8px; text-decoration:none; transition:all .2s; display:flex; align-items:center; gap:6px; }
.wcrm-nav-item:hover { color:var(--wr-text); background:rgba(255,255,255,.05); }
.wcrm-nav-item.active { color:var(--wr-text); background:var(--wr-gold-dim); }
.wcrm-search-inp { width:100%; padding:8px 11px; background:rgba(255,255,255,.04); border:.5px solid rgba(255,255,255,.1); border-radius:8px; color:var(--wr-text); font-size:12px; font-family:inherit; direction:rtl; outline:none; }
.wcrm-search-inp:focus { border-color:var(--wr-gold); }
.wcrm-badge-red { background:rgba(248,113,113,.2); color:var(--wr-red); font-size:10px; padding:1px 7px; border-radius:20px; font-weight:600; }

.wcrm-main { padding:28px 28px 60px; max-width:1100px; }
.wcrm-breadcrumb { font-size:12px; color:var(--wr-muted); margin-bottom:16px; }
.wcrm-breadcrumb a { color:var(--wr-gold); }
.wcrm-section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; gap:10px; }
.wcrm-section-title { font-size:17px; font-weight:600; }
.wcrm-empty { text-align:center; padding:60px 24px; color:var(--wr-muted); font-size:14px; }

.wcrm-stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:24px; }
@media(max-width:600px){ .wcrm-stats-row{ grid-template-columns:repeat(2,1fr); } }
.wcrm-stat-card { background:var(--wr-card); border:.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); padding:18px; text-align:center; }
.wcrm-stat-num { font-size:30px; font-weight:700; color:var(--wr-gold); margin-bottom:4px; }
.wcrm-stat-lbl { font-size:12px; color:var(--wr-muted); }

.wcrm-clients-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media(max-width:900px){ .wcrm-clients-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .wcrm-clients-grid{ grid-template-columns:1fr; } }
.wcrm-client-card { background:var(--wr-card); border:.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); padding:18px; cursor:pointer; transition:all .2s; }
.wcrm-client-card:hover { border-color:var(--wr-gold); transform:translateY(-2px); }
.wcrm-client-name { font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wcrm-client-company { font-size:12px; color:var(--wr-muted); margin-top:2px; }
.wcrm-client-detail { font-size:12px; color:var(--wr-muted); margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wcrm-status-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.wcrm-status-tag { font-size:11px; padding:2px 10px; border-radius:20px; font-weight:500; }

.wcrm-filter-btn { font-size:12px; padding:5px 13px; border-radius:6px; border:.5px solid var(--wr-border); color:var(--wr-muted); text-decoration:none; transition:all .2s; }
.wcrm-filter-btn:hover { border-color:var(--wr-gold); color:var(--wr-gold); }
.wcrm-filter-btn.active { background:var(--wr-gold); border-color:var(--wr-gold); color:#0A1628; font-weight:600; }

.wcrm-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:9px 18px; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; transition:all .2s; border:none; font-family:inherit; text-decoration:none; }
.wcrm-btn-gold { background:var(--wr-gold); color:#0A1628; }
.wcrm-btn-gold:hover { background:var(--wr-gold-light); color:#0A1628; }
.wcrm-btn-outline { background:transparent; border:.5px solid rgba(255,255,255,.2); color:var(--wr-text); }
.wcrm-btn-outline:hover { border-color:var(--wr-gold); color:var(--wr-gold); }
.wcrm-btn-sm { padding:6px 13px; font-size:12px; }

.wcrm-avatar { width:40px; height:40px; border-radius:50%; background:var(--wr-gold-dim); border:.5px solid var(--wr-gold-border); color:var(--wr-gold); font-size:16px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wcrm-avatar-lg { width:56px; height:56px; font-size:22px; }

.wcrm-profile-header { display:flex; align-items:center; gap:14px; margin-bottom:20px; flex-wrap:wrap; }
.wcrm-profile-name { font-size:24px; font-weight:700; margin-bottom:4px; }
.wcrm-client-profile { display:grid; grid-template-columns:1fr 380px; gap:24px; align-items:start; }
@media(max-width:860px){ .wcrm-client-profile{ grid-template-columns:1fr; } }
.wcrm-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--wr-card); border:.5px solid var(--wr-border); border-radius:var(--wr-radius-lg); overflow:hidden; }
.wcrm-info-row { padding:10px 14px; border-bottom:.5px solid var(--wr-border); display:flex; flex-direction:column; gap:2px; }
.wcrm-info-row:last-child { border-bottom:none; }
.wcrm-info-label { font-size:11px; color:var(--wr-muted); }
.wcrm-info-val { font-size:13px; color:var(--wr-text); font-weight:500; }

.wcrm-task-item { display:flex; align-items:center; gap:12px; padding:10px 14px; background:var(--wr-card); border:.5px solid var(--wr-border); border-radius:9px; margin-bottom:6px; transition:all .2s; }
.wcrm-task-done { opacity:.55; }
.wcrm-task-overdue { border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.04); }

.wcrm-notes-timeline { display:flex; flex-direction:column; gap:10px; max-height:500px; overflow-y:auto; }
.wcrm-note-item { display:flex; gap:10px; background:var(--wr-card); border:.5px solid var(--wr-border); border-radius:9px; padding:12px; }
.wcrm-note-icon { font-size:18px; flex-shrink:0; margin-top:1px; }

/* ============================================================
   COACHING — ליווי עסקי / מפת עסק
============================================================ */
#wcoach-wrap{font-family:'Heebo',Arial,sans-serif;direction:rtl;color:var(--wr-text);}

.wcoach-hero{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(201,168,76,.12) 0%,transparent 70%);border-bottom:.5px solid var(--wr-border);padding:56px 24px 40px;text-align:center;}
.wcoach-hero-inner{max-width:720px;margin:0 auto;}
.wcoach-title{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.5px;margin:10px 0 12px;}
.wcoach-subtitle{font-size:16px;color:var(--wr-muted);max-width:520px;margin:0 auto 32px;}

.wcoach-steps-bar{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;}
.wcoach-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;width:40px;height:40px;border-radius:50%;background:var(--wr-card);border:.5px solid var(--wr-border);color:var(--wr-muted);font-size:14px;font-weight:600;position:relative;}
.wcoach-step-dot span{position:absolute;top:44px;font-size:11px;color:var(--wr-muted);white-space:nowrap;}
.wcoach-step-dot.active{background:var(--wr-gold);color:#0A1628;border-color:var(--wr-gold);}
.wcoach-step-dot.active span{color:var(--wr-gold);}
.wcoach-step-dot.done{background:var(--wr-green);color:#fff;border-color:var(--wr-green);}
.wcoach-step-dot.done span{color:var(--wr-green);}
.wcoach-step-line{width:60px;height:2px;background:var(--wr-border);margin:0 4px;}
.wcoach-step-line.active{background:var(--wr-gold);}

.wcoach-card-wrap{max-width:800px;margin:40px auto;padding:0 24px 60px;}
.wcoach-card{background:var(--wr-card);border:.5px solid var(--wr-border);border-radius:14px;padding:24px;margin-bottom:20px;}
.wcoach-section-title{font-size:17px;font-weight:600;margin-bottom:14px;color:var(--wr-text);}
.wcoach-hint-text{font-size:13px;color:var(--wr-muted);margin-bottom:16px;line-height:1.6;}
.wcoach-divider{border:none;border-top:.5px solid var(--wr-border);margin:24px 0;}
.wcoach-submit-btn{width:100%;padding:14px;font-size:15px;margin-top:8px;}

.wcoach-upload-box{background:rgba(255,255,255,.03);border:1px dashed rgba(201,168,76,.3);border-radius:10px;padding:16px;text-align:center;}
.wcoach-upload-btn{display:inline-block;cursor:pointer;font-size:13px;color:var(--wr-gold);padding:8px 16px;border:.5px solid var(--wr-gold-border);border-radius:7px;transition:all .2s;}
.wcoach-upload-btn:hover{background:var(--wr-gold-dim);}
.wcoach-upload-hint{font-size:11px;color:var(--wr-muted);margin-top:6px;}
.wcoach-upload-name{font-size:12px;color:var(--wr-green);margin-top:6px;font-weight:500;}

.wcoach-problem-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.wcoach-prob-num{width:24px;height:24px;border-radius:50%;background:var(--wr-gold-dim);color:var(--wr-gold);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wcoach-problem-row input{flex:1;padding:9px 12px;background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.1);border-radius:8px;color:var(--wr-text);font-size:13px;font-family:inherit;direction:rtl;outline:none;}
.wcoach-problem-row input:focus{border-color:var(--wr-gold);}

.wcoach-chart-box{background:var(--wr-card);border:.5px solid var(--wr-border);border-radius:14px;padding:24px;margin-bottom:20px;}
.wcoach-analysis-box{background:var(--wr-card);border:.5px solid var(--wr-border);border-radius:14px;padding:24px;margin-bottom:20px;}
.wcoach-analysis-title{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--wr-gold);}
.wcoach-analysis-text{font-size:14px;color:var(--wr-muted);line-height:1.8;}
.wcoach-analysis-text p{margin-bottom:10px;}
.wcoach-problems-list-view{padding-right:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.wcoach-problems-list-view li{display:flex;align-items:center;gap:8px;font-size:13px;}
.wcoach-prob-badge{width:20px;height:20px;border-radius:50%;background:rgba(248,113,113,.15);color:var(--wr-red);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wcoach-score-bar{display:flex;align-items:center;gap:12px;margin-top:16px;}
.wcoach-score-label{font-size:12px;color:var(--wr-muted);white-space:nowrap;}
.wcoach-score-track{flex:1;height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;}
.wcoach-score-fill{height:100%;border-radius:4px;transition:width 1s ease;}
.wcoach-score-val{font-size:14px;font-weight:600;color:var(--wr-gold);white-space:nowrap;}

.wcoach-goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:600px){.wcoach-goals-grid{grid-template-columns:1fr;}}
.wcoach-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit;}
.wcoach-btn-outline{background:transparent;border:.5px solid rgba(255,255,255,.2);color:var(--wr-text);}
.wcoach-btn-outline:hover{border-color:var(--wr-gold);color:var(--wr-gold);}
.wcoach-btn-sm{padding:6px 12px;font-size:12px;}

.wcoach-result-wrap{max-width:1000px;margin:0 auto;padding:32px 24px 60px;}
.wcoach-result-title{font-size:26px;font-weight:700;margin-bottom:24px;}
.wcoach-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
@media(max-width:700px){.wcoach-charts-grid{grid-template-columns:1fr;}}

.wcoach-cta-card{background:linear-gradient(135deg,var(--wr-card),rgba(201,168,76,.06));border:.5px solid var(--wr-gold-border);text-align:center;padding:36px;}
.wcoach-timeline-boxes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0;}
.wcoach-timeline-box{background:rgba(74,222,128,.08);border:.5px solid rgba(74,222,128,.25);border-radius:10px;padding:12px 16px;text-align:center;}
.wcoach-tl-period{font-size:11px;color:var(--wr-muted);margin-bottom:4px;}
.wcoach-tl-score{font-size:20px;font-weight:700;}
.wcoach-contact-box{margin-top:24px;padding:20px;background:rgba(201,168,76,.06);border:.5px solid var(--wr-gold-border);border-radius:10px;}

.wcoach-tasks-section{margin-bottom:20px;}
.wcoach-tasks-period{font-size:13px;font-weight:600;color:var(--wr-gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;padding-bottom:6px;border-bottom:.5px solid var(--wr-border);}
.wcoach-tasks-list{display:flex;flex-direction:column;gap:6px;}
.wcoach-task-row{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;background:rgba(255,255,255,.03);border:.5px solid var(--wr-border);border-radius:8px;}
.wcoach-task-check{color:var(--wr-muted);flex-shrink:0;margin-top:1px;}
.wcoach-task-text{font-size:13px;color:var(--wr-text);line-height:1.5;}
.wcoach-goals-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
@media(max-width:600px){.wcoach-goals-result-grid{grid-template-columns:1fr;}}
.wcoach-goals-ol{padding-right:20px;font-size:13px;color:var(--wr-muted);line-height:1.9;}
.wcoach-goals-ol li::marker{color:var(--wr-gold);}

/* ============================================================
   DECISION TREE — עץ החלטות
============================================================ */
.wdec-files-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;}
@media(max-width:600px){.wdec-files-grid{grid-template-columns:repeat(2,1fr);}}
.wdec-file-slot{cursor:pointer;}
.wdec-file-btn{background:rgba(255,255,255,.03);border:.5px dashed rgba(201,168,76,.3);border-radius:8px;padding:10px 8px;text-align:center;font-size:11px;color:var(--wr-muted);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;}
.wdec-file-btn:hover{border-color:var(--wr-gold);color:var(--wr-gold);}
.wdec-file-num{width:20px;height:20px;border-radius:50%;background:var(--wr-gold-dim);color:var(--wr-gold);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;}
.wdec-file-label{font-size:11px;word-break:break-all;line-height:1.3;}
.wdec-add-file-btn{background:rgba(201,168,76,.06);border:.5px dashed var(--wr-gold-border);border-radius:8px;padding:10px 8px;text-align:center;font-size:12px;color:var(--wr-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.wdec-add-file-btn:hover{background:var(--wr-gold-dim);}

.wdec-result-wrap{max-width:900px;margin:0 auto;padding:28px 24px 60px;}
.wdec-winner-banner{background:linear-gradient(135deg,rgba(74,222,128,.12),rgba(201,168,76,.08));border:.5px solid rgba(74,222,128,.35);border-radius:14px;padding:28px;text-align:center;margin-bottom:24px;}
.wdec-winner-label{font-size:12px;color:var(--wr-green);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}
.wdec-winner-name{font-size:28px;font-weight:700;color:var(--wr-text);margin-bottom:6px;}
.wdec-winner-score{font-size:14px;color:var(--wr-muted);}

.wdec-admin-wrap{display:flex;flex-direction:column;gap:20px;}
.wdec-compare-table{width:100%;border-collapse:collapse;font-size:13px;}
.wdec-compare-table th{background:var(--wr-surface);padding:10px 14px;text-align:right;border-bottom:.5px solid var(--wr-border);font-size:12px;color:var(--wr-muted);white-space:nowrap;}
.wdec-compare-table td{padding:9px 14px;border-bottom:.5px solid var(--wr-border);}
.wdec-th-winner{background:rgba(74,222,128,.1)!important;color:var(--wr-green)!important;}
.wdec-td-winner{background:rgba(74,222,128,.04);}
.wdec-pos-cell{color:var(--wr-green);font-size:12px;white-space:nowrap;}
.wdec-neg-cell{color:var(--wr-red);font-size:12px;white-space:nowrap;}
.wdec-score-row td{background:rgba(201,168,76,.05);font-weight:600;}
.wdec-analysis-text{font-size:14px;color:var(--wr-muted);line-height:1.8;}
.wdec-analysis-text p{margin-bottom:10px;}

.wdec-public-result{display:flex;flex-direction:column;align-items:center;gap:20px;}
.wdec-public-result-line{display:flex;align-items:center;gap:12px;background:rgba(74,222,128,.08);border:.5px solid rgba(74,222,128,.3);border-radius:12px;padding:16px 24px;font-size:16px;}
.wdec-result-icon{font-size:24px;}
.wdec-result-text{font-size:16px;}
.wdec-heart-section{background:var(--wr-card);border:.5px solid var(--wr-gold-border);border-radius:14px;padding:28px;text-align:center;max-width:540px;width:100%;}
.wdec-heart-btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#C9A84C,#e8c96a);color:#0A1628;padding:16px 28px;border-radius:50px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;margin:12px 0 20px;box-shadow:0 4px 20px rgba(201,168,76,.35);}
.wdec-heart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(201,168,76,.5);color:#0A1628;}
.wdec-heart-icon{font-size:22px;display:inline-block;transition:transform .3s;}
.wdec-contact-row{margin-top:8px;}
.wdec-hint-explain{font-size:13px;color:var(--wr-muted);line-height:1.7;}

/* ── DECISION TREE ADMIN TOGGLE BAR ── */
.wdec-admin-toggle-bar{max-width:900px;margin:0 auto 16px;padding:14px 20px;background:#111f38;border:.5px solid var(--wr-gold-border);border-radius:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.wdec-toggle-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;flex:1;}
.wdec-toggle-status{font-size:12px;padding:3px 10px;border-radius:20px;font-weight:600;}
.wdec-status-open{background:rgba(74,222,128,.15);color:var(--wr-green);}
.wdec-status-closed{background:rgba(248,113,113,.12);color:var(--wr-red);}
.wdec-toggle-hint{font-size:12px;color:var(--wr-muted);}
.wdec-toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0;}
.wdec-toggle-switch input{opacity:0;width:0;height:0;}
.wdec-toggle-slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,.1);border-radius:26px;transition:.3s;}
.wdec-toggle-slider::before{content:'';position:absolute;width:18px;height:18px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.3s;}
.wdec-toggle-switch input:checked+.wdec-toggle-slider{background:var(--wr-green);}
.wdec-toggle-switch input:checked+.wdec-toggle-slider::before{transform:translateX(22px);}