/* =========================================================
   TUM DOCTORAL DAY / TUMBLUE 2026
   COMPLETE CSS INJECTOR CODE
   ========================================================= */


/* =========================================================
   1. BASIC SETTINGS
   ========================================================= */

/* Technisches Node-Titelfeld ausblenden */
body.page-node-add-tum-doctoral-day-tumblue-2026
.form-item-title {
  display: none !important;
}

body.page-node-add-tum-doctoral-day-tumblue-2026
.tum-registration-title-spacer {
  height: 1em;
  margin: 0 0 1em 0;
  padding: 0;
}

#tum-doctoral-day-tumblue-2026-node-form {
  width: 1200px !important;
  max-width: 100% !important;

  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #00264d;
}

#tum-doctoral-day-tumblue-2026-node-form,
#tum-doctoral-day-tumblue-2026-node-form *,
#tum-doctoral-day-tumblue-2026-node-form *::before,
#tum-doctoral-day-tumblue-2026-node-form *::after {
  box-sizing: border-box !important;
}

#tum-doctoral-day-tumblue-2026-node-form label,
#tum-doctoral-day-tumblue-2026-node-form p,
#tum-doctoral-day-tumblue-2026-node-form span,
#tum-doctoral-day-tumblue-2026-node-form div {
  font-family: Arial, sans-serif;
}


/* =========================================================
   2. SALUTATION BOX
   ========================================================= */

#edit-field-tum-doctoral-day-and-tumbl {
  width: 100% !important;
  max-width: none !important;

  margin: 5px 0 24px 0 !important;
  padding: 0 !important;
}

#field-tum-doctoral-day-and-tumbl-add-more-wrapper {
  width: 100% !important;
  max-width: none !important;
}

#field-tum-doctoral-day-and-tumbl-add-more-wrapper > div {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 24px 28px !important;

  border: 2px solid #0072c6 !important;
  border-radius: 12px !important;
  background-color: #f4f9ff !important;
  box-shadow: none !important;

  color: #00264d !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#field-tum-doctoral-day-and-tumbl-add-more-wrapper h2 {
  margin: 0 0 9px 0 !important;

  color: #005293 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}

#field-tum-doctoral-day-and-tumbl-add-more-wrapper p {
  margin: 0 0 12px 0 !important;

  color: #00264d !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#field-tum-doctoral-day-and-tumbl-add-more-wrapper p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   3. CONTINUOUS OUTER REGISTRATION FRAME

   Every listed field is one consecutive part of the same
   outer box.
   ========================================================= */

#edit-field-reg-form-26,
#edit-field-tum-doctoral-day,
#edit-field-doctoral-day-location,
#edit-field-choose-act26,
#edit-field-keynote26,
#edit-field-keynote-markup,
#edit-field-coffee26,
#edit-field-coffee-and-connect-markup-,
#edit-field-workshop26,
#edit-field-workshop,
#edit-field-panel26,
#edit-field-panel-markup,
#edit-field-tumblue,
#edit-field-tumblue-markup,
#edit-field-tumblue-help,
#edit-field-ending-markup {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  margin: 0 !important;

  border-left: 2px solid #0072c6 !important;
  border-right: 2px solid #0072c6 !important;

  background-color: #f4f9ff !important;
}


/* Top of the continuous outer frame */
#edit-field-reg-form-26 {
  padding: 22px 28px 16px 28px !important;

  border-top: 2px solid #0072c6 !important;
  border-radius: 12px 12px 0 0 !important;
}


/* Bottom of the continuous outer frame */
#edit-field-ending-markup {
  margin-bottom: 24px !important;
  padding: 18px 28px 22px 28px !important;

  border-bottom: 2px solid #0072c6 !important;
  border-radius: 0 0 12px 12px !important;
}


/* =========================================================
   4. REGISTRATION FORM HEADING
   ========================================================= */

#field-reg-form-26-add-more-wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#field-reg-form-26-add-more-wrapper p {
  margin: 0 !important;
}

#field-reg-form-26-add-more-wrapper p:first-child {
  margin-bottom: 7px !important;

  color: #005293;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

#field-reg-form-26-add-more-wrapper p:nth-child(2) {
  color: #00264d;
  font-size: 13px;
  line-height: 1.5;
}


/* =========================================================
   5. EVENT AND ACTIVITY CARD TITLES

   These are the upper parts of combined cards.
   ========================================================= */

#edit-field-tum-doctoral-day,
#edit-field-keynote26,
#edit-field-coffee26,
#edit-field-panel26,
#edit-field-tumblue {
  padding: 7px 10px 0 10px !important;
}


/* Actual title area */
#edit-field-tum-doctoral-day > .form-item,
#edit-field-keynote26 > .form-item,
#edit-field-coffee26 > .form-item,
#edit-field-panel26 > .form-item,
#edit-field-tumblue > .form-item {
  width: 100% !important;

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

  border-top: 1px solid #a9c8e2 !important;
  border-right: 1px solid #a9c8e2 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #a9c8e2 !important;

  border-radius: 8px 8px 0 0 !important;
  background-color: #ffffff !important;
}


