/* وکسانو AI box + teaser (veksano-ai-promo.php) and [veksano_lawyers] slider (veksano-lawyers-slider.php). */

/* ── AI tools box (end of article / [veksano_ai_tools]) ── */
.vks-ai {
  margin: 2.5rem auto 0;
  max-width: 52rem;
  padding: 1.25rem;
  border: 1px solid rgba(207, 185, 151, 0.45);
  border-radius: calc(var(--radius-card) + 0.25rem);
  background: linear-gradient(270deg, #f7f4ec 0%, #ffffff 100%);
  box-shadow: var(--shadow-soft);
}
.entry-content .vks-ai { margin: 2rem 0; }
.vks-ai__head { display: grid; gap: 0.25rem; }
.vks-ai__eyebrow { font-size: 0.75rem; font-weight: 800; color: #a8895f; }
.vks-ai__title { font-size: 1.05rem; font-weight: 900; line-height: 1.8; color: var(--color-ink); }
.vks-ai__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.vks-ai__grid li { margin: 0 !important; padding: 0 !important; }
.vks-ai__grid li::before, .vks-ai__grid li::marker { content: none !important; }
.vks-ai__card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 100%;
  padding: 0.85rem;
  border: 1px solid var(--color-green-10);
  border-radius: 1rem;
  background: var(--color-white);
  color: var(--color-ink) !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.vks-ai__card:hover { transform: translateY(-2px); box-shadow: var(--shadow-premium); border-color: rgba(207, 185, 151, 0.7); }
.vks-ai__card:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 2px; }
.vks-ai__card.is-lead { border-color: rgba(207, 185, 151, 0.8); box-shadow: var(--shadow-soft); }
.vks-ai__icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.8rem;
  background: var(--color-mist);
  color: var(--color-green);
}
.vks-ai__card.is-lead .vks-ai__icon { background: var(--color-green); color: #e8d7b4; }
.vks-ai__body { display: grid; gap: 0.15rem; min-width: 0; flex: 1; }
.vks-ai__name { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; font-size: 0.95rem; font-weight: 900; }
.vks-ai__badge {
  padding: 0.1rem 0.5rem;
  border-radius: var(--radius-pill);
  background: rgba(207, 185, 151, 0.25);
  color: #8a6d45;
  font-size: 0.65rem;
  font-weight: 900;
}
.vks-ai__hook { font-size: 0.8rem; line-height: 1.8; color: var(--color-ink-58); }
.vks-ai__cta {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 2.5rem;
  margin-top: auto;
  border-radius: var(--radius-pill);
  background: var(--color-mist);
  color: var(--color-green);
  font-size: 0.78rem;
  font-weight: 800;
  transition: background 0.2s ease, color 0.2s ease;
}
.vks-ai__cta svg { width: 16px; height: 16px; }
.vks-ai__card.is-lead .vks-ai__cta, .vks-ai__card:hover .vks-ai__cta { background: var(--color-green); color: var(--color-white); }
.vks-ai__more {
  display: inline-block;
  margin-top: 0.85rem;
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--color-green) !important;
  text-decoration: none !important;
}
.vks-ai__more::after { content: " ‹"; }

@media (min-width: 640px) {
  .vks-ai { padding: 1.5rem; }
  .vks-ai__title { font-size: 1.2rem; }
  .vks-ai__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; }
  .vks-ai__card { flex-direction: column; align-items: stretch; padding: 1rem; }
  .vks-ai__cta { display: inline-flex; margin-top: 0.75rem; }
}

