/* =============================================================
   GrowClad Job Widget — Styles
   All rules are namespaced under .bootstrap-iso to avoid
   leaking into the host page.
   ============================================================= */

/* ---- Job list header ---- */
.bootstrap-iso .header-row {
  border-bottom: 1px solid #80808085 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  padding: 10px 0 10px 3px !important;
}

/* ---- General content cells ---- */
.bootstrap-iso #jobList {
  font-family: inherit !important;
}

.bootstrap-iso .jobTitle {
  overflow-wrap: anywhere;
}

.bootstrap-iso .content {
  margin: auto !important;
  padding: 10px 0 10px 3px !important;
  font-size: 20px !important;
}

/* ---- Accordion rows ---- */
.bootstrap-iso .content-row {
  border-bottom: 1px solid #80808085 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  cursor: pointer !important;
  padding-bottom: 0 !important;
}

/* ---- Details section ---- */
.bootstrap-iso .details-row {
  border: 1px solid #d2d2d2 !important;
  padding: 15px 25px !important;
  background-color: rgba(235,235,235,0.3) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #686868 !important;
}

.bootstrap-iso .details_wrapper {
  margin-top: 20px !important;
}

/* ---- Details toggle button ---- */
.bootstrap-iso .details-button {
  padding: 10px 20px !important;
  font-size: 15px !important;
}

.bootstrap-iso .details-button-col {
  display: flex !important;
  justify-content: flex-end !important;
}

/* ---- Apply button (brand color) ---- */
.bootstrap-iso .btnApplyNow {
  padding: 10px 20px !important;
  font-size: 20px !important;
  margin-bottom: 10px !important;
  margin-top: 5px !important;
}

.bootstrap-iso .companyColor {
  background-color: #95c11f !important;
  color: #fff !important;
}

.bootstrap-iso .companyColor:hover {
  background-color: #95c11f95 !important;
}

/* ---- Job ID span inside "Jetzt Bewerben" ---- */
.bootstrap-iso .jobIdSpan {
  opacity: 0.75 !important;
  font-size: 14px !important;
}

/* ---- Language toggle & expand/collapse row ---- */
.bootstrap-iso #toggleButtonRow,
.bootstrap-iso .buttonText {
  text-align: right !important;
}

.bootstrap-iso #ToggleLanguage {
  background-color: #1C1C1C !important;
  font-size: 15px !important;
}

.bootstrap-iso #toggleExpandCollapse {
  font-size: 17px !important;
  padding-left: 45px !important;
  padding-right: 45px !important;
  font-weight: bold !important;
}

/* ---- Bootstrap 5 accordion overrides ---- */
.bootstrap-iso .accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}

/* ---- Apply section ---- */
.bootstrap-iso #applyNow {
  padding-top: 30px;
  padding-bottom: 30px;
}