@import "./select-options.css";

.gfield, .gform_wrapper.gravity-theme div{
    @apply !max-w-[100%];
}

.gform_wrapper.gravity-theme .gform_fields{
    @apply flex flex-col gap-2 max-w-screen w-screen;
}

/* Form Wrapper */
div.gform_wrapper{
    @apply px-4 py-24;
}

/* Field Container */
.gform_wrapper.gravity-theme .gfield{
    @apply mb-6;
}

/* Label Input */
.gform_wrapper.gravity-theme  label.gform-field-label {
    @apply text-base font-bold text-white;
}


/* Field Labels */
div.gform_wrapper.gravity-theme .gfield_label{
    @apply text-xl font-bold text-white mb-4 ;
}

/* Input Fields */
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
    @apply bg-transparent border-b-2 max-h-[300px] border-white/20 text-white placeholder:text-primary/60 focus:placeholder:text-white/80 focus:border-white focus:outline-none transition-colors duration-300;
}


/* Required field indicator */
.gform_wrapper.gravity-theme .gfield_required {
    @apply text-red-500;
}

/* Radio Button */
.gform_wrapper.gravity-theme .gfield_radio input[type="radio"] {
    @apply appearance-none w-3 h-3 rounded-full border-2 border-white/40 bg-transparent checked:border-primary checked:bg-primary cursor-pointer transition-all duration-400;
}

/* Checkbox */
.gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"] {
    @apply appearance-none w-4 h-4 rounded border-2 border-white/40 bg-transparent checked:border-primary checked:bg-primary cursor-pointer transition-all duration-300;
}

/* Checkbox button */
.gform_wrapper.gravity-theme .gfield_checkbox button {
    @apply text-gray-500 hover:text-gray-700 transition-colors duration-300 focus:text-primary text-sm cursor-pointer;
}


/* Date Picker */
.gravity-theme.ui-datepicker{
    @apply bg-[#1a1a2e] border border-white/20 rounded-lg mt-1;
}

/* Disabled date */
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
    @apply opacity-20 cursor-not-allowed;
}

/* Active date */
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
    @apply bg-primary text-white hover:bg-primary/90;
}



/* Number Input Spinners */
.gform_wrapper.gravity-theme input[type=number]::-webkit-outer-spin-button,
.gform_wrapper.gravity-theme input[type=number]::-webkit-inner-spin-button {
    @apply appearance-none m-0;
}
/* Firefox */
.gform_wrapper.gravity-theme input[type=number] {
    @apply appearance-none;
    -moz-appearance: textfield;
}


/* Image choice selection */

/* Selected state for image choices */
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(input:checked))::after  {
    @apply bg-primary;
}

/* Image choice wrapper */
.gfield-choice-image-wrapper {
    @apply scale-100 hover:scale-110 transition-transform duration-300;
}

/* Remove border when focused */
.gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:focus-within) .gfield-choice-image-wrapper::before {
    @apply border-none;
}

/* Hide radio buttons for image choices */
.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-input[type="radio"] {
    @apply !hidden;
}


/* consent checkbox */
.ginput_container.ginput_container_consent input[type="checkbox"] {
    @apply appearance-none w-3.5 h-3.5 rounded border-2 border-white/40 bg-transparent checked:border-primary checked:bg-primary cursor-pointer transition-all duration-300;
}

.ginput_container ginput_container_consent .gfield_consent_label{
  @apply  break-after-all
}


/* List icons Add */
.gform_wrapper.gravity-theme .gfield_list_icons button {
    @apply  bg-contain bg-no-repeat scale-150 mr-1 relative top-1 cursor-pointer 
    bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjOGQ4MWZmIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMiA5djZtMy0zSDltMTIgMGE5IDkgMCAxIDEtMTggMCA5IDkgMCAwIDEgMTggMFoiIC8+Cjwvc3ZnPgo=')];
}

/* List icons Remove */
.gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
      @apply  bg-contain bg-no-repeat scale-150 mr-1 relative top-1 cursor-pointer 
      bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjOGQ4MWZmIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNSAxMkg5bTEyIDBhOSA5IDAgMSAxLTE4IDAgOSA5IDAgMCAxIDE4IDBaIiAvPgo8L3N2Zz4K')]
}


/* Form footer */

/* Submit button */
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
    @apply bg-primary text-white hover:bg-primary/80 hover:shadow-md font-bold hover:shadow-primary/30 px-6 py-3 rounded-lg cursor-pointer transition-colors duration-300;
}

/* Multi-stip */

/* Next button */
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input.gform_next_button.gform-theme-button.button {
    @apply bg-primary text-white hover:bg-primary/80 hover:shadow-md font-bold hover:shadow-primary/30 px-6 py-3 rounded-lg cursor-pointer transition-colors duration-300;
}

/* Previous button */
input.gform_previous_button.gform-theme-button.gform-theme-button--secondary.button {
    @apply bg-primary/60 text-white hover:bg-primary/80 hover:shadow-md font-bold hover:shadow-primary/30 px-6 py-3 rounded-lg cursor-pointer transition-colors duration-300;
}



/* Errors */

/* Top error message */
.gform_wrapper.gravity-theme .gform_validation_errors {
    @apply border-none focus:outline-none;
}

/* Input with error */
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{
    @apply border-x-0 border-t-0 focus:outline-none;
}

/* Validation message */
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message{
    @apply p-0 bg-transparent border-0; 
}

/* Checkbox with error */
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true][type="checkbox"]{
    @apply border border-red-500;
}

.gform_confirmation_message{
    @apply text-white text-4xl;
}


/* Remove autofill background color */
.gform_wrapper.gravity-theme input:-webkit-autofill,
.gform_wrapper.gravity-theme input:-webkit-autofill:hover,
.gform_wrapper.gravity-theme input:-webkit-autofill:focus,
.gform_wrapper.gravity-theme textarea:-webkit-autofill,
.gform_wrapper.gravity-theme textarea:-webkit-autofill:hover,
.gform_wrapper.gravity-theme textarea:-webkit-autofill:focus,
.gform_wrapper.gravity-theme select:-webkit-autofill,
.gform_wrapper.gravity-theme select:-webkit-autofill:hover,
.gform_wrapper.gravity-theme select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    -webkit-text-fill-color: white;
    transition: background-color 5000s ease-in-out 0s;
}