/* ── Mid-article teaser ── */
.vks-ai-teaser-wrap { margin: 1.75rem 0; }
.vks-ai-teaser {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.9rem 1rem;
  border-radius: 1.1rem;
  background: linear-gradient(135deg, #015434 0%, #023d28 100%);
  color: var(--color-white) !important;
  text-decoration: none !important;
  box-shadow: var(--shadow-premium);
  transition: transform 0.2s ease;
}
.vks-ai-teaser:hover { transform: translateY(-2px); }
.vks-ai-teaser:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 2px; }
.vks-ai-teaser__icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.1);
  color: #e8d7b4;
}
.vks-ai-teaser__body { display: grid; gap: 0.1rem; min-width: 0; flex: 1; }
.vks-ai-teaser__label { font-size: 0.72rem; font-weight: 800; color: #e8d7b4; }
.vks-ai-teaser__hook { font-size: 0.88rem; font-weight: 700; line-height: 1.8; }
.vks-ai-teaser__cta {
  flex-shrink: 0;
  padding: 0.55rem 1rem;
  border-radius: var(--radius-pill);
  background: var(--color-white);
  color: var(--color-green);
  font-size: 0.78rem;
  font-weight: 800;
}
@media (max-width: 520px) {
  .vks-ai-teaser { flex-wrap: wrap; }
  .vks-ai-teaser__cta { width: 100%; text-align: center; }
}

/* ── [veksano_lawyers] slider ── */
.vks-lawyers {
  margin: 2rem 0;
  padding: 1.1rem;
  border: 1px solid var(--color-green-10);
  border-radius: calc(var(--radius-card) + 0.25rem);
  background: linear-gradient(180deg, var(--color-mist) 0%, #ffffff 70%);
  overflow: hidden;
}
.vks-lawyers__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 0.2rem 0.75rem;
  margin-bottom: 0.9rem;
}
.vks-lawyers__eyebrow { grid-column: 1; font-size: 0.72rem; font-weight: 800; color: var(--color-green); }
.vks-lawyers__title { grid-column: 1; font-size: 1.05rem; font-weight: 900; line-height: 1.7; color: var(--color-ink); }
.vks-lawyers__nav { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 0.4rem; }
.vks-lawyers__nav button {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 1px solid var(--color-green-15);
  border-radius: 50%;
  background: var(--color-white);
  color: var(--color-green);
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
}
.vks-lawyers__nav button.swiper-button-disabled { opacity: 0.35; cursor: default; }
.vks-lawyers__swiper { padding-bottom: 1.75rem !important; }
.vks-lawyers__swiper .swiper-slide { height: auto; }
.vks-lawyers__pagination { bottom: 0 !important; }
.vks-lawyers__pagination .swiper-pagination-bullet-active { background: var(--color-green); }
.vks-lawyer {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 1rem 0.85rem;
  border: 1px solid var(--color-green-10);
  border-radius: 1.1rem;
  background: var(--color-white);
  color: var(--color-ink) !important;
  text-align: center;
  text-decoration: none !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.vks-lawyer:hover { box-shadow: var(--shadow-soft); border-color: rgba(207, 185, 151, 0.7); }
.vks-lawyer__top { position: relative; }
.vks-lawyer__photo {
  display: grid;
  place-items: center;
  width: 4.5rem;
  height: 4.5rem;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid rgba(207, 185, 151, 0.6);
  background: var(--color-mist);
}
.vks-lawyer__photo img { width: 100%; height: 100%; object-fit: cover; margin: 0 !important; }
.vks-lawyer__initial { font-size: 1.5rem; font-weight: 900; color: var(--color-green); }
.vks-lawyer__badge {
  position: absolute;
  bottom: -0.35rem;
  inset-inline-start: 50%;
  transform: translateX(50%);
  padding: 0.05rem 0.5rem;
  border-radius: var(--radius-pill);
  background: var(--color-green);
  color: #e8d7b4;
  font-size: 0.62rem;
  font-weight: 900;
  white-space: nowrap;
}
.vks-lawyer__name { margin-top: 0.75rem; font-size: 0.92rem; font-weight: 900; line-height: 1.7; }
.vks-lawyer__title { font-size: 0.7rem; font-weight: 700; color: var(--color-green); line-height: 1.7; }
.vks-lawyer__meta { display: flex; gap: 0.6rem; margin-top: 0.2rem; font-size: 0.72rem; color: var(--color-ink-55); }
.vks-lawyer__specs { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.3rem; margin-top: 0.5rem; }
.vks-lawyer__specs span {
  padding: 0.1rem 0.5rem;
  border-radius: var(--radius-pill);
  background: var(--color-mist);
  color: var(--color-green);
  font-size: 0.65rem;
  font-weight: 700;
}
.vks-lawyer__cta {
  margin-top: auto;
  padding-top: 0.85rem;
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--color-green);
}
.vks-lawyers__more {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  margin-top: 0.75rem;
  border-radius: var(--radius-pill);
  background: var(--color-green);
  color: var(--color-white) !important;
  font-size: 0.85rem;
  font-weight: 800;
  text-decoration: none !important;
  transition: background 0.2s ease;
}
.vks-lawyers__more:hover { background: var(--color-green-hover); }
.vks-lawyers-note {
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border: 1px dashed #c0392b;
  border-radius: 0.75rem;
  background: #fdf3f2;
  color: #8e2b20;
  font-size: 0.8rem;
}

@media (prefers-reduced-motion: reduce) {
  .vks-ai__card, .vks-ai-teaser, .vks-lawyer, .vks-ai__cta { transition: none; }
  .vks-ai__card:hover, .vks-ai-teaser:hover { transform: none; }
}

/* ── End of article: slim footer strip (template-parts/single/article-footer.php) ── */
.vks-foot {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-green-10);
}
.vks-foot__tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1rem; }
.vks-foot__tags a {
  padding: 0.25rem 0.7rem;
  border-radius: var(--radius-pill);
  background: var(--color-mist);
  color: var(--color-green);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}
