/* =========================================================
   BABYLONIA — REGISTER NOW WEBFORM
   Professional UI
   Drupal Webform / Asset Injector
   ========================================================= */


/* ---------------------------------------------------------
   1. FORM CONTAINER
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"],
.webform-submission-register-now-form {
  --bab-primary: #263b56;
  --bab-primary-dark: #17283d;
  --bab-accent: #c49552;
  --bab-bg: #f7f7f5;
  --bab-card: #ffffff;
  --bab-border: #dfe3e8;
  --bab-text: #26313d;
  --bab-muted: #6d7580;

  max-width: 900px !important;
  margin: 30px auto 50px auto !important;
  padding: 38px 42px !important;

  background: #ffffff !important;
  border: 1px solid #e3e6e9 !important;
  border-radius: 18px !important;

  box-shadow:
    0 4px 12px rgba(20, 35, 50, 0.04),
    0 18px 45px rgba(20, 35, 50, 0.08) !important;

  color: var(--bab-text) !important;
}


/* ---------------------------------------------------------
   2. GENERAL FORM ITEMS
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .form-item,
.webform-submission-register-now-form .form-item {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}


/* ---------------------------------------------------------
   3. LABELS
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] label,
.webform-submission-register-now-form label {
  display: block !important;
  margin: 0 0 8px 0 !important;

  color: #24364b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;

  letter-spacing: 0.015em !important;
}


/* Required asterisk */
form[id*="webform-submission-register-now"] .form-required::after,
.webform-submission-register-now-form .form-required::after {
  margin-left: 4px !important;
}


/* ---------------------------------------------------------
   4. INPUTS / SELECTS / TEXTAREA
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] input[type="text"],
form[id*="webform-submission-register-now"] input[type="email"],
form[id*="webform-submission-register-now"] input[type="tel"],
form[id*="webform-submission-register-now"] input[type="number"],
form[id*="webform-submission-register-now"] input[type="url"],
form[id*="webform-submission-register-now"] select,
form[id*="webform-submission-register-now"] textarea,

.webform-submission-register-now-form input[type="text"],
.webform-submission-register-now-form input[type="email"],
.webform-submission-register-now-form input[type="tel"],
.webform-submission-register-now-form input[type="number"],
.webform-submission-register-now-form input[type="url"],
.webform-submission-register-now-form select,
.webform-submission-register-now-form textarea {

  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  min-height: 52px !important;

  padding: 12px 15px !important;

  background: #ffffff !important;
  color: #26313d !important;

  border: 1px solid #d9dee4 !important;
  border-radius: 10px !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  box-shadow:
    0 1px 2px rgba(20, 35, 50, 0.03) !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease !important;
}


/* Select */
form[id*="webform-submission-register-now"] select,
.webform-submission-register-now-form select {
  cursor: pointer !important;
  padding-right: 42px !important;
}


/* Textarea */
form[id*="webform-submission-register-now"] textarea,
.webform-submission-register-now-form textarea {
  min-height: 130px !important;
  resize: vertical !important;
}


/* ---------------------------------------------------------
   5. INPUT HOVER / FOCUS
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] input:hover,
form[id*="webform-submission-register-now"] select:hover,
form[id*="webform-submission-register-now"] textarea:hover,

.webform-submission-register-now-form input:hover,
.webform-submission-register-now-form select:hover,
.webform-submission-register-now-form textarea:hover {
  border-color: #b8c1ca !important;
}


form[id*="webform-submission-register-now"] input:focus,
form[id*="webform-submission-register-now"] select:focus,
form[id*="webform-submission-register-now"] textarea:focus,

.webform-submission-register-now-form input:focus,
.webform-submission-register-now-form select:focus,
.webform-submission-register-now-form textarea:focus {

  outline: none !important;

  border-color: #627b98 !important;

  box-shadow:
    0 0 0 3px rgba(38, 59, 86, 0.10),
    0 3px 8px rgba(20, 35, 50, 0.05) !important;
}


/* ---------------------------------------------------------
   6. FIELDSETS
   LEVEL + CERTIFICATION
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] fieldset,
.webform-submission-register-now-form fieldset {

  position: relative !important;

  margin: 30px 0 !important;
  padding: 24px 24px 8px 24px !important;

  background: #f8f9fa !important;

  border: 1px solid #dde3e8 !important;
  border-radius: 14px !important;

  box-shadow: none !important;
}


/* Fieldset titles */

