/* ========================================================================
   Gravity Forms — Overrides
   Only properties that differ from main.css base styles.
   ======================================================================== */

/* Hide labels (placeholder-driven) */
.popup-modal .gform_wrapper .gfield_label {
    display: none;
}
.popup-modal .gform_wrapper .gform_fields {
    gap: 20px;
}

/* Input overrides: pill shape, taller, lighter weight */
.popup-modal .gform_wrapper input[type="text"],
.popup-modal .gform_wrapper input[type="email"],
.popup-modal .gform_wrapper input[type="tel"],
.popup-modal .gform_wrapper input[type="number"],
.popup-modal .gform_wrapper input[type="url"],
.popup-modal .gform_wrapper select,
.popup-modal .gform_wrapper textarea {
    height: 52px;
    border-radius: 9999px !important;
    border: none !important;
    padding: 10px 20px !important;
    font-weight: 300;
    box-shadow: none !important;
    -webkit-appearance: none;
}

.popup-modal .gform_wrapper textarea {
    height: auto;
    min-height: 100px;
    border-radius: 20px;
    padding: 1rem 1.25rem;
}

/* Placeholder colour */
.popup-modal .gform_wrapper input::placeholder,
.popup-modal .gform_wrapper textarea::placeholder {
    color: #004D46 !important;
    font-weight: 500;
}

/* Simpler focus: no ring */
.popup-modal .gform_wrapper input:focus,
.popup-modal .gform_wrapper textarea:focus,
.popup-modal .gform_wrapper select:focus {
    outline: none;
    box-shadow: none !important;
}

/* Footer reset */
.popup-modal .gform_wrapper .gform_footer,
.popup-modal .gform_wrapper .gform-footer {
    padding: 0;
    margin: 20px 0 0;
}

/* Button overrides: match Figma — pine-600 bg, white text, 20px radius */
.popup-modal .gform_wrapper .gform_button,
.popup-modal .gform_wrapper button[type="submit"],
.popup-modal .gform_wrapper input[type="submit"] {
    height: 48px;
    padding: 0 2rem;
    border-radius: 9999px !important;
    background: #004D46 !important;
    color: #fff !important;
    border: none;
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Kill the :before sweep animation from main.css */
.popup-modal .gform_wrapper .gform_button:before {
    display: none !important;
}

.popup-modal .gform_wrapper .gform_button:hover,
.popup-modal .gform_wrapper button[type="submit"]:hover,
.popup-modal .gform_wrapper input[type="submit"]:hover {
    opacity: 0.85;
    color: #fff !important;
}

/* Validation */

.popup-modal .gform_wrapper .gfield_error input,
.popup-modal .gform_wrapper .gfield_error textarea {
    box-shadow: inset 0 0 0 2px #FF3926 !important;
}

/* Full-width field span (e.g. email row) */
@media (min-width: 768px) {
    .popup-modal .gform_wrapper .gfield--width-full {
        grid-column: 1 / -1;
    }
}