/* =====================================================
   MISC - Estilos misceláneos para otras páginas - Otra Instancia
   ===================================================== */

/* Variables - Otra Instancia */
:root {
  --misc-primary: #8B9A7A;
  --misc-secondary: #C4956C;
  --misc-success: #7A8B6B;
  --misc-info: #6B8B9A;
  --misc-dark: #4A453C;
}

/* Subscription */
.subscription-icon-large {
  font-size: 4rem;
}

/* Terms of service */
.terms-icon-container {
  border: 2px solid var(--misc-secondary);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Order confirmation */
.order-success-icon {
  color: var(--misc-primary);
  font-size: 5rem;
}

.order-success-badge {
  background-color: var(--misc-success);
  color: white;
}

.order-info-badge {
  background-color: var(--misc-info);
  color: white;
}

.order-code {
  font-family: monospace;
  font-size: 0.9rem;
}

/* Utility classes for colors */
.text-primary-custom {
  color: var(--misc-primary);
  font-family: 'Poppins', sans-serif;
}

.text-dark-custom {
  color: var(--misc-dark);
  font-family: 'Poppins', sans-serif;
}

.text-secondary-custom {
  color: var(--misc-secondary);
  font-size: 2rem;
}

.bg-primary-custom {
  background-color: var(--misc-primary);
  color: white;
  font-family: 'Poppins', sans-serif;
}