/* VirtueMart Regisztrációs oldal egyedi stílusok */

/* === INPUT MEZŐK MAGASSÁGA === */
.vm-user-account-fields .form-control,
.vm-user-account-fields input[type="text"],
.vm-user-account-fields input[type="email"],
.vm-user-account-fields input[type="password"],
.vm-billing-fields .form-control,
.vm-billing-fields input[type="text"],
.vm-billing-fields input[type="tel"],
.vm-billing-fields select {
    height: 32px;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* === AUTOFILL HÁTTÉRSZÍN === */
.vm-user-account-fields input:-webkit-autofill,
.vm-user-account-fields input:-webkit-autofill:hover,
.vm-user-account-fields input:-webkit-autofill:focus,
.vm-user-account-fields input:-webkit-autofill:active,
.vm-billing-fields input:-webkit-autofill,
.vm-billing-fields input:-webkit-autofill:hover,
.vm-billing-fields input:-webkit-autofill:focus,
.vm-billing-fields input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f1f1f1 inset !important;
    box-shadow: 0 0 0 30px #f1f1f1 inset !important;
    -webkit-text-fill-color: #000 !important;
}

/* === HORIZONTAL FORM DESKTOP-ON === */
@media (min-width: 768px) {
    /* Elválasztó vonal a két oszlop között */
    .vm-registration-wrapper .col-md-6:first-child {
        border-right: 1px solid #dee2e6;
        padding-right: 2rem;
    }
    
    .vm-registration-wrapper .col-md-6:last-child {
        padding-left: 2rem;
    }
    
    /* Label és input egymás mellé desktop-on */
    .vm-user-account-fields .mb-3,
    .vm-billing-fields .mb-3 {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .vm-user-account-fields .form-label,
    .vm-billing-fields .form-label {
        flex: 0 0 35%;
        max-width: 35%;
        margin-bottom: 0;
        padding-top: 0.25rem;
        text-align: left;
        word-wrap: break-word;
    }
    
    .vm-user-account-fields .mb-3 > div,
    .vm-user-account-fields .mb-3 > input,
    .vm-user-account-fields .mb-3 > select,
    .vm-billing-fields .mb-3 > div,
    .vm-billing-fields .mb-3 > input,
    .vm-billing-fields .mb-3 > select {
        flex: 1;
    }
    
    /* Form-text (description) teljes szélességű */
    .vm-user-account-fields .form-text,
    .vm-billing-fields .form-text {
        margin-left: calc(35% + 1rem);
    }
}

/* === CAPTCHA ÉS GOMBOK BALRA === */
#adminForm .d-flex.justify-content-center,
#adminForm .d-flex.justify-content-center.mb-3 {
    justify-content: flex-start !important;
}

#adminForm .vm-btn-contaner,
#adminForm .vm-btn-contaner.pt-3.text-center.border-top {
    text-align: left !important;
}

/* === ÁLTALÁNOS STÍLUSOK === */
.vm-registration-wrapper {
    margin-bottom: 2rem;
}

.vm-billing-fields fieldset {
    border-radius: 0.375rem;
}

.vm-billing-fields legend {
    font-weight: 600;
}

/* Asterisk (csillag) piros színe */
.asterisk {
    color: #dc3545;
    font-weight: bold;
}

/* === RESPONSIVE - MOBIL === */
@media (max-width: 767px) {
    /* Mobilon egymás alatt maradnak */
    .vm-user-account-fields .form-label,
    .vm-billing-fields .form-label {
        margin-bottom: 0.5rem;
    }
    
    .row.gy-4 {
        row-gap: 2rem !important;
    }
}