/* Roland Airbnb-style grey embossed buttons for Gravity Forms and custom form buttons */

.gfrgc-check-button,
.gfrp-populate-room-button,
.gfcmf-open-modal,
.gform_button.button,
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"],
.gfsmf-thumbnail,
button.gfsmf-thumbnail,
button.gfrp-populate-room-button,
button.gfcmf-open-modal {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: linear-gradient(180deg, #f9f9f9 0%, #eeeeee 48%, #e2e2e2 100%) !important;
    border: 1px solid #d2d2d2 !important;
    border-radius: 16px !important;
    color: #222 !important;
    padding: 14px 22px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
    box-shadow:
        0 8px 18px rgba(0,0,0,0.10),
        inset 0 1px 0 rgba(255,255,255,0.95),
        inset 0 -3px 6px rgba(0,0,0,0.06) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 50px !important;
    min-width: 180px !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    vertical-align: middle !important;
}

/* Signature thumbnail button needs a larger card-like shape */
.gfsmf-thumbnail,
button.gfsmf-thumbnail {
    min-width: 220px !important;
    min-height: 110px !important;
    width: 100% !important;
    max-width: 360px !important;
    padding: 22px !important;
    border-style: dashed !important;
}

.gfsmf-thumbnail .gfsmf-empty-thumb {
    color: #222 !important;
    font-weight: 700 !important;
}

/* Hover state */
.gfrgc-check-button:hover,
.gfrp-populate-room-button:hover,
.gfcmf-open-modal:hover,
.gform_button.button:hover,
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover,
.gfsmf-thumbnail:hover,
button.gfsmf-thumbnail:hover,
button.gfrp-populate-room-button:hover,
button.gfcmf-open-modal:hover {
    background: linear-gradient(180deg, #ffffff 0%, #f1f1f1 48%, #e6e6e6 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow:
        0 12px 24px rgba(0,0,0,0.14),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -3px 7px rgba(0,0,0,0.07) !important;
}

/* Active/pressed state */
.gfrgc-check-button:active,
.gfrp-populate-room-button:active,
.gfcmf-open-modal:active,
.gform_button.button:active,
.gform_wrapper .gform_button:active,
.gform_wrapper input[type="submit"]:active,
.gfsmf-thumbnail:active,
button.gfsmf-thumbnail:active,
button.gfrp-populate-room-button:active,
button.gfcmf-open-modal:active {
    transform: translateY(1px) !important;
    box-shadow:
        inset 0 3px 8px rgba(0,0,0,0.14),
        0 2px 4px rgba(0,0,0,0.06) !important;
}

/* Focus state */
.gfrgc-check-button:focus,
.gfrp-populate-room-button:focus,
.gfcmf-open-modal:focus,
.gform_button.button:focus,
.gform_wrapper .gform_button:focus,
.gform_wrapper input[type="submit"]:focus,
.gfsmf-thumbnail:focus,
button.gfsmf-thumbnail:focus,
button.gfrp-populate-room-button:focus,
button.gfcmf-open-modal:focus {
    outline: none !important;
    box-shadow:
        0 0 0 4px rgba(0,0,0,0.07),
        0 8px 18px rgba(0,0,0,0.10),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

/* Disabled state */
.gfrgc-check-button:disabled,
.gfrp-populate-room-button:disabled,
.gfcmf-open-modal:disabled,
.gform_button.button:disabled,
.gform_wrapper .gform_button:disabled,
.gform_wrapper input[type="submit"]:disabled,
.gfsmf-thumbnail:disabled,
button.gfcmf-open-modal:disabled,
button.gfrp-populate-room-button:disabled,
button.gfsmf-thumbnail:disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Mobile full-width friendliness */
@media (max-width: 640px) {
    .gfrgc-check-button,
    .gfrp-populate-room-button,
    .gfcmf-open-modal,
    .gform_button.button,
    .gform_wrapper .gform_button,
    .gform_wrapper input[type="submit"] {
        width: 100% !important;
        min-width: 0 !important;
    }
}