.vks-foot__tags a:hover { background: var(--color-green-15); }
.vks-foot__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.5rem;
}
.vks-foot__share, .vks-foot__rating { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; }
.vks-foot__label { margin-inline-end: 0.25rem; font-size: 0.8rem; font-weight: 800; color: var(--color-ink-65); }
.vks-foot__icon, .vks-foot__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  border: 1px solid var(--color-green-10);
  border-radius: var(--radius-pill);
  background: var(--color-white);
  color: var(--color-green);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.vks-foot__icon { width: 2.25rem; }
.vks-foot__copy { gap: 0.35rem; padding: 0 0.8rem; font: inherit; font-size: 0.75rem; font-weight: 700; }
.vks-foot__icon:hover, .vks-foot__copy:hover { background: var(--color-green); border-color: var(--color-green); color: var(--color-white); }
.vks-foot__copy.is-copied { background: var(--color-green); color: var(--color-white); }
.vks-foot__icon:focus-visible, .vks-foot__copy:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 2px; }
.vks-foot__stars .kk-star-ratings { margin: 0 !important; }

/* ── «قدم بعدی شما» (template-parts/single/next-steps.php) ── */
.vks-next { margin-top: 2.25rem; }
.vks-next__title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--color-ink);
}
.vks-next__title::after { content: ""; flex: 1; height: 1px; background: linear-gradient(270deg, rgba(207, 185, 151, 0.6), transparent); }
.vks-next__grid { display: grid; gap: 0.9rem; margin-top: 0.9rem; }
@media (min-width: 860px) {
  .vks-next__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
  .vks-next--single .vks-next__grid { grid-template-columns: 1fr; }
}

