/* Popup Button Styles */
#popup-button {
    position: fixed;
    z-index: 999;
    padding: 8px 10px 8px 16px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 10%);
    font-weight: 600;
    transform: scale(1);
    display: flex;
    align-items: center;

}

#popup-button:hover {
    box-shadow: 0 2px 16px rgb(0 0 0 / 25%);
    transform: scale(1.05);
    transition: all 0.3sease;
}

/* Button Positions */
.popup-button-bottom-right {
    bottom: 60px;
    right: 5px;
}

.popup-button-bottom-left {
    bottom: 60px;
    left: 5px;
}

.popup-button-top-right {
    top: 20px;
    right: 5px;
}

#popup-button .dashicons {
    width: 1.5em;
    height: 1.5em;
}

#popup-button .dashicons svg {
    width: 100%;
    height: 100%;
}

.popup-button-top-left {
    top: 20px;
    left: 20px;
}

.popup-button-center-right {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.popup-button-center-left {
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

/* Icon styles */
#popup-button .dashicons {
    vertical-align: middle;
    line-height: 1;
}

/* Modal Styles */
.popup-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.popup-modal.active {
    opacity: 1;
}

.popup-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 24px 0 0;
    border-radius: 5px;
    max-width: 400px;
    width: 80%;
    position: relative;
    transition: transform 0.3s ease;
    transform: scale(0.8);
    box-shadow: 0 4px 32px 0 rgb(0 0 0 / 10%), 0 8px 16px 0 rgb(0 0 0 / 10%);
    
}

.popup-modal.active .popup-content {
    transform: scale(1);
}

.close-popup {
    left: 24px;
    top: 24px;
    font-size: 24px;
    cursor: pointer;
}

.close-popup:hover {
    color: #777;
}