form[id*="webform-submission-register-now"] fieldset legend,
.webform-submission-register-now-form fieldset legend {
  width: auto !important;
  max-width: calc(100% - 20px) !important;

  margin: 0 !important;
  padding: 5px 12px !important;

  background: #263b56 !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 7px !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;

  letter-spacing: 0.035em !important;
}


/* Drupal legend span wrappers */
form[id*="webform-submission-register-now"] fieldset legend span,
.webform-submission-register-now-form fieldset legend span {
  color: #ffffff !important;
  font-size: inherit !important;
  font-weight: 700 !important;
}


/* Fieldset inner wrapper */
form[id*="webform-submission-register-now"] .fieldset-wrapper,
.webform-submission-register-now-form .fieldset-wrapper {
  margin-top: 12px !important;
}


/* ---------------------------------------------------------
   7. HELP BOXES
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .wf-help,
form[id*="webform-submission-register-now"] .wf-helptext,

.webform-submission-register-now-form .wf-help,
.webform-submission-register-now-form .wf-helptext {

  margin: 10px 0 20px 0 !important;
  padding: 14px 16px !important;

  background: #f1f4f7 !important;

  border: 0 !important;
  border-left: 4px solid #c49552 !important;
  border-radius: 8px !important;

  color: #4b5662 !important;

  font-size: 13px !important;
  line-height: 1.65 !important;
}


/* Help strong text */
form[id*="webform-submission-register-now"] .wf-help strong,
form[id*="webform-submission-register-now"] .wf-helptext strong,

.webform-submission-register-now-form .wf-help strong,
.webform-submission-register-now-form .wf-helptext strong {
  color: #263b56 !important;
  font-weight: 700 !important;
}


/* Hide unnecessary help divider line */
form[id*="webform-submission-register-now"] .wf-help__divider,
.webform-submission-register-now-form .wf-help__divider {
  display: none !important;
}


/* Inline border coming from current help markup */
form[id*="webform-submission-register-now"] .wf-helptext div[style*="border-bottom"],
.webform-submission-register-now-form .wf-helptext div[style*="border-bottom"] {
  border-bottom: 0 !important;
  margin-top: 7px !important;
}


/* ---------------------------------------------------------
   8. DESCRIPTIONS
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .description,
form[id*="webform-submission-register-now"] .form-item__description,

.webform-submission-register-now-form .description,
.webform-submission-register-now-form .form-item__description {

  margin-top: 7px !important;

  color: #78818b !important;

  font-size: 12px !important;
  line-height: 1.5 !important;
}


/* ---------------------------------------------------------
   9. TERMS OF SERVICE
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .webform-type-webform-terms-of-service,
.webform-submission-register-now-form .webform-type-webform-terms-of-service {

  margin-top: 30px !important;
  padding: 18px 20px !important;

  background: #f8f9fa !important;

  border: 1px solid #dfe3e8 !important;
  border-radius: 12px !important;
}


/* Checkbox */
form[id*="webform-submission-register-now"] input[type="checkbox"],
.webform-submission-register-now-form input[type="checkbox"] {

  width: 18px !important;
  height: 18px !important;

  margin-right: 8px !important;

  accent-color: #263b56 !important;

  cursor: pointer !important;
}