/* Stronger border for the two main events */
#edit-field-tum-doctoral-day > .form-item,
#edit-field-tumblue > .form-item {
  border-top-width: 2px !important;
  border-right-width: 2px !important;
  border-left-width: 2px !important;

  border-top-color: #0072c6 !important;
  border-right-color: #0072c6 !important;
  border-left-color: #0072c6 !important;
}


/* Checkboxes */
#edit-field-tum-doctoral-day input[type="checkbox"],
#edit-field-keynote26 input[type="checkbox"],
#edit-field-coffee26 input[type="checkbox"],
#edit-field-panel26 input[type="checkbox"],
#edit-field-tumblue input[type="checkbox"],
#edit-field-workshop26 input[type="checkbox"] {
  margin: 0 7px 0 0 !important;
  vertical-align: middle;

  accent-color: #0072c6;
}


/* Card titles */
#edit-field-tum-doctoral-day label.option,
#edit-field-keynote26 label.option,
#edit-field-coffee26 label.option,
#edit-field-panel26 label.option,
#edit-field-tumblue label.option {
  display: inline;

  margin: 0 !important;
  padding: 0 !important;

  color: #00264d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}


/* Main event titles */
#edit-field-tum-doctoral-day label.option,
#edit-field-tumblue label.option,
#edit-field-tumblue label.option big {
  color: #005293;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}


/* Selected option */
#tum-doctoral-day-tumblue-2026-node-form
input[type="checkbox"]:checked + label.option {
  color: #005293;
  font-weight: 700;
}


/* =========================================================
   6. TIME / LOCATION

   These are the lower parts of the same cards.
   ========================================================= */

#edit-field-doctoral-day-location,
#edit-field-keynote-markup,
#edit-field-coffee-and-connect-markup-,
#edit-field-panel-markup,
#edit-field-tumblue-markup {
  padding: 0 10px 8px 10px !important;
}


/* Always show the two main event detail fields */
#edit-field-doctoral-day-location,
#edit-field-tumblue-markup {
  display: block !important;
  visibility: visible !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  opacity: 1 !important;
  overflow: visible !important;
}


/* Exact markup wrappers from the supplied HTML */
#field-doctoral-day-location-add-more-wrapper,
#field-keynote-markup-add-more-wrapper,
#field-coffee-and-connect-markup-add-more-wrapper,
#field-panel-markup-add-more-wrapper,
#field-tumblue-markup-add-more-wrapper {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

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

  border-top: 0 !important;
  border-right: 1px solid #a9c8e2 !important;
  border-bottom: 1px solid #a9c8e2 !important;
  border-left: 1px solid #a9c8e2 !important;

  border-radius: 0 0 8px 8px !important;
  background-color: #ffffff !important;

  color: #405a70 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}


/* Stronger lower border for the main events */
#field-doctoral-day-location-add-more-wrapper,
#field-tumblue-markup-add-more-wrapper {
  border-right-width: 2px !important;
  border-bottom-width: 2px !important;
  border-left-width: 2px !important;

  border-right-color: #0072c6 !important;
  border-bottom-color: #0072c6 !important;
  border-left-color: #0072c6 !important;
}


/* Neutralize inner markup divs */
#field-keynote-markup-add-more-wrapper > div,
#field-coffee-and-connect-markup-add-more-wrapper > div,
#field-panel-markup-add-more-wrapper > div,
#field-tumblue-markup-add-more-wrapper > div {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}


/* Time / location paragraphs */
#field-doctoral-day-location-add-more-wrapper p,
#field-keynote-markup-add-more-wrapper p,
#field-coffee-and-connect-markup-add-more-wrapper p,
#field-panel-markup-add-more-wrapper p,
#field-tumblue-markup-add-more-wrapper p {
  margin: 0 0 3px 0 !important;
  padding: 0 !important;

  color: #405a70 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#field-doctoral-day-location-add-more-wrapper p:last-child,
#field-keynote-markup-add-more-wrapper p:last-child,
#field-coffee-and-connect-markup-add-more-wrapper p:last-child,
#field-panel-markup-add-more-wrapper p:last-child,
#field-tumblue-markup-add-more-wrapper p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   7. DOCTORAL DAY ACTIVITIES HEADING
   ========================================================= */

#edit-field-choose-act26 {
  padding: 18px 16px 10px 16px !important;
}

#field-choose-act26-add-more-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

#field-choose-act26-add-more-wrapper p:first-child {
  margin: 0 0 4px 0 !important;

  color: #005293;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

#field-choose-act26-add-more-wrapper p:nth-child(2) {
  margin: 0 !important;

  color: #405a70;
  font-size: 12.5px;
  line-height: 1.4;
}