.popup-inner-content {
    margin-top: 15px;
}
#popup-modal .popup-inner-content .gform-body { padding-inline: 25px; }
#popup-modal .popup-inner-content .gform_wrapper form input:not(input[type="submit"]), #popup-modal .popup-inner-content .gform_wrapper form textarea {width: 100% !important;height: 100%; border:0px !important; line-height: 1 !important;padding: 0 16px;font-size: 14px;font-style: normal !important;text-align: left;color: #000000;position: relative;background: transparent;}
#popup-modal .popup-inner-content {margin: 0;text-align: center;}
#popup-modal .popup-inner-content .gform_wrapper form input::placeholder, #popup-modal .popup-inner-content .gform_wrapper form textarea::placeholder { font-style: normal; }
#popup-modal .popup-inner-content .gform_fields { row-gap: 15px; }
#popup-modal .popup-inner-content .gform_fields .gfield--input-type-select select { display: flex !important; align-items: anchor-center; }
#popup-modal .close-popup {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;line-height: 1;background: #0000000d;color: #000000e6;font-size: 30px;border-radius: 6px;margin-bottom: 24px;margin-left: 24px;}
#popup-modal .popup-inner-content h3 {font-family: 'Playfair Display' !important;font-weight: 700;text-align: center;line-height: 26px !important; font-size: 19px;margin-top: 1em;margin-bottom: 0;}
#popup-modal .popup-inner-content .gform-footer {text-align: center;padding: 20px 30px 20px;box-shadow: 0px -6px 32px 0px rgba(0, 0, 0, 0.1);display: flex;flex-direction: column;align-items: center;}
#popup-modal .popup-inner-content .gform-footer input {width: 100% !important;margin: 0 auto;height: 50px;background: #0000000d;color: #0000004d;font-weight: 600;border-radius: 10px;font-size: 16px;line-height: 24px;}
#popup-modal .popup-inner-content img {width: 64px;height: 64px;margin: 0 auto;box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 20%);border-radius: 6px;}
#popup-modal .popup-inner-content p { font-size: 14px; font-weight: 500; line-height: 1.2; max-width: 90%; margin: auto; }
#popup-modal .popup-inner-content .gform_wrapper { margin-top: 24px; }
#popup-modal .popup-inner-content .gform_wrapper .gform_heading {margin-bottom: 24px;padding-inline: 25px;}
#popup-modal .popup-inner-content .gform_wrapper .gform_heading .gform_title { font-family: 'Playfair Display' !important; font-weight: 700; text-align: center; line-height: 26px !important; font-size: 19px; margin-top: 1em; margin-bottom: 0; }
#popup-modal .popup-inner-content .gform_wrapper .gform_heading .gform_description { color: #0000008c; font-size: 14px; line-height: 20px; font-weight: 400; padding-top: 5px; }
#popup-modal .popup-inner-content .gform_wrapper .gform_heading .gform_required_legend { display: none; }
#popup-modal .popup-inner-content .gform_wrapper .gfield { border: 1px solid #d3d3d3; border-radius: 6px; position: relative; height: 64px; overflow: hidden; }
#popup-modal .popup-inner-content .gform_wrapper .gfield .gfield_label { position: absolute; left: 16px; width: 95%; margin: 0; top: 20px; font-size: 16px; line-height: 24px; color: #0000008c; transition: ease 500ms; }
#popup-modal .popup-inner-content .gform_wrapper .gfield .gfield_label .gfield_required { display: none; }
#popup-modal .popup-inner-content .gform_wrapper .gfield .ginput_complex { width: 100%; height: 100%; display: block !important; padding: 0; margin: 0; }
#popup-modal .popup-inner-content .gform_wrapper .gfield .ginput_complex span { padding: 0; width: 100%; height: 100%; display: block; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.active_input .gfield_label { top: 6px; transition: ease 500ms;    color: black; font-size: 14px; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.active_input input { padding-top: 26px; padding-left: 16px; }
#popup-modal .popup-inner-content .gform_wrapper .gfield--type-phone .gfield_label { width: 85%; left: 55px; }
#popup-modal .popup-inner-content .gform_wrapper .gfield--type-phone .ginput_container_phone { width: 100%; height: 100% !important; }
#popup-modal .popup-inner-content .gform_wrapper .gfield--type-phone .ginput_container_phone .iti { width: 100%; height: 100%; }
#popup-modal .popup-inner-content .gform_wrapper .gfield--type-phone .ginput_container_phone .iti input::placeholder { font-size: 0; }
#popup-modal .popup-inner-content .gform_wrapper form select { width: 100% !important; height: 100%; border: 0; text-align: left; padding-inline: 16px; }
#popup-modal .popup-inner-content .gform_wrapper form .ginput_container_select { height: 100% ; border: 0; }
#popup-modal .popup-inner-content .gform_wrapper .gfield--type-textarea { height: 150px; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.gfield--type-textarea .ginput_container { height: 100%; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.gfield--type-textarea .ginput_container textarea { height: 100% !important; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.gfield--type-textarea.active_input textarea { padding-top: 30px; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.active_input, #popup-modal .popup-inner-content .gform_wrapper .gfield:hover { border-color: #456d9c; box-shadow: 0 0 1px 1px #456d9c; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.active_input.focus_active { border-color: #d3d3d3 !important; box-shadow:none; }
#popup-modal .popup-inner-content .gform-body { padding-inline: 25px; }
#popup-modal .close-popup:hover { background: #ebf3fab0; }
#popup-modal .popup-inner-content .gform-footer input:focus { box-shadow: none; border: 0; outline: unset; }
#popup-modal .popup-inner-content .gform_wrapper .gfield.gfield_visibility_hidden { display: none !important; }

/* Responsive adjustments */
@media screen and (max-width: 600px) {
    .popup-content {
        width: 95%;
        margin: 15% auto;
    }
    #popup-button span.text { display: none; }
    .popup-modal .popup-content { zoom: 0.8; }
}