/* =====================================================================
   کاسب — Scoped Reset
   Applies a minimal reset ONLY inside .vrs-scope wrappers so the plugin
   stays consistent across themes without leaking global styles. Lets us
   drop most !important declarations.
   ===================================================================== */

.vrs-scope,
.vrs-scope *,
.vrs-scope *::before,
.vrs-scope *::after {
  box-sizing: border-box;
}

.vrs-scope {
  font-family: var(--vrs-font-family);
  font-size: var(--vrs-font-size-md);
  line-height: var(--vrs-line-height-normal);
  color: var(--vrs-color-text);
}

/* Anchors inherit theme color but get a sane underline-on-hover only inside scope */
.vrs-scope a {
  color: var(--vrs-color-primary);
  text-decoration: none;
  transition: color var(--vrs-motion-duration) var(--vrs-motion-easing);
}
.vrs-scope a:hover,
.vrs-scope a:focus {
  color: var(--vrs-color-primary-dark);
  text-decoration: none;
}

/* Headings: remove magic margins from themes */
.vrs-scope h1,
.vrs-scope h2,
.vrs-scope h3,
.vrs-scope h4,
.vrs-scope h5,
.vrs-scope h6 {
  margin: 0 0 var(--vrs-gap-md);
  font-family: inherit;
  font-weight: var(--vrs-font-weight-semibold);
  line-height: var(--vrs-line-height-tight);
  color: var(--vrs-color-title);
}
.vrs-scope h1 { font-size: var(--vrs-font-size-3xl); }
.vrs-scope h2 { font-size: var(--vrs-font-size-2xl); }
.vrs-scope h3 { font-size: var(--vrs-font-size-xl); }
.vrs-scope h4 { font-size: var(--vrs-font-size-lg); }
.vrs-scope h5 { font-size: var(--vrs-font-size-md); }
.vrs-scope h6 { font-size: var(--vrs-font-size-sm); }

/* Paragraphs */
.vrs-scope p {
  margin: 0 0 var(--vrs-gap-md);
}

/* Lists — remove theme bullet weirdness, keep semantic */
.vrs-scope ul,
.vrs-scope ol {
  margin: 0 0 var(--vrs-gap-md);
  padding-inline-start: var(--vrs-gap-xl);
}

/* Buttons — clear theme button defaults */
.vrs-scope button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
}

/* Form controls */
.vrs-scope input,
.vrs-scope select,
.vrs-scope textarea {
  font-family: inherit;
  font-size: var(--vrs-font-size-md);
  line-height: var(--vrs-line-height-normal);
  color: var(--vrs-color-text);
}

/* Tables */
.vrs-scope table {
  border-collapse: collapse;
  width: 100%;
}

/* Images responsive by default inside scope */
.vrs-scope img {
  max-width: 100%;
  height: auto;
}

/* Utility classes available inside scope */
.vrs-scope .vrs-hidden { display: none; }
.vrs-scope .vrs-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;
}