/* Pricing Controls Layout */
/* Controls and regular cards are inside paid-plans-group together */

/* Visual grouping for paid plans section (controls + regular cards) */
.paid-plans-group {
  margin: 2rem 0;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}

.pricing-controls-wrapper {
  margin: 0 0 2rem 0;
  /* Controls are inside paid-plans-group with regular cards */
}

.pricing-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  position: relative;
}

/* Billing cycle toggle is centered */
.billing-cycle-toggle {
  flex: 0 0 auto;
}

/* Currency selector is positioned to the right */
.currency-selector-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Responsive layout for mobile */
@media (max-width: 768px) {
  .paid-plans-group {
    padding: 1.5rem 1rem;
  }

  .pricing-controls {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  .currency-selector-wrapper {
    position: static;
    transform: none;
    margin-left: 0;
  }

  /* Center billing toggle on mobile */
  .billing-cycle-toggle {
    justify-content: center;
  }
}

/* When currency is locked, center the billing toggle */
.pricing-controls:has(.currency-selector-wrapper:empty) {
  justify-content: center;
}