/* Custom CSS for Paperform embed */
[data-paperform-id="j5whgrnt"] {
  /* Set the width */
  width: 70%;          /* Full width of parent container */
  max-width: 600px;     /* Maximum width (adjust as needed) */
  margin: 0 auto;       /* Center horizontally if smaller than parent */
  
  /* Set the height */
  height: 70%;          /* Full height of parent container */
  min-height: 300px;    /* Minimum height for the form */
  height: auto;         /* Allow height to expand with content */
  
  /* Optional styling */
  padding: 20px 0;      /* Add some vertical padding */
  overflow: visible;    /* Handle overflow content */
}

/* If you need to adjust the iframe that Paperform creates */
[data-paperform-id="j5whgrnt"] iframe {
  width: 70%;
  height: 60%;
  min-height: 400px;
  border: none;
}

[data-paperform-id="j5whgrnt"] .paperform-btn,
[data-paperform-id="j5whgrnt"] .form-button,
[data-paperform-id="j5whgrnt"] .nav-buttons {
  position: sticky;
  bottom: 150px;
  background: white; /* So text above doesn't show through */
  padding: 10px 0;
  margin-top: 10px;
  z-index: 10; /* Ensure buttons stay on top */
  box-shadow: 0 -5px 10px rgba(0,0,0,0.1); /* Optional shadow for better visibility */
}
