/* File: /home/gsc-deb/Local Sites/pariksha/app/public/wp-content/plugins/gsc-woo-better-registration/assets/css/gsc-woo-better-registration.css */
.gsc-wbr-text-danger {
    color: #dc3232;
    /* WordPress standard error color */
    font-size: 0.9em;
    margin-top: 5px;
}

.gsc-wbr-text-success {
    color: #46b450;
    /* WordPress standard success color */
    font-size: 0.9em;
    margin-top: 5px;
}

.gsc-wbr-text-info {
    color: #0073aa;
    /* WordPress standard info color */
    font-size: 0.9em;
    margin-top: 5px;
}

.gsc-wbr-field-note {
    font-size: 0.9em;
    color: #777;
    font-style: italic;
    margin-left: 5px;
}

#gsc-fcm-device-status {
    margin-top: 5px;
    font-size: 0.9em;
}

#gsc-fcm-device-status.gsc-wbr-text-danger,
#gsc-fcm-device-status.gsc-wbr-text-info,
#gsc-fcm-device-status.gsc-wbr-text-success {
    display: block !important;
    /* Ensure it shows when class is applied */
}

/* Style for the wrapper of notification preferences if needed */
#gsc-fcm-preferences-section {
    margin-bottom: 1em;
}

/* Fix for intl-tel-input flag overlap */
.iti {
    width: 100%;
    margin-bottom: 10px;
}

/* Increased padding to 80px to definitively clear the flag and country code space */
.iti input,
.woocommerce-address-fields .iti input,
.gsc-registration-form .iti input,
#gsc_wbr_alt_phone {
    padding-left: 80px !important;
}

/* Fix for State field alignment (Select2) */
.woocommerce-address-fields .select2-container--default .select2-selection--single,
.gsc-registration-form .select2-container--default .select2-selection--single {
    height: 45px !important;
    padding: 6px 12px !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered,
.gsc-registration-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    padding-left: 0 !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow,
.gsc-registration-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 26px !important;
}