/* Etkinlik Formu - front form styling */
.ef-wrap { max-width: 860px; margin: 32px auto; padding: 0 16px; }
.ef-card { border: 1px solid #e0e4ec; border-radius: 18px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.06); background: #fff; }
.ef-hero { padding: 22px 22px 18px; background: linear-gradient(135deg, #2b4a85, #1f3b79); color: #fff; }
.ef-hero h1 { margin: 0; font-size: 22px; line-height: 1.25; font-weight: 700; }
.ef-hero p { margin: 8px 0 0; opacity: .95; }
.ef-body { padding: 18px 22px 6px; }
.ef-body .mform { margin: 0; }
.ef-body .fitem { margin-bottom: 14px; }
.ef-body .btn-primary { min-width: 160px; }
.ef-footer-note { padding: 10px 22px 20px; color: #6b7280; font-size: 12.5px; }

/* Center the form buttons */
.ef-body .fitem_actionbuttons .felement { text-align: center; }

/* Modal overlay */
.ef-modal-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.55); z-index: 1050; display: flex; align-items: center; justify-content: center; padding: 18px; }
.ef-modal { width: 100%; max-width: 560px; background: #fff; border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,.25); overflow: hidden; }
.ef-modal-head { padding: 18px 18px 12px; background: #f3f6ff; border-bottom: 1px solid #e0e4ec; }
.ef-modal-head h2 { margin: 0; font-size: 18px; }
.ef-modal-body { padding: 14px 18px 16px; }
.ef-modal-actions { padding: 0 18px 18px; text-align: right; }

.ef-header-title{color:#ffffff;}


/* Ensure required labels show a bold red asterisk */
.local-etkinlikformu .fitem.required .col-form-label:after,
.local-etkinlikformu .fitem.required label:after {
  content: " *";
  color: #d00000;
  font-weight: 700;
}
/* In case Moodle outputs abbr stars, style them */
.local-etkinlikformu abbr.initialism.text-danger,
.local-etkinlikformu abbr[title*="required" i],
.local-etkinlikformu abbr[title*="gerekli" i] {
  color: #d00000 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: 0 !important;
}

.ef-header-desc{color:rgba(255,255,255,0.92) !important;}


.ef-wrap .fdescription.required,
.ef-wrap .fdescription.requiredmark,
.ef-wrap .form-required,
.ef-wrap .required .form-control-feedback,
.ef-wrap .fitem .req {
  display: none !important;
}
.ef-wrap .fitem.required .icon,
.ef-wrap .fitem.required .text-danger.icon,
.ef-wrap .fitem.required .fa,
.ef-wrap .fitem.required .form-label .icon {
  display: none !important;
}
/* Add bold red asterisk after labels */
.ef-wrap .fitem.required .col-form-label:after,
.ef-wrap .fitem.required label:after {
  content: " *";
  color: #d00000;
  font-weight: 800;
}

/* Required marker tweaks (ef-wrap scoped) */
.ef-wrap .req,
.ef-wrap .req .icon,
.ef-wrap .req i,
.ef-wrap .req span,
.ef-wrap .icon.fa-exclamation-circle,
.ef-wrap .fa-exclamation-circle,
.ef-wrap .icon.fa-exclamation-triangle,
.ef-wrap .fa-exclamation-triangle,
.ef-wrap abbr.initialism.text-danger {
  display: none !important;
}

/* Add red bold star after required labels */
.ef-wrap .fitem.required .col-form-label:after,
.ef-wrap .fitem.required label:after,
.ef-wrap .fitem.required .fitemtitle label:after {
  content: " *";
  color: #d00000;
  font-weight: 700;
}

.ef-wrap .fa-circle-exclamation, .ef-wrap .icon.fa-circle-exclamation { display:none !important; }

/* Highlight submit area errors (e.g., duplicate email) */
.ef-wrap .fitem.fitem_actionbuttons .form-control-feedback,
.ef-wrap .fitem.fitem_actionbuttons .invalid-feedback,
.ef-wrap .fitem.fitem_actionbuttons .error,
.ef-wrap .fitem.fitem_actionbuttons .ferror {
  display: block !important;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(208,0,0,.25);
  background: rgba(208,0,0,.08);
  color: #a00000;
  font-weight: 600;
}

/* Make checkbox option rows look like a list */
.ef-wrap .fitem .form-check {
  margin-bottom: 6px;
}