/* 1. Ask CTA — the primary next step on a blog (asking needs login on veksano.com, so: steps + button) */
.vks-ask {
  position: relative;
  display: grid;
  gap: 1.25rem;
  overflow: hidden;
  padding: 1.4rem;
  border: 1px solid rgba(207, 185, 151, 0.22);
  border-radius: calc(var(--radius-card) + 0.15rem);
  background: linear-gradient(135deg, #015434 0%, #023d28 55%, #014228 100%);
  box-shadow: var(--shadow-premium);
  color: var(--color-white);
}
@media (min-width: 760px) {
  .vks-ask { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: 2rem; padding: 1.75rem; }
}
.vks-ask > *:not(.vks-ask__decor) { position: relative; }
.vks-ask__decor {
  position: absolute;
  top: -6rem;
  left: -6rem;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background: rgba(207, 185, 151, 0.22);
  filter: blur(52px);
  pointer-events: none;
}
.vks-ask__label { display: inline-flex; align-items: center; gap: 0.4rem; margin: 0; font-size: 0.78rem; font-weight: 800; color: #e8d7b4; }
.vks-ask__heading { margin: 0.4rem 0 0; font-size: 1.3rem; font-weight: 900; line-height: 1.7; color: var(--color-white); }
.vks-ask__desc { margin: 0.3rem 0 0; font-size: 0.86rem; line-height: 1.95; color: rgba(255, 255, 255, 0.78); }
.vks-ask__side {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.07);
}
.vks-ask__benefits { display: grid; gap: 0.55rem; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.vks-ask__benefits li { display: flex; align-items: flex-start; gap: 0.5rem; margin: 0 !important; font-size: 0.85rem; font-weight: 700; line-height: 1.8; color: rgba(255, 255, 255, 0.92); }
.vks-ask__benefits li::before, .vks-ask__benefits li::marker { content: none !important; }
.vks-ask__benefits svg {
  flex-shrink: 0;
  box-sizing: content-box;
  margin-top: 0.2rem;
  padding: 0.2rem;
  border-radius: 50%;
  background: rgba(207, 185, 151, 0.22);
  color: #e8d7b4;
}
.vks-ask__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 3rem;
  padding: 0 1.6rem;
  border-radius: var(--radius-pill);
  background: linear-gradient(180deg, #e2d4b8 0%, var(--color-gold) 55%, #c4ad86 100%);
  color: var(--color-ink) !important;
  font-size: 0.92rem;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform 0.2s ease;
}
.vks-ask__submit:hover { transform: translateY(-1px); }
.vks-ask__submit:focus-visible { outline: 2px solid var(--color-white); outline-offset: 2px; }
.vks-ask__browse {
  text-align: center;
  font-size: 0.76rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.vks-ask__browse:hover { color: var(--color-white) !important; }

/* 2a. Find a lawyer — light card */
.vks-next__lawyer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.25rem;
  border: 1px solid var(--color-green-15);
  border-radius: calc(var(--radius-card) + 0.15rem);
  background: linear-gradient(180deg, var(--color-mist) 0%, #ffffff 100%);
  box-shadow: var(--shadow-soft);
}
.vks-next__label { margin: 0; font-size: 0.75rem; font-weight: 800; color: var(--color-green); }
.vks-next__heading { margin: 0.3rem 0 0; font-size: 1.1rem; font-weight: 900; line-height: 1.7; color: var(--color-ink); }
.vks-next__desc { margin: 0.3rem 0 0; font-size: 0.82rem; line-height: 1.9; color: var(--color-ink-58); }
.vks-next__perks { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.8rem 0 0 !important; padding: 0 !important; list-style: none !important; }
.vks-next__perks li {
  margin: 0 !important;
  padding: 0.2rem 0.65rem;
  border-radius: var(--radius-pill);
  background: var(--color-white);
  border: 1px solid var(--color-green-10);
  color: var(--color-green);
  font-size: 0.72rem;
  font-weight: 700;
}
.vks-next__perks li::before, .vks-next__perks li::marker { content: none !important; }
.vks-next__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  gap: 0.4rem;
  height: 2.75rem;
  margin-top: 1.1rem;
  padding: 0 1.3rem;
  border-radius: var(--radius-pill);
  background: var(--color-green);
  color: var(--color-white) !important;
  font-size: 0.85rem;
  font-weight: 800;
  text-decoration: none !important;
  transition: background 0.2s ease;
}
.vks-next__btn:hover { background: var(--color-green-hover); }
.vks-next__btn:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 2px; }

.vks-next__ai {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  border: 1px solid rgba(207, 185, 151, 0.45);
  border-radius: calc(var(--radius-card) + 0.15rem);
  background: linear-gradient(270deg, #f7f4ec 0%, #ffffff 100%);
  box-shadow: var(--shadow-soft);
}
.vks-next__ai-label { margin: 0; font-size: 0.75rem; font-weight: 800; color: #a8895f; }
.vks-next__ai-heading { margin: 0.25rem 0 0.75rem; font-size: 1.05rem; font-weight: 900; color: var(--color-ink); }
.vks-next__ai-more {
  margin-top: auto;
  padding-top: 0.75rem;
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--color-green) !important;
  text-decoration: none !important;
}
.vks-next__ai-more::after { content: " ‹"; }

.vks-ai-list { display: grid; gap: 0.45rem; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.vks-ai-list li { margin: 0 !important; padding: 0 !important; }
.vks-ai-list li::before, .vks-ai-list li::marker { content: none !important; }
.vks-ai-list__row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.6rem 0.7rem;
  border: 1px solid var(--color-green-10);
  border-radius: 0.95rem;
  background: var(--color-white);
  color: var(--color-ink) !important;
  text-decoration: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.vks-ai-list__row:hover { border-color: rgba(207, 185, 151, 0.75); box-shadow: var(--shadow-soft); }
.vks-ai-list__row:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 2px; }
.vks-ai-list__row.is-lead { border-color: rgba(207, 185, 151, 0.8); }
.vks-ai-list__icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 0.7rem;
  background: var(--color-mist);
  color: var(--color-green);
}
.vks-ai-list__icon svg { width: 18px; height: 18px; }
.vks-ai-list__row.is-lead .vks-ai-list__icon { background: var(--color-green); color: #e8d7b4; }
.vks-ai-list__body { display: grid; min-width: 0; flex: 1; }
.vks-ai-list__name { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; font-size: 0.88rem; font-weight: 900; }
.vks-ai-list__hook { overflow: hidden; font-size: 0.74rem; line-height: 1.8; color: var(--color-ink-58); text-overflow: ellipsis; white-space: nowrap; }
.vks-ai-list__go { flex-shrink: 0; font-size: 1.2rem; color: var(--color-ink-45); transition: color 0.2s ease, transform 0.2s ease; }
.vks-ai-list__row:hover .vks-ai-list__go { color: var(--color-green); transform: translateX(-3px); }

@media (max-width: 520px) {
  .vks-foot__row { flex-direction: column; align-items: flex-start; }
  .vks-ask, .vks-next__lawyer, .vks-next__ai { padding: 1.1rem; }
  .vks-ask__heading { font-size: 1.12rem; }
  .vks-next__btn { width: 100%; align-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
  .vks-next__btn, .vks-ask__submit, .vks-ai-list__row, .vks-ai-list__go, .vks-foot__icon, .vks-foot__copy { transition: none; }
  .vks-ask__submit:hover, .vks-ai-list__row:hover .vks-ai-list__go { transform: none; }
}