/* Basic modal styles - tweak to match theme */
#cf7-course-modal { display: none; position: fixed; inset: 0; z-index: 9997; }

#cf7-course-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 9998;
}

#cf7-course-modal-panel {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 9999;
  background: #fff;
  padding: 22px;
  max-width: 720px;
  width: 95%;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,.2);
  max-height: 85vh;
  overflow-y: auto;
}

#cf7-course-modal-panel:focus { outline: none; }

#cf7-course-modal-close {
  float: right;
  border: none;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

#cf7-course-modal-title {
  margin-top: 0;
  margin-bottom: 12px;
}

/* optional: make CF7 form fields full width inside modal */
#cf7-course-modal-content input[type="text"],
#cf7-course-modal-content input[type="email"],
#cf7-course-modal-content input[type="tel"],
#cf7-course-modal-content textarea,
#cf7-course-modal-content select {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

/* basic button styles - inherit your theme buttons if needed */
.tutor-btn { display: inline-block; padding: 10px 14px; border-radius: 6px; text-decoration: none; }
.tutor-btn-block { display:block; width:100%; margin-bottom:8px; }
.tutor-btn-primary { background:#0b6efd; color:#fff; border:none; }
.tutor-btn-secondary { background:#6c757d; color:#fff; border:none; }

/* small responsive tweak */
@media (min-width: 900px) {
  #cf7-course-modal-panel { width: 720px; }
}