/* Terms links */
form[id*="webform-submission-register-now"] .webform-type-webform-terms-of-service a,
.webform-submission-register-now-form .webform-type-webform-terms-of-service a {

  color: #263b56 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}


/* ---------------------------------------------------------
   10. ACTIONS / SUBMIT AREA
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .form-actions,
.webform-submission-register-now-form .form-actions {

  margin: 34px 0 0 0 !important;
  padding-top: 25px !important;

  border-top: 1px solid #e6e9ec !important;

  text-align: center !important;
}


/* ---------------------------------------------------------
   11. SUBMIT BUTTON
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .form-submit,
form[id*="webform-submission-register-now"] input[type="submit"],
form[id*="webform-submission-register-now"] button[type="submit"],

.webform-submission-register-now-form .form-submit,
.webform-submission-register-now-form input[type="submit"],
.webform-submission-register-now-form button[type="submit"] {

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 220px !important;
  min-height: 52px !important;

  margin: 0 auto !important;
  padding: 13px 30px !important;

  background: #263b56 !important;
  color: #ffffff !important;

  border: 1px solid #263b56 !important;
  border-radius: 9px !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  letter-spacing: 0.025em !important;

  text-decoration: none !important;
  text-transform: none !important;

  cursor: pointer !important;

  box-shadow:
    0 6px 16px rgba(38, 59, 86, 0.20) !important;

  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}


/* Submit hover */

form[id*="webform-submission-register-now"] .form-submit:hover,
form[id*="webform-submission-register-now"] input[type="submit"]:hover,
form[id*="webform-submission-register-now"] button[type="submit"]:hover,

.webform-submission-register-now-form .form-submit:hover,
.webform-submission-register-now-form input[type="submit"]:hover,
.webform-submission-register-now-form button[type="submit"]:hover {

  background: #17283d !important;
  border-color: #17283d !important;

  transform: translateY(-1px) !important;

  box-shadow:
    0 9px 22px rgba(38, 59, 86, 0.25) !important;
}


/* ---------------------------------------------------------
   12. VALIDATION / ERRORS
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .error,
.webform-submission-register-now-form .error {

  border-color: #c74e4e !important;
}


form[id*="webform-submission-register-now"] .form-item--error-message,
.webform-submission-register-now-form .form-item--error-message {

  margin-top: 6px !important;

  color: #a93737 !important;

  font-size: 12px !important;
  font-weight: 600 !important;
}


/* ---------------------------------------------------------
   13. AUTOFILL
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] input:-webkit-autofill,
.webform-submission-register-now-form input:-webkit-autofill {

  -webkit-box-shadow:
    0 0 0 1000px #ffffff inset !important;

  -webkit-text-fill-color: #26313d !important;
}


/* ---------------------------------------------------------
   14. SELECT / INPUT DISABLED
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] input:disabled,
form[id*="webform-submission-register-now"] select:disabled,
form[id*="webform-submission-register-now"] textarea:disabled,

.webform-submission-register-now-form input:disabled,
.webform-submission-register-now-form select:disabled,
.webform-submission-register-now-form textarea:disabled {

  background: #f0f1f2 !important;
  color: #8a9198 !important;

  opacity: 1 !important;

  cursor: not-allowed !important;
}


/* ---------------------------------------------------------
   15. DETAILS / COLLAPSIBLE ELEMENTS
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] details,
.webform-submission-register-now-form details {

  margin: 16px 0 !important;

  background: #ffffff !important;

  border: 1px solid #dfe3e8 !important;
  border-radius: 9px !important;

  overflow: hidden !important;
}


form[id*="webform-submission-register-now"] details summary,
.webform-submission-register-now-form details summary {

  padding: 13px 16px !important;

  background: #f7f8f9 !important;

  color: #263b56 !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  cursor: pointer !important;
}


/* ---------------------------------------------------------
   16. WEBFORM MESSAGES
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] .messages,
.webform-submission-register-now-form .messages {

  margin-bottom: 25px !important;
  padding: 15px 18px !important;

  border: 0 !important;
  border-radius: 9px !important;

  box-shadow: none !important;
}


/* ---------------------------------------------------------
   17. REMOVE EXCESS THEME EFFECTS
   --------------------------------------------------------- */

form[id*="webform-submission-register-now"] input,
form[id*="webform-submission-register-now"] select,
form[id*="webform-submission-register-now"] textarea,
form[id*="webform-submission-register-now"] button,

.webform-submission-register-now-form input,
.webform-submission-register-now-form select,
.webform-submission-register-now-form textarea,
.webform-submission-register-now-form button {

  font-family: inherit !important;
}


/* ---------------------------------------------------------
   18. TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

  form[id*="webform-submission-register-now"],
  .webform-submission-register-now-form {

    margin: 20px auto 40px auto !important;
    padding: 30px 28px !important;

    border-radius: 15px !important;
  }
}


/* ---------------------------------------------------------
   19. MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

  form[id*="webform-submission-register-now"],
  .webform-submission-register-now-form {

    margin: 12px 0 30px 0 !important;
    padding: 22px 17px !important;

    border-radius: 12px !important;

    box-shadow:
      0 6px 22px rgba(20, 35, 50, 0.07) !important;
  }


  form[id*="webform-submission-register-now"] fieldset,
  .webform-submission-register-now-form fieldset {

    margin: 24px 0 !important;
    padding: 20px 15px 5px 15px !important;

    border-radius: 11px !important;
  }


  form[id*="webform-submission-register-now"] fieldset legend,
  .webform-submission-register-now-form fieldset legend {

    font-size: 12px !important;
    line-height: 1.4 !important;

    white-space: normal !important;
  }


  form[id*="webform-submission-register-now"] input[type="text"],
  form[id*="webform-submission-register-now"] input[type="email"],
  form[id*="webform-submission-register-now"] input[type="tel"],
  form[id*="webform-submission-register-now"] select,
  form[id*="webform-submission-register-now"] textarea,

  .webform-submission-register-now-form input[type="text"],
  .webform-submission-register-now-form input[type="email"],
  .webform-submission-register-now-form input[type="tel"],
  .webform-submission-register-now-form select,
  .webform-submission-register-now-form textarea {

    font-size: 16px !important;
  }


  form[id*="webform-submission-register-now"] .form-submit,
  form[id*="webform-submission-register-now"] input[type="submit"],
  form[id*="webform-submission-register-now"] button[type="submit"],

  .webform-submission-register-now-form .form-submit,
  .webform-submission-register-now-form input[type="submit"],
  .webform-submission-register-now-form button[type="submit"] {

    width: 100% !important;
    min-width: 0 !important;
  }
}


/* ---------------------------------------------------------
   20. VERY SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 480px) {

  form[id*="webform-submission-register-now"],
  .webform-submission-register-now-form {

    padding: 19px 14px !important;
  }

}
/* 21. Genel Webform CSS'inden gelen gri .description kutusunu kaldır */
form[id*="webform-submission-register-now"] .description,
.webform-submission-register-now-form .description {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
form[id*="webform-submission-register-now"] .description:after,
.webform-submission-register-now-form .description:after {
  display: none !important;
}
/* 22. Form kartı: açık zemin + üst şerit + belirgin kenar ve gölge */
form[id*="webform-submission-register-now"],
.webform-submission-register-now-form {
  background: #f4f6f9 !important;
  border: 1px solid #d3dae2 !important;
  border-top: 6px solid #263b56 !important;
  box-shadow:
    0 6px 16px rgba(20, 35, 50, 0.07),
    0 24px 60px rgba(20, 35, 50, 0.12) !important;
}

/* 23. Alanlar beyaz, net kenarlıklı: kartın üstünde öne çıkar */
form[id*="webform-submission-register-now"] input[type="text"],
form[id*="webform-submission-register-now"] input[type="email"],
form[id*="webform-submission-register-now"] input[type="tel"],
form[id*="webform-submission-register-now"] input[type="number"],
form[id*="webform-submission-register-now"] select,
form[id*="webform-submission-register-now"] textarea,
.webform-submission-register-now-form input[type="text"],
.webform-submission-register-now-form input[type="email"],
.webform-submission-register-now-form input[type="tel"],
.webform-submission-register-now-form input[type="number"],
.webform-submission-register-now-form select,
.webform-submission-register-now-form textarea {
  background: #ffffff !important;
  border-color: #c5ced8 !important;
}

/* 24. Grup kutuları (Επίπεδο vb.) beyaz: açık zeminde ayrı bölüm gibi durur */
form[id*="webform-submission-register-now"] fieldset,
.webform-submission-register-now-form fieldset,
form[id*="webform-submission-register-now"] .webform-type-webform-terms-of-service,
.webform-submission-register-now-form .webform-type-webform-terms-of-service {
  background: #ffffff !important;
  border-color: #d3dae2 !important;
}