/* snippet-row-promo-consultation */

#snippet-row-promo-consultation .promo-card {
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.06),
    0 8px 24px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}

#snippet-row-promo-consultation .promo-card:hover {
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.08),
    0 12px 32px rgba(0, 0, 0, 0.1);
}

/* Accent strip — vertical on desktop, horizontal on mobile */
#snippet-row-promo-consultation .promo-accent {
  background: linear-gradient(
    180deg,
    var(--bs-secondary) 0%,
    rgba(var(--bs-secondary-rgb), 0.85) 100%
  );
  min-width: 56px;
  writing-mode: vertical-lr;
  text-orientation: mixed;
}

#snippet-row-promo-consultation .promo-accent-text {
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  transform: rotate(180deg);
}

/* Highlighted headline word */
#snippet-row-promo-consultation .promo-highlight {
  color: var(--bs-secondary);
}

/* Benefits list */
#snippet-row-promo-consultation .promo-benefits li {
  font-size: 0.875rem;
  line-height: 1.6;
}

#snippet-row-promo-consultation .promo-benefits svg {
  width: 14px;
  height: 14px;
}

/* CTA box */
#snippet-row-promo-consultation .promo-cta-box {
  background: var(--bs-gray-100);
  border: 1px dashed var(--bs-border-color);
}

/* Dark mode */
[data-bs-theme="dark"] #snippet-row-promo-consultation .promo-card {
  background: var(--bs-mode);
  border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] #snippet-row-promo-consultation .promo-cta-box {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] #snippet-row-promo-consultation .promo-highlight {
  color: var(--bs-white);
}

/* Mobile: accent strip becomes horizontal top bar */
@media (max-width: 767.98px) {
  #snippet-row-promo-consultation .promo-accent {
    writing-mode: horizontal-tb;
    text-orientation: initial;
    min-width: auto;
    min-height: auto;
    padding: 0.625rem 1rem !important;
  }

  #snippet-row-promo-consultation .promo-accent-text {
    transform: none;
    font-size: 0.8rem;
  }
}