/* Layout-only hover; theme colors stay in Tailwind/Bootstrap via Blade */
.pricing-card-hover {
  transition: box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
  .pricing-card-hover:hover {
    box-shadow: 0 22px 44px -18px rgba(15, 23, 42, 0.2);
  }

  .dark .pricing-card-hover:hover {
    box-shadow: 0 22px 44px -14px rgba(0, 0, 0, 0.5);
  }
}

@media (hover: hover) and (min-width: 640px) {
  .pricing-card-hover:hover {
    transform: translateY(-3px) scale(1.02);
  }
}

.pricing-card-hover:hover .pricing__btn {
  transform: scale(1.02);
}

.pricing__btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* BS: popular pill stays above card; fixed square = true circles */
.pricing__popular-badge-wrap {
  z-index: 1030;
}

.pricing__feature-icon-bs {
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  flex-shrink: 0;
  padding: 0;
}


/* comparison — ruled matrix: writing mode and column rules only */
.plan-ruled__label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.plan-ruled__bar {
    height: 0.25rem;
    width: 6rem;
}

.plan-ruled__rule {
    border-left-style: double;
    border-left-width: 3px;
}

@media (max-width: 767px) {
    .plan-ruled__label {
        writing-mode: horizontal-tb;
        transform: none;
    }
}