/* ===================== SCOPED BASE (no global leaks) ===================== */
.sali-expo{
  --accent:#ff5a3c; --accent-dark:#e2482f;
  --text:#1f2937; --muted:#5b6675;
  --bg:#f7f8fb; --bg-alt:#ffffff;
  --radius:20px;
  --shadow-sm:0 4px 12px rgb(0 0 0 / .08);
  --shadow-md:0 8px 24px rgb(0 0 0 / .12);
  color:var(--text); font-family:inherit; line-height:1.7;
}
.sali-expo *{box-sizing:border-box}

/* Editor-safe: show content in Gutenberg (disable reveal hiding & transitions) */
body.wp-admin .block-editor-page .sali-expo .se-reveal{opacity:1 !important; transform:none !important;}

/* Container + WP align helpers */
.sali-expo .se-container{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px);}
.sali-expo .alignwide>.se-container{max-width:1280px}
.sali-expo .alignfull{width:100%; margin-inline:0}

/* Buttons */
.sali-expo .se-btn{
  display:inline-block; padding:.9rem 1.25rem; border-radius:999px; font-weight:700; text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  border:0; background:#eef2f7; color:#333;
}
.sali-expo .se-btn:focus-visible{outline:3px solid var(--accent); outline-offset:3px; border-radius:12px;}
.sali-expo .se-btn--accent{background:var(--accent); color:#fff; box-shadow:var(--shadow-sm)}
.sali-expo .se-btn--accent:hover{background:var(--accent-dark); transform:translateY(-2px); box-shadow:0 10px 22px rgb(0 0 0 / .18);}

/* Sections */
.sali-expo .se-section{ padding-block: clamp(48px, 7vw, 80px); background: linear-gradient(to bottom, var(--bg-alt), var(--bg)); }
.sali-expo .se-section:nth-of-type(even){ background: linear-gradient(to bottom, var(--bg), var(--bg-alt)); }
.sali-expo .se-section h2{ text-align: center; color: var(--accent); font-size: clamp(1.8rem, 4vw, 2.5rem); margin: 0 0 2rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.sali-expo .se-section p, .sali-expo .se-section .se-features{ max-width: 1000px; margin: 0 auto 40px; text-align: right; color: var(--muted); }
.sali-expo .se-section{ content-visibility:auto; contain-intrinsic-size: 1px 800px; }

/* Start / Hero */
.sali-expo .se-start{ background: linear-gradient(to bottom, var(--bg-alt), var(--bg)); padding-block: clamp(60px, 8vw, 100px); }
.sali-expo .se-startgrid{ display:grid; grid-template-columns: 1.1fr 0.9fr; align-items:center; gap: clamp(24px, 5vw, 64px); }
.sali-expo .se-starttext{ text-align:right; }
.sali-expo .se-starttext h1{ font-size: clamp(2rem, 5vw, 3rem); color: var(--accent); margin: 0 0 1rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.sali-expo .se-starttext p{ color: var(--muted); font-size: clamp(1rem, 2.4vw, 1.15rem); line-height:1.95; margin:0 0 1rem; }
.sali-expo .se-startimg{ width:100%; aspect-ratio: 16/10; object-fit:cover; border-radius: var(--radius); box-shadow: var(--shadow-md); background:#ececec; transition: transform .4s ease, box-shadow .4s ease; will-change:transform; }
@media (pointer:fine){ .sali-expo .se-startimg:hover{ transform:scale(1.03); box-shadow:0 12px 30px rgba(0,0,0,.15);}}

/* Quick Nav & Badges */
.sali-expo .se-qnav{margin-block:8px 24px; text-align:right; display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}
.sali-expo .se-badges{display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; margin-block:6px 16px;}
.sali-expo .se-badge{font-size:.85rem; padding:.35rem .7rem; border:1px solid #eee; border-radius:999px; background:#fff; white-space:nowrap}

/* Grid helpers */
.sali-expo .se-grid{ display:grid; gap:32px; }
.sali-expo .se-images{ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin-bottom: 40px; }
.sali-expo .se-images img{ border-radius: 16px; box-shadow: var(--shadow-md); transition: transform .4s ease, box-shadow .4s ease; aspect-ratio: 4/3; object-fit: cover; }
@media (pointer:fine){ .sali-expo .se-images img:hover{ transform: translateY(-6px) scale(1.02); box-shadow:0 12px 30px rgba(0,0,0,.15);}}

/* Cards / Services */
.sali-expo .se-services{ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.sali-expo .se-card{ background:#fff; padding: clamp(24px, 4vw, 40px); border-radius:16px; box-shadow:var(--shadow-md); text-align:center; transition:transform .35s ease, box-shadow .35s ease, background .35s ease; border:1px solid #f0f0f0; }
.sali-expo .se-card:hover{ transform: translateY(-10px); box-shadow:0 12px 30px rgba(0,0,0,.15); background: linear-gradient(135deg, #fff, #fef6f5); }
.sali-expo .se-card h3{ font-size: clamp(20px, 3vw, 28px); margin: 0 0 12px; color:#333;}
.sali-expo .se-card p{ font-size: clamp(14px, 2vw, 18px); color:#444; line-height:1.85; }

/* Lists */
.sali-expo .se-features{ list-style:none; padding:0; }
.sali-expo .se-features li{ position:relative; padding-inline-start:2rem; margin-bottom:.5rem; }
.sali-expo .se-features li::before{ content:\'★\'; color:var(--accent); font-weight:bold; position:absolute; inset-inline-start:0; font-size:.9rem }

/* FAQ */
.sali-expo details{ margin-bottom:1rem; background:#fff; padding:1.1rem 1.25rem; border-radius:12px; border:1px solid #eee; box-shadow:0 4px 12px rgba(0,0,0,.04); }
.sali-expo summary{ cursor:pointer; font-weight:800; color:var(--accent); font-size:1.05rem }

/* CTA */
.sali-expo .se-cta{ text-align:center; margin-top:40px; }
.sali-expo .se-btn--lg{ padding:14px 34px; }

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  .sali-expo *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* Dark mode */
@media (prefers-color-scheme: dark){
  .sali-expo{ --text:#eaeaea; --muted:#cfcfcf; --bg:#0d0f12; --bg-alt:#12161a; }
  .sali-expo .se-card, .sali-expo details{ background:#13171d; border-color:#1e242c; }
  .sali-expo .se-section h2{ text-shadow:none; }
  .sali-expo .se-card p, .sali-expo details p{ color:#e5e7eb; }
}

/* Reveal on scroll */
.sali-expo .se-reveal{ opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease; }
.sali-expo .se-reveal.is-visible{ opacity:1; transform:none; }

/* Anchor offset (account for WP admin bar ~32px) */
.sali-expo :target{ scroll-margin-block-start: 16vh; }
@media (min-width:783px){ .admin-bar .sali-expo :target{ scroll-margin-block-start: calc(16vh + 32px); } }

/* Mobile tweaks */
@media (max-width:900px){
  .sali-expo .se-startgrid{ grid-template-columns:1fr; text-align:center; }
  .sali-expo .se-starttext{ text-align:center; }
  .sali-expo .se-startimg{ max-width:90%; margin-inline:auto; }
  .sali-expo .se-services{ row-gap:20px; }
}

/* ===== Split layout: title + content side-by-side ===== */
.sali-expo .se-section.se-split .se-container{
  display:grid;
  grid-template-columns: 0.9fr 1.1fr; /* راست: عنوان — چپ: متن */
  align-items:start;
  gap:clamp(20px,5vw,56px);
}
.sali-expo .se-section.se-split .se-split-title{ text-align:right; }
.sali-expo .se-section.se-split .se-split-title h2{ margin:0; }
.sali-expo .se-section.se-split .se-split-body{
  max-width: 65ch; color:var(--muted); text-align:right;
}
@media (max-width:900px){
  .sali-expo .se-section.se-split .se-container{ grid-template-columns: 1fr; }
  .sali-expo .se-section.se-split .se-split-body{ max-width: unset; }
}

/* ===== Split with image: title+text || image ===== */
.sali-expo .se-section.se-split.se-with-image .se-container{
  display:grid;
  grid-template-columns: 1.1fr .9fr; /* ستون محتوا | ستون تصویر */
  align-items:start;
  gap:clamp(20px,5vw,56px);
}
/* رپر محتوا (داخل ستون محتوا) */
.sali-expo .se-split-content{
  display:grid;
  grid-template-columns: 0.9fr 1.1fr; /* راست: عنوان | چپ: متن (RTL) */
  gap:clamp(14px,2.5vw,28px);
}
.sali-expo .se-split-title h2{ margin:0; text-align:right; }
.sali-expo .se-split-body{ max-width:65ch; color:var(--muted); text-align:right; }

/* ستون تصویر */
.sali-expo .se-split-figure{ margin:0; }
.sali-expo .se-split-img{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  border-radius:16px; box-shadow:var(--shadow-md);
  transition:transform .35s ease, box-shadow .35s ease;
  background:#ececec;
}
@media (pointer:fine){
  .sali-expo .se-split-img:hover{ transform:translateY(-4px) scale(1.015); box-shadow:0 12px 30px rgba(0,0,0,.15); }
}
.sali-expo .se-split-caption{ font-size:.9rem; color:#7a8696; margin-top:.5rem; text-align:right; }

/* برعکس‌ کردن ستون‌ها (تصویر راست، محتوا چپ) */
.sali-expo .se-with-image.is-reverse .se-container{ grid-template-columns: .9fr 1.1fr; }
.sali-expo .se-with-image.is-reverse .se-container > *:first-child{ order:2; } /* محتوا */
.sali-expo .se-with-image.is-reverse .se-container > *:last-child{ order:1; }  /* تصویر */

/* ریسپانسیو split+image */
@media (max-width:900px){
  .sali-expo .se-section.se-split.se-with-image .se-container{ grid-template-columns:1fr; gap:20px; }
  .sali-expo .se-split-content{ grid-template-columns:1fr; }
  .sali-expo .se-split-body{ max-width:unset; }
}