/* =========================================================
   8. STANDALONE WORKSHOP CHECKBOX
   ========================================================= */

#edit-field-workshop26 {
  padding: 7px 10px 8px 10px !important;
}

#edit-field-workshop26 > .form-item {
  width: 100% !important;

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

  border: 1px solid #a9c8e2 !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
}

#edit-field-workshop26 label.option {
  display: inline;

  margin: 0 !important;
  padding: 0 !important;

  color: #00264d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}


/* =========================================================
   9. WORKSHOP OPTIONS
   ========================================================= */

#edit-field-workshop {
  padding: 4px 10px 10px 10px !important;
}

#edit-field-workshop > .form-item {
  margin: 0 !important;
  padding: 0 !important;
}

#edit-field-workshop > .form-item > label {
  display: block;

  margin: 0 0 4px 0 !important;

  color: #005293;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

#edit-field-workshop .description {
  margin: 0 0 8px 0 !important;

  color: #405a70;
  font-size: 12px;
  line-height: 1.4;
}


/* Hide “n. v.” */
#edit-field-workshop-und > .form-item:first-child {
  display: none !important;
}


/* Individual workshop card */
#edit-field-workshop-und > .form-type-radio {
  position: relative;
  display: block;

  width: 100% !important;

  margin: 0 0 8px 0 !important;
  padding: 11px 14px 11px 38px !important;

  border: 1px solid #a9c8e2 !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
}

#edit-field-workshop-und > .form-type-radio:last-child {
  margin-bottom: 0 !important;
}

#edit-field-workshop-und > .form-type-radio input[type="radio"] {
  position: absolute;

  top: 14px;
  left: 14px;

  margin: 0 !important;

  accent-color: #0072c6;
}

#edit-field-workshop-und > .form-type-radio label.option {
  display: block;

  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  color: #00264d;
  font-size: 12.5px;
  font-weight: normal;
  line-height: 1.4;
  cursor: pointer;
}

#edit-field-workshop-und .workshop-details {
  display: block;

  margin-top: 5px;

  color: #405a70;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
}


/* =========================================================
   10. TUMBLUE VOLUNTEER OPTIONS
   ========================================================= */

#edit-field-tumblue-help {
  padding: 6px 10px 12px 10px !important;
}

#edit-field-tumblue-help > .form-item {
  width: 100% !important;

  margin: 0 !important;
  padding: 13px 14px !important;

  border: 1px solid #a9c8e2 !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
}

#edit-field-tumblue-help > .form-item > label {
  display: block;

  margin: 0 0 10px 0 !important;

  color: #005293;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

#edit-field-tumblue-help .form-type-checkbox {
  position: relative;

  margin: 0 0 8px 0 !important;
  padding-left: 24px !important;
}

#edit-field-tumblue-help .form-type-checkbox:last-child {
  margin-bottom: 0 !important;
}

#edit-field-tumblue-help .form-type-checkbox input[type="checkbox"] {
  position: absolute;

  top: 2px;
  left: 0;

  margin: 0 !important;

  accent-color: #0072c6;
}

#edit-field-tumblue-help .form-type-checkbox label.option {
  display: block;

  margin: 0 !important;

  color: #00264d;
  font-size: 12.5px;
  font-weight: normal;
  line-height: 1.4;
}


/* =========================================================
   11. ENDING MARKUP
   ========================================================= */

#field-ending-markup-add-more-wrapper {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;
}

#field-ending-markup-add-more-wrapper > div {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 18px 0 0 0 !important;

  border: 0 !important;
  border-top: 1px solid #b7d3e9 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: #00264d !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

#field-ending-markup-add-more-wrapper p {
  margin: 0 0 9px 0 !important;

  color: #00264d !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

#field-ending-markup-add-more-wrapper p:empty {
  display: none !important;
}


/* =========================================================
   12. FORM BUTTON
   ========================================================= */

#tum-doctoral-day-tumblue-2026-node-form .form-actions {
  width: 100% !important;

  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

#tum-doctoral-day-tumblue-2026-node-form .form-actions .form-submit {
  padding: 9px 18px;

  border: 1px solid #005293;
  border-radius: 6px;
  background-color: #0072c6;

  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

#tum-doctoral-day-tumblue-2026-node-form .form-actions .form-submit:hover,
#tum-doctoral-day-tumblue-2026-node-form .form-actions .form-submit:focus {
  background-color: #005293;
}


/* =========================================================
   13. RESPONSIVE LAYOUT
   ========================================================= */

@media screen and (max-width: 1240px) {
  #tum-doctoral-day-tumblue-2026-node-form {
    width: 100% !important;
  }
}

@media screen and (max-width: 680px) {
  #edit-field-reg-form-26,
  #edit-field-ending-markup {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  #field-tum-doctoral-day-and-tumbl-add-more-wrapper > div {
    padding: 20px 18px !important;
  }
}