/* Signup Page Specific Styles */
.auth-left {
    max-width: 550px !important;
}

.auth-content h1 {
    font-size: 2.25rem;
}

.auth-form {
    margin-bottom: 1.5rem;
}

.form-group {
    margin-bottom: 1.25rem;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding-bottom: 1rem;
}

.form-group-inline {
    margin-bottom: 0;
}

/* Style select dropdowns */
.form-group select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 3rem;
    cursor: pointer;
}

.form-group select:focus {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Input icons */
.form-group-with-icon {
    position: relative;
}

.form-group-with-icon input {
    padding-left: 2.75rem;
}

.input-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gray);
    pointer-events: none;
}

.input-icon svg {
    width: 20px;
    height: 20px;
}

/* Form helper text */
.form-helper {
    font-size: 0.85rem;
    color: var(--gray);
    margin-top: 0.25rem;
}

/* Terms and conditions */
.terms-checkbox {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.terms-checkbox .checkbox-label {
    align-items: flex-start;
}

.terms-checkbox .checkbox-label span {
    line-height: 1.5;
}

.terms-checkbox .checkbox-label a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
}

.terms-checkbox .checkbox-label a:hover {
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .form-row {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    .form-group-inline {
        margin-bottom: 1.25rem;
    }
    
    .auth-content h1 {
        font-size: 1.85rem;
    }
}


.phone-group select { width:100%; }
.phone-group .form-helper { min-height:1.1rem; }

/* Catla signup wizard */
.signup-wizard { width: 100%; }
.wizard-progress { display:flex; align-items:center; margin:0 0 2rem; }
.wizard-step-indicator { display:flex; align-items:center; gap:.45rem; color:#9CA3AF; font-size:.78rem; white-space:nowrap; }
.wizard-step-indicator span { width:30px; height:30px; border-radius:50%; border:1px solid #D1D5DB; display:grid; place-items:center; font-weight:700; background:#fff; }
.wizard-step-indicator.active { color:#111827; }
.wizard-step-indicator.active span { background:#111827; border-color:#111827; color:#fff; }
.wizard-line { height:1px; background:#E5E7EB; flex:1; margin:0 .7rem; }
.wizard-step { display:none; animation: wizardFade .2s ease; }
.wizard-step.active { display:block; }
.wizard-heading { margin-bottom:1.5rem; }
.wizard-heading h2 { margin:.25rem 0 .35rem; font-size:1.35rem; color:#111827; }
.wizard-heading p { margin:0; color:#6B7280; line-height:1.5; }
.wizard-kicker { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#6B7280; }
.location-card { border:1px solid #E5E7EB; border-radius:14px; padding:1rem; background:#FAFAFA; margin-top:1.25rem; }
.location-card-title { font-weight:700; color:#111827; }
.location-fields { padding-bottom:0; margin-top:.8rem; }
.wizard-actions { display:flex; justify-content:space-between; gap:.8rem; margin-top:1.5rem; }
.wizard-actions.single { justify-content:flex-end; }
.wizard-actions .btn { min-width:130px; }
.phone-preview { margin-top:1rem; padding:.8rem 1rem; border-radius:10px; background:#F3F4F6; color:#4B5563; font-size:.85rem; }
@keyframes wizardFade { from { opacity:.5; transform:translateY(4px); } to { opacity:1; transform:none; } }
@media (max-width:640px) {
  .wizard-progress { margin-bottom:1.5rem; }
  .wizard-step-indicator strong { display:none; }
  .wizard-line { margin:0 .4rem; }
  .wizard-step-indicator span { width:28px; height:28px; }
  .location-fields { grid-template-columns:1fr; }
  .wizard-actions { flex-direction:column-reverse; }
  .wizard-actions .btn { width:100%; }
}