:root {
  --color-accent: #bf9151;
  --color-headings: #2c3a3a;
  --color-text: #565656;
  --color-white: #ffffff;
  --color-light-gray: #f8f8f8;
  --color-borders: #e5e5ea;
  --font-ui: "Outfit", system-ui, sans-serif;
  --font-size-h2: 2.5rem;
  --font-size-h3: 1.5rem;
  --font-size-big: 1.125rem;
  --font-size-medium: 1rem;
  --font-size-small: 0.75rem;
  --font-size-buttons: 1rem;
  --font-weight-headings: 300;
  --font-weight-text: 400;
  --font-weight-buttons: 700;
  --line-height: 1.4em;
  --line-height-buttons: 1.4em;
}

body {
  background-color: #ffffff;
  color: var(--color-text);
  font-family: var(--font-ui) !important;
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-text);
  line-height: var(--line-height);

  * {
    color: inherit;
  }

  .present,
  .success-green {
    color: green !important;
  }

  .absent,
  .alert-danger {
    color: #ff383c !important;
  }

  td b {
    font-weight: 400 !important;
  }

  select {
    margin: 0 auto;
    padding: 0.625rem 1rem;
    border: none;
    border-radius: 100rem;
    background: var(--color-white);
    color: var(--color-text) !important;
  }

  input:disabled,
  select:disabled,
  textarea:disabled {
    opacity: 0.75 !important;
    cursor: not-allowed !important;
  }

  &:has(#legacy-nuke-wrapper) {
    .main-header,
    .orange-section,
    #contact-form,
    .footer-menu {
      display: none;
    }

    * {
      font-family: var(--font-ui) !important;
      color: inherit;
    }

    .form-control {
      font-weight: 400;
    }

    .header {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1.5rem;
      padding: 1rem max(2.5rem, (100dvw - 90rem) / 2);
      background-color: var(--color-light-gray);

      img {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        width: 6rem;
        height: auto;
        transition: 200ms;
      }

      nav {
        position: relative;
        display: flex;
        align-items: center;
        gap: 2.5rem;
      }

      .sm {
        position: relative;
        display: flex;
        align-items: center;
        gap: 1rem;
      }

      .sm svg {
        width: 1.25rem;
        height: 1.25rem;

        * {
          color: var(--color-headings);
        }
      }

      #main-menu-button {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 4rem;
        align-items: center;
        gap: 1rem;
        padding: 0;
        outline: none;
        border: none;
        background: transparent;
        color: var(--color-headings);
        font-size: var(--font-size-big);
        line-height: var(--line-height);
        cursor: pointer;
        user-select: none;

        span {
          position: relative;
          display: grid;
          place-content: center;
          aspect-ratio: 1 / 1;
          border-radius: 100rem;
          background-color: var(--color-white);
        }

        svg {
          width: 2.5rem;
          height: 2.5rem;
          transition: 150ms linear;

          * {
            color: var(--color-accent);
          }
        }

        svg:nth-of-type(2) {
          position: absolute;
          left: 0.75rem;
          top: 0.75rem;
          opacity: 0;
        }
      }

      #main-menu-dropdown {
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        display: grid;
        grid-template-rows: 1fr;
        width: 20rem;
        padding: 4.75rem 2.5rem 1rem 2.5rem;
        border-radius: 2.5rem;
        box-shadow: 30px 30px 30px 0px #00000014;
        background-color: var(--color-white);
        transition: 150ms linear !important;

        * {
          min-height: 0;
        }

        ul {
          list-style-type: none;
          display: grid;
          gap: 0.75rem;
          margin: 0;
          padding: 0;
        }

        li {
          margin-bottom: 0;
          text-align: right;
        }

        li:not(:last-child) {
          padding-bottom: 0.75rem;
          border-bottom: 1px solid #e5e5ea;
        }

        a {
          color: var(--color-text);
          font-size: var(--font-size-big);
          line-height: var(--line-height);
          text-decoration: none;
          transition: 200ms;
        }

        a:hover {
          color: var(--color-accent);
        }
      }

      #main-menu-dropdown:not(.main-menu-opened) {
        grid-template-rows: 0fr;
        padding-block: 0;
        opacity: 0;
        pointer-events: none;
      }

      .main-menu-opened ~ #main-menu-button {
        svg:nth-of-type(1) {
          opacity: 0;
        }

        svg:nth-of-type(2) {
          opacity: 1;
        }
      }

      @media (width < 48rem) {
        padding: 1rem;

        &:has(.main-menu-opened) img {
          top: 0.5rem;
          left: 0.5rem;
        }

        img {
          width: 4rem;
        }

        .sm {
          display: none;
        }

        #main-menu-dropdown {
          width: calc(100dvw - 2rem);
          border-radius: 2rem;
        }
      }
    }

    .hero {
      display: grid;
      gap: 1.5rem;
      padding: 2rem max(2.5rem, (100dvw - 90rem) / 2);

      div {
        display: flex;
        align-items: center;
        gap: 1rem;

        * {
          color: #c7c7cc;
          font-size: var(--font-size-small);
          line-height: var(--line-height);
          text-decoration: none;
        }
      }

      p {
        margin: 0;
        color: var(--color-headings);
        font-size: 4.25rem;
        font-weight: var(--font-weight-headings);
        line-height: 1.2em;
      }
    }

    .hero-nav {
      padding: 0 max(2.5rem, (100dvw - 90rem) / 2) 3rem;

      ul {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem 2rem;
        padding: 0;
        margin: 0;
      }

      li {
        flex-shrink: 0;
        margin: 0;
      }

      a {
        color: #abb0b0;
        font-size: var(--font-size-h3);
        font-weight: var(--font-weight-headings);
        line-height: var(--line-height);
      }

      a:hover {
        color: #2c3a3a;
        text-decoration: none;
      }
    }

    @media (width < 48rem) {
      .hero {
        padding: 1.5rem 1rem;

        p {
          font-size: 2.5rem;
          line-height: 1.2em;
        }
      }

      .hero-nav {
        padding: 0 1rem 1rem;

        ul {
          overflow-x: auto;
          flex-wrap: nowrap;
          gap: 1rem 1.5rem;
          padding-bottom: 1rem;
        }
      }
    }

    .footer {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 2.5rem;
      padding: 6.25rem max(2.5rem, (100dvw - 90rem) / 2);

      > div,
      nav {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        width: fit-content;

        > p:first-of-type {
          color: var(--color-headings);
          font-size: var(--font-size-h3);
          font-weight: var(--font-weight-headings);
          line-height: 1.2em;
        }
      }

      p {
        margin: 0;
      }

      .footer-about {
        img {
          width: 8rem;
        }

        p {
          max-width: 19.25rem;
        }

        div {
          display: flex;
          align-items: center;
          gap: 1rem;

          svg {
            width: 1.25rem;
            height: 1.25rem;
          }
        }
      }

      .footer-contact {
        flex-shrink: 0;

        address {
          margin: 0;
          font-style: normal;
        }

        p:last-child {
          font-size: var(--font-size-small);
          line-height: var(--line-height);
        }
      }

      .footer-info,
      .footer-locations {
        ul {
          list-style-type: none;
          display: grid;
          justify-items: start;
          gap: 1rem;
          margin: 0;
          padding: 0;
        }

        li {
          margin: 0;
        }

        a:hover {
          color: var(--color-headings);
          text-decoration: none;
        }
      }

      .credits {
        flex-shrink: 0;
        width: fit-content;
        color: var(--color-text);
        font-size: var(--font-size-small);
        line-height: var(--line-height);
        text-align: right;

        a {
          font-size: var(--font-size-small);
          line-height: var(--line-height);
          color: var(--color-accent);
          text-decoration: none;
        }
      }

      .icon-box {
        display: flex;
        align-items: center;
        gap: 1rem;

        svg {
          flex-shrink: 0;
          width: 1.5rem;
          height: 1.5rem;
        }

        p {
          display: grid;
        }

        a {
          color: var(--color-text);
          font-size: var(--font-size-big);
          line-height: var(--line-height);
        }

        a:hover {
          color: var(--color-text);
          text-decoration: none;
        }
      }

      @media (width <=64rem) {
        flex-direction: column;
        padding: 4.5rem 2.5rem;

        .credits {
          text-align: left;
        }
      }

      @media (width < 48rem) {
        padding: 2rem 1rem;
      }
    }
  }

  &:has(.login-section) {
    .hero-nav {
      display: none;
    }
  }

  .test .d-flex:has(> select[name="limit"]) {
    align-items: center;
    gap: 1rem;
  }

  .test select {
    width: fit-content !important;
    height: unset !important;
    padding: 0.625rem 1rem !important;
    border: none !important;
    border-radius: 100rem !important;
    background: var(--color-white) !important;
    color: var(--color-text) !important;
    font-weight: 400 !important;
  }
}

/* Ogólne resety i ustawienia  */
#legacy-nuke-wrapper {
  display: contents;
  accent-color: var(--color-accent);

  .container {
    width: 100%;
    max-width: unset;
    margin: 0;
    padding: 6.25rem max(2.5rem, (100dvw - 90rem) / 2);
  }

  a,
  button {
    transition: 200ms;
  }

  @media (width < 48rem) {
    .container {
      padding: 4.5rem 1rem;
    }
  }
}

/* Zaznaczanie linków nawigazyjnych  */

.slug-pl-moje-zajecia,
[class|="slug-pl-student-zone"] {
  .hero-nav li:nth-of-type(1) a {
    color: var(--color-headings) !important;
    text-decoration: 1px solid underline;
  }
}

.slug-pl-materialy-dydaktyczne,
.slug-pl-e-learning,
.slug-pl-syllabus,
.slug-pl-materialy-do-seminariow,
.slug-pl-materialy-dla-przedmiotu,
.slug-pl-quiz {
  .hero-nav li:nth-of-type(2) a {
    color: var(--color-headings) !important;
    text-decoration: 1px solid underline;
  }
}

.slug-pl-moje-egzaminy {
  .hero-nav li:nth-of-type(3) a {
    color: var(--color-headings) !important;
    text-decoration: 1px solid underline;
  }
}

.slug-pl-moje-platnosci {
  .hero-nav li:nth-of-type(4) a {
    color: var(--color-headings) !important;
    text-decoration: 1px solid underline;
  }
}

.slug-pl-moje-powiadomienia {
  .hero-nav li:nth-of-type(6) a {
    color: var(--color-headings) !important;
    text-decoration: 1px solid underline;
  }
}

.slug-pl-moj-profil {
  .hero-nav li:nth-of-type(5) a {
    color: var(--color-headings) !important;
    text-decoration: 1px solid underline;
  }
}

#legacy-nuke-wrapper .login-section {
  padding: 0;
  background: #f8f8f8;
  animation: none;

  .container {
    display: grid;
    justify-content: center;
    gap: 2.5rem;
  }

  h5,
  .vertical-line {
    display: none;
  }

  h1 {
    margin: 0;
    color: var(--color-headings);
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-headings);
    line-height: var(--line-height);
  }

  .login-form {
    display: grid;
    gap: 1.5rem;
    width: min(42rem, 100dvw - 2rem);
    max-width: unset;
    margin: 0;
    padding: 2.5rem 0 0;
    border-top: 1px solid var(--color-borders);
    background: none;
    font-size: var(--font-size-medium);
    line-height: var(--line-height);

    * {
      margin: 0 !important;
    }
  }

  .form-group {
    display: grid;
    gap: 0.625rem;
  }

  .form-submit {
    display: flex;
    justify-content: center;
  }

  label {
    color: var(--color-headings);
  }

  input {
    padding: 0.625rem 1rem;
    border: none;
    border-radius: 100rem;
    background: var(--color-white);
    color: var(--color-text) !important;
  }

  button {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: unset;
    padding: 1rem 1.5rem;
    border-radius: 100rem;
    background: var(--color-accent);
    color: var(--color-white);
    font-size: var(--font-size-buttons);
    font-weight: var(--font-weight-buttons);
    line-height: var(--line-height-buttons);
  }

  button::after {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
    background-size: 1rem 1rem;
    background-position: center center;
    background-repeat: no-repeat;
    filter: invert(1);
  }

  button:hover {
    scale: 1.04;
  }

  a {
    color: var(--color-accent) !important;
  }

  .alert {
    justify-self: center;
    padding: 1rem;
    border-radius: 1.25rem;
    text-align: center;
  }
}

#legacy-nuke-wrapper.slug-pl-moje-zajecia {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .zone-content {
      width: min(60rem, 100dvw - 5rem);
      padding-block: 0 !important;
    }

    table {
      margin: 0;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    tr {
      display: flex;
      align-items: center;
      gap: 2rem;
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 2.5rem;
      background: var(--color-white);
    }

    td {
      padding: 0;
      border: none !important;
    }

    td:first-child {
      width: 5rem;
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    td:nth-child(2) {
      flex-grow: 1;
    }

    td:first-child,
    td:nth-child(3),
    td:last-child {
      flex-shrink: 0;
    }

    .present,
    .success-green {
      color: green;
    }

    .absent {
      color: #ff383c;
    }

    a.btn {
      display: flex;
      align-items: center;
      gap: 1rem;
      min-width: unset;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      border: 1px solid var(--color-accent);
      background: transparent;
      color: var(--color-accent);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    a.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
        brightness(99%) contrast(88%);
      transition: 200ms;
    }

    a.btn:hover {
      background: var(--color-accent);
      color: var(--color-white);
      scale: 1.04;

      &::after {
        filter: invert(1);
      }
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }

      tr {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
      }

      td {
        width: fit-content !important;
        text-align: center;
      }
    }
  }
}

#legacy-nuke-wrapper[class|="slug-pl-student-zone"],
#legacy-nuke-wrapper.slug-pl-metody-kliniczne,
#legacy-nuke-wrapper.slug-pl-clinical-approach-to-the-spine {
  .zone-section {
    padding: 0 !important;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .zone-content {
      display: grid;
      gap: 4rem;
      width: min(60rem, 100dvw - 5rem);
      padding-block: 0 !important;
    }

    .col-banner-block:empty,
    .col-banner-block:not(:has(*)) {
      display: none;
    }

    .row {
      margin: 0 !important;

      .col-12 {
        display: grid;
        gap: 0.625rem;
        padding: 0;

        * {
          margin: 0;
        }
      }
    }

    h4 {
      margin-bottom: 0.75rem !important;
      color: var(--color-headings);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .team-member {
      padding: 0;

      img {
        width: 150px;
        height: 150px;
        margin-bottom: 0.75rem !important;
      }

      h4 {
        font-weight: 700;
        text-transform: none;
      }
    }

    .table-responsive:not(:has(tr)) {
      display: none;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    tr {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
      padding: 1rem;
      border: none;
      border-radius: 2.5rem;
      background: var(--color-white);
    }

    td {
      padding: 0;
      border: none !important;
    }

    .present,
    .success-green {
      color: green;
    }

    .absent {
      color: #ff383c;
    }

    a.btn {
      display: flex;
      align-items: center;
      gap: 1rem;
      width: fit-content;
      min-width: unset;
      margin: 0 auto !important;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      border: 1px solid var(--color-accent);
      background: transparent;
      color: var(--color-accent);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    a.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
        brightness(99%) contrast(88%);
      transition: 200ms;
    }

    a.btn:hover {
      background: var(--color-accent);
      color: var(--color-white);
      scale: 1.04;

      &::after {
        filter: invert(1);
      }
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }

      tr {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
      }

      td {
        width: fit-content !important;
        text-align: center;
      }
    }
  }
}

#legacy-nuke-wrapper .modal {
  padding: 1rem;

  .modal-content {
    padding: 2rem;
    border: none;
    border-radius: 1.5rem;
    background-color: var(--color-light-gray);
  }

  .modal-body,
  .close {
    padding: 0;
  }

  .close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1rem;
    height: 1rem;

    &::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M208.49 191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51 64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145 128Z'/%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    img {
      display: none;
    }
  }

  .row,
  .mt-3,
  .mb-3,
  .table {
    margin: 0 !important;
  }

  form {
    display: grid;
    gap: 1.5rem;

    > div:last-of-type {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.625rem 1.5rem;

      div {
        flex-basis: 0;
      }
    }
  }

  div:has(> a, > button) {
    padding: 0;
  }

  button:not(.close),
  a.btn {
    display: flex !important;
    align-items: center;
    gap: 1rem;
    width: fit-content;
    min-width: unset;
    margin: 0 auto !important;
    padding: 1rem 1.5rem;
    border-radius: 100rem;
    background: var(--color-accent);
    color: var(--color-white);
    font-size: var(--font-size-buttons);
    font-weight: var(--font-weight-buttons);
    line-height: var(--line-height-buttons);
  }

  button:not(.close)::after,
  a.btn::after {
    content: "";
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
    background-size: 1rem 1rem;
    background-position: center center;
    background-repeat: no-repeat;
    filter: invert(1);
  }

  button:hover,
  a.btn:hover {
    scale: 1.04;
  }

  table tbody {
    display: grid;
    gap: 0.625rem;
    color: var(--color-headings);
  }

  tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 1rem;
    border: none;
    border-radius: 2.5rem;
    background: var(--color-white);
  }

  td {
    padding: 0;
    border: none !important;
  }

  .rate {
    height: fit-content;
    padding: 0;
  }

  .rate label {
    margin: 0;
  }

  .rate input:checked ~ label {
    color: #ffc700;
  }

  .rate:not(:checked) > label:hover,
  .rate:not(:checked) > label:hover ~ label {
    color: #deb217;
  }
}

#legacy-nuke-wrapper.slug-pl-materialy-dydaktyczne,
#legacy-nuke-wrapper.slug-pl-e-learning,
#legacy-nuke-wrapper.slug-pl-syllabus,
#legacy-nuke-wrapper.slug-pl-materialy-do-seminariow,
#legacy-nuke-wrapper.slug-pl-materialy-dla-przedmiotu {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .zone-content {
      width: min(60rem, 100dvw - 5rem);
      padding-block: 0 !important;
    }

    table {
      margin: 0;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    tr {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 2.5rem;
      background: var(--color-white);
    }

    td {
      flex-shrink: 0;
      padding: 0;
      border: none !important;
    }

    td:first-child * {
      font-size: var(--font-size-big);
      line-height: var(--line-height);
    }

    .absent {
      color: #ff383c;
    }

    a.btn {
      display: flex;
      align-items: center;
      gap: 1rem;
      min-width: unset;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      border: 1px solid var(--color-accent);
      background: transparent;
      color: var(--color-accent);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    a.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
        brightness(99%) contrast(88%);
      transition: 200ms;
    }

    a.btn:hover {
      background: var(--color-accent);
      color: var(--color-white);
      scale: 1.04;

      &::after {
        filter: invert(1);
      }
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }

      tr {
        flex-direction: column;
        gap: 1.25rem;
        padding: 1.5rem 1rem;
      }

      td {
        width: fit-content !important;
        text-align: center;
      }
    }
  }
}

#legacy-nuke-wrapper.slug-pl-quiz {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .quiz-part,
    .result-part {
      width: min(60rem, 100dvw - 5rem);
    }

    .quiz-part {
      display: grid;
      gap: 2.5rem;
    }

    .result-part {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      margin: 0 !important;
      padding: 0 !important;

      p,
      .result {
        margin: 0;
        font-size: var(--font-size-big);
      }

      a:first-of-type {
        margin-top: 1.875rem !important;
      }
    }

    .zone-content {
      margin: 0 !important;
      padding: 0 !important;
    }

    .bordered-box {
      margin: 0 !important;
      padding: 0;
      border: none;
      text-align: center;

      p {
        color: var(--color-headings);
        font-size: var(--font-size-big);
      }
    }

    #quiz-form {
      display: grid;
      gap: 2.5rem;
    }

    .question {
      display: grid;
      gap: 1rem;
      margin: 0 !important;
      padding: 1.5rem;
      border-bottom-right-radius: 5rem;
      background: var(--color-white);

      h5 {
        display: block;
        margin: 0;
        font-size: var(--font-size-big);
        font-weight: 700;
        line-height: var(--line-height);
        letter-spacing: 0;
        text-transform: none;
      }

      > div {
        margin: 0 !important;
      }
    }

    .custom-control-label::before {
      top: 50%;
      translate: 0 -50%;
      border: 1px solid var(--color-headings);
      border-radius: 0;
    }

    .custom-control-input:checked + label::before {
      border-color: var(--color-accent);
    }

    button,
    a.btn {
      display: flex !important;
      align-items: center;
      gap: 1rem;
      width: fit-content;
      min-width: unset;
      margin: 0 auto !important;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      background: var(--color-accent);
      color: var(--color-white);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    button::after,
    a.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(1);
    }

    button:hover,
    a.btn:hover {
      scale: 1.04;
    }

    @media (width < 48rem) {
      .quiz-part,
      .result-part {
        width: calc(100dvw - 2rem);
      }
    }
  }
}

#legacy-nuke-wrapper.slug-pl-moje-egzaminy {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    select {
      margin: 0 auto;
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 100rem;
      background: var(--color-white);
      color: var(--color-text) !important;
    }

    .student-exam-list-container {
      .col-12 {
        padding: 0 !important;
      }

      p {
        margin: 0;
      }
    }

    .zone-content {
      width: min(60rem, 100dvw - 5rem);
      padding: 0 !important;
    }

    h2 {
      margin-bottom: 2.5rem;
      padding-top: 2.5rem;
      border-top: 1px solid var(--color-borders);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings) !important;
      line-height: var(--line-height);
      text-align: center;
    }

    .zone-content:not(:first-of-type) h2 {
      margin-top: 2.5rem;
    }

    table {
      margin: 0;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    tr {
      display: grid;
      grid-template-columns: 2rem minmax(16rem, 1fr) 10rem;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 2.5rem;
      background: var(--color-white);
    }

    tr:has(td:nth-of-type(4)) {
      grid-template-columns: 4rem 2rem 6rem 4rem 6rem 4rem;

      &:first-of-type {
        border: 1px solid #e5e5ea;
      }
    }

    th,
    td {
      padding: 0;
      border: none !important;
    }

    .present,
    .success-green {
      color: green;
    }

    .absent {
      color: #ff383c;
    }

    a.btn {
      display: flex;
      align-items: center;
      gap: 1rem;
      width: fit-content;
      min-width: unset;
      margin: 0 auto !important;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      border: 1px solid var(--color-accent);
      background: transparent;
      color: var(--color-accent);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    a.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
        brightness(99%) contrast(88%);
      transition: 200ms;
    }

    a.btn:hover {
      background: var(--color-accent);
      color: var(--color-white);
      scale: 1.04;

      &::after {
        filter: invert(1);
      }
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }
    }
  }
}

#legacy-nuke-wrapper.slug-pl-egzamin {
  .zone-section {
    padding: 0 !important;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    select {
      margin: 0 auto;
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 100rem;
      background: var(--color-white);
      color: var(--color-text) !important;
    }

    .zone-content {
      width: min(60rem, 100dvw - 5rem);
      padding-block: 0 !important;
    }

    .row {
      margin: 0 !important;

      .col-12 {
        display: grid;
        gap: 0.625rem;
        padding: 0;

        * {
          margin: 0;
        }
      }
    }

    h2.orange {
      margin-bottom: 2.5rem;
      padding-top: 2.5rem;
      border-top: 1px solid var(--color-borders);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings) !important;
      line-height: var(--line-height);
      text-align: center;
    }

    .zone-content:not(:first-of-type) h2 {
      margin-top: 2.5rem;
    }

    h4 {
      margin-bottom: 0.75rem !important;
      color: var(--color-headings);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .table {
      margin: 0;
    }

    .table-responsive:not(:has(tr)) {
      display: none;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    tr {
      display: grid;
      grid-template-columns: 8rem minmax(12rem, 1fr) 16rem 12rem;
      align-items: center;
      padding: 1rem;
      border: none;
      border-radius: 2.5rem;
      background: var(--color-white);
    }

    td,
    th {
      padding: 0;
      border: none !important;
    }

    a.btn {
      display: flex;
      align-items: center;
      gap: 1rem;
      width: fit-content;
      min-width: unset;
      margin: 0 auto !important;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      border: 1px solid var(--color-accent);
      background: transparent;
      color: var(--color-accent);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    a.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
        brightness(99%) contrast(88%);
      transition: 200ms;
    }

    a.btn:hover {
      background: var(--color-accent);
      color: var(--color-white);
      scale: 1.04;

      &::after {
        filter: invert(1);
      }
    }

    .team-member {
      padding: 0;
    }

    .text-uppercase {
      text-transform: none !important;
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }
    }
  }
}

#legacy-nuke-wrapper.slug-pl-nowy-egzamin-asystent,
#legacy-nuke-wrapper.slug-pl-szczegoly-egzaminu-asystent {
  section.breadcrumbs {
    display: none;
  }

  .zone-section {
    padding: 0 !important;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    input[type="text"],
    select,
    textarea {
      margin: 0 auto;
      padding: 0.625rem 1rem;
      border: none;
      background: var(--color-white);
      color: var(--color-text) !important;
    }

    input[type="text"],
    select {
      border-radius: 100rem;
    }

    textarea {
      min-height: 8rem;
      border-radius: 1.25rem;
    }

    ::placeholder {
      color: var(--color-text) !important;
    }

    .custom-control-label::before {
      top: 50%;
      translate: 0 -50%;
      border: 1px solid var(--color-headings);
      border-radius: 0;
    }

    .custom-control-input:checked + label::before {
      border-color: var(--color-accent);
    }

    .zone-content {
      width: min(60rem, 100dvw - 5rem);
      padding-block: 0 !important;
    }

    .row {
      margin: 0 !important;

      .col-12 {
        display: grid;
        gap: 1.5rem;
        padding: 0;

        * {
          margin: 0;
        }
      }
    }

    h2.orange {
      margin-block: 2.5rem;
      padding-top: 2.5rem;
      border-top: 1px solid var(--color-borders);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings) !important;
      line-height: var(--line-height);
      text-align: center;
    }

    .zone-content:nth-of-type(2) h2 {
      margin-top: 0;
    }

    h4 {
      margin-bottom: 0.75rem !important;
      color: var(--color-headings);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .table {
      margin: 0;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    .zone-content {
      &:nth-of-type(2) tr {
        grid-template-columns: minmax(20rem, 1fr) 4rem 12rem 8rem;
      }

      &:nth-of-type(5) tr {
        grid-template-columns: 14rem 6rem minmax(20rem, 1fr);
      }
    }

    form[action="/app/student/new/exam"]:not(
        :has(input[name="practice"][value="on"])
      ),
    .container:has(td h1) {
      tr {
        grid-template-columns: 10rem 1rem 10rem;
      }

      td h1 {
        margin: 0;
        font-size: 1.5rem;
        line-height: 1.3em;
      }

      h2 {
        margin-top: 0;
      }
    }

    tr {
      display: grid;
      align-items: center;
      gap: 1rem;
      padding: 1rem;
      border: none;
      border-radius: 2.5rem;
      background: var(--color-white);
    }

    td,
    th {
      padding: 0;
      border: none !important;

      input[type="text"],
      textarea,
      select {
        background: var(--color-light-gray) !important;
      }
    }

    th a {
      color: var(--color-text) !important;
      pointer-events: none;
    }

    textarea[name="comment"] {
      margin-block: 2.5rem;
    }

    a.btn,
    button.btn {
      display: flex;
      align-items: center;
      gap: 1rem;
      width: fit-content;
      min-width: unset;
      margin: 0 auto !important;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      border: 1px solid var(--color-accent);
      background: transparent;
      color: var(--color-accent);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    a.btn::after,
    button.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
        brightness(99%) contrast(88%);
      transition: 200ms;
    }

    a.btn:hover,
    button.btn:hover {
      background: var(--color-accent);
      color: var(--color-white);
      scale: 1.04;

      &::after {
        filter: invert(1);
      }
    }

    .team-member {
      padding: 0;
    }

    .text-uppercase {
      text-transform: none !important;
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }
    }
  }
}

#legacy-nuke-wrapper.slug-pl-moje-platnosci {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;

      &:has(table) {
        justify-content: normal;
      }
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    h4 {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 2.5rem;
      border-top: 1px solid var(--color-borders);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
      text-align: center;
    }

    p {
      margin-bottom: 0;
    }

    h4 + .text-left {
      display: grid;
      gap: 0.625rem;
      justify-content: center;
      text-align: center;

      label {
        margin: 0;
        text-align: center;
      }
    }

    select {
      width: 16rem;
      margin: 0 auto;
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 100rem;
      background: var(--color-white);
      color: var(--color-text) !important;
    }

    table {
      margin: 0;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    tr {
      display: grid;
      grid-template-columns: 2rem 8rem 6rem 9rem;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 2.5rem;
      background: var(--color-white);
    }

    td {
      padding: 0;
      border: none !important;

      &:has(i) {
        line-height: 1em;
      }
    }

    td i::before {
      content: "";
      display: block;
      width: 2rem;
      height: 2rem;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath fill='%23BF9151' d='M224 152a8 8 0 0 1-8 8h-24v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h32a8 8 0 0 1 8 8M92 172a28 28 0 0 1-28 28h-8v8a8 8 0 0 1-16 0v-56a8 8 0 0 1 8-8h16a28 28 0 0 1 28 28m-16 0a12 12 0 0 0-12-12h-8v24h8a12 12 0 0 0 12-12m88 8a36 36 0 0 1-36 36h-16a8 8 0 0 1-8-8v-56a8 8 0 0 1 8-8h16a36 36 0 0 1 36 36m-16 0a20 20 0 0 0-20-20h-8v40h8a20 20 0 0 0 20-20M40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 0 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.69L160 51.31Z'/%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }

    a.btn {
      display: flex;
      align-items: center;
      gap: 1rem;
      width: fit-content;
      min-width: unset;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      border: 1px solid var(--color-accent);
      background: transparent;
      color: var(--color-accent);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    a.btn::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
        brightness(99%) contrast(88%);
      transition: 200ms;
    }

    a.btn:hover {
      background: var(--color-accent);
      color: var(--color-white);
      scale: 1.04;

      &::after {
        filter: invert(1);
      }
    }

    @media (width < 48rem) {
      tr {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
      }

      td {
        width: fit-content !important;
        text-align: center;
      }
    }
  }
}

#legacy-nuke-wrapper.slug-pl-moje-powiadomienia {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .zone-content {
      width: min(60rem, 100dvw - 5rem);
      margin: 0 !important;
      padding: 0 !important;

      &:not(:has(tr)) {
        display: none;
      }
    }

    table {
      margin: 0;
    }
  }
}

#legacy-nuke-wrapper.slug-pl-moj-profil {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .zone-content {
      width: 100%;
      margin: 0 !important;
      padding: 0 !important;

      * {
        margin: 0;
      }
    }

    .zone-content > .row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.5rem 6.25rem;

      & > div {
        max-width: 100%;
      }
    }

    .col-12 {
      padding: 0;
    }

    #avatar-form {
      margin-bottom: 2.5rem;
    }

    #profile-container p {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      width: fit-content;
      margin: 2.5rem auto 0 !important;
      color: var(--color-accent);
      cursor: pointer;
      transition: 200ms;

      &::before {
        content: "";
        width: 1rem;
        height: 1rem;
        background-image: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/edit.svg);
        background-size: cover;
        background-position: center center;
        filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
          brightness(99%) contrast(88%);
      }

      &:hover {
        scale: 1.04;
      }

      i {
        display: none;
      }
    }

    #profile-container + input {
      display: none;
    }

    h4 {
      margin-bottom: 1.5rem !important;
      padding-top: 2.5rem;
      border-top: 1px solid var(--color-borders);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    tr {
      background: transparent !important;
    }

    td {
      padding-left: 0 !important;
      border-color: var(--color-borders);
    }

    tr:first-child td {
      border-top: none !important;
    }

    form > .row {
      display: grid;
      gap: 1.5rem;
      font-size: var(--font-size-medium);
      line-height: var(--line-height);

      * {
        margin: 0;
      }
    }

    form > .row .col-12 {
      display: grid;
      gap: 0.625rem;
    }

    form > .alert {
      width: 100%;
      margin-bottom: 1.5rem;
      padding: 0;
      border: none;
      text-align: left;
    }

    form > .row > label {
      input {
        margin-right: 0.25rem;
      }

      a {
        color: var(--color-headings);
        text-decoration: 1px solid underline;
      }

      a:hover {
        color: var(--color-accent);
      }
    }

    label {
      color: var(--color-headings);
    }

    input {
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 100rem;
      background: var(--color-white);
      color: var(--color-text) !important;
    }

    button {
      display: flex;
      align-items: center;
      gap: 1rem;
      width: fit-content;
      min-width: unset;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      background: var(--color-accent);
      color: var(--color-white);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    button::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(1);
    }

    button:hover {
      scale: 1.04;
    }

    .alert {
      justify-self: center;
      padding: 1rem;
      border-radius: 1.25rem;
      text-align: center;
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }

      .zone-content > .row {
        grid-template-columns: 1fr;
      }
    }
  }
}

#legacy-nuke-wrapper.slug-pl-konto {
  .zone-section {
    padding: 0;
    background: #f8f8f8;
    animation: none;

    .container {
      display: grid;
      justify-content: center;
      gap: 2.5rem;
    }

    .mb-4 {
      margin-bottom: 0 !important;
    }

    .mt-5 {
      margin-top: 0 !important;
    }

    h5,
    .vertical-line {
      display: none;
    }

    h1 {
      margin: 0;
      color: var(--color-headings);
      font-size: var(--font-size-h2);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    .zone-content {
      width: min(45rem, 100dvw - 5rem);
      margin: 0 !important;
      padding: 0 !important;

      * {
        margin: 0;
      }
    }

    .zone-content > .row {
      width: 100%;
      margin: 0;

      .offset-lg-3 {
        flex-basis: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
      }
    }

    #profile-container p {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.625rem;
      width: fit-content;
      margin: 2.5rem auto 0 !important;
      color: var(--color-accent);
      cursor: pointer;
      transition: 200ms;

      &::before {
        content: "";
        width: 1rem;
        height: 1rem;
        background-image: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/edit.svg);
        background-size: cover;
        background-position: center center;
        filter: invert(50%) sepia(98%) saturate(237%) hue-rotate(355deg)
          brightness(99%) contrast(88%);
      }

      &:hover {
        scale: 1.04;
      }

      i {
        display: none;
      }
    }

    #profile-container + input {
      display: none;
    }

    h4 {
      margin-top: 2.5rem !important;
      margin-bottom: 1.5rem !important;
      padding-top: 2.5rem;
      border-top: 1px solid var(--color-borders);
      font-size: var(--font-size-h3);
      font-weight: var(--font-weight-headings);
      line-height: var(--line-height);
    }

    h4 + p.mb-4 {
      margin-bottom: 0.875rem !important;
    }

    table tbody {
      display: grid;
      gap: 0.625rem;
    }

    tr {
      background: transparent;
    }

    td {
      padding: 0;
      border: none !important;
    }

    tr:last-child td {
      color: var(--color-accent);
    }

    form > .row {
      display: grid;
      gap: 0.625rem;
      font-size: var(--font-size-medium);
      line-height: var(--line-height);

      * {
        margin: 0;
      }

      .col-12 {
        padding: 0;
      }
    }

    .form-group {
      display: grid;
      gap: 0.625rem;
    }

    .form-submit {
      display: flex;
      justify-content: center;
    }

    label {
      color: var(--color-headings);
    }

    input {
      padding: 0.625rem 1rem;
      border: none;
      border-radius: 100rem;
      background: var(--color-white);
      color: var(--color-text) !important;
    }

    ::placeholder {
      color: var(--color-hradings);
    }

    .custom-checkbox {
      margin-top: 0.875rem !important;
      margin-bottom: 0 !important;
    }

    .custom-checkbox a {
      color: var(--color-headings);
      text-decoration: 1px solid underline;

      &:hover {
        color: var(--color-accent);
      }
    }

    .custom-control-label::before {
      top: 50%;
      translate: 0 -50%;
      border: 1px solid var(--color-headings);
      border-radius: 0;
    }

    .custom-control-input:checked + label::before {
      border-color: var(--color-accent);
    }

    button {
      display: flex;
      align-items: center;
      gap: 1rem;
      min-width: unset;
      margin: 1.875rem auto 0 !important;
      padding: 1rem 1.5rem;
      border-radius: 100rem;
      background: var(--color-accent);
      color: var(--color-white);
      font-size: var(--font-size-buttons);
      font-weight: var(--font-weight-buttons);
      line-height: var(--line-height-buttons);
    }

    button::after {
      content: "";
      flex-shrink: 0;
      width: 1rem;
      height: 1rem;
      background: url(https://akademiaosteopatii.pl/wp-content/uploads/2026/01/arrow.svg);
      background-size: 1rem 1rem;
      background-position: center center;
      background-repeat: no-repeat;
      filter: invert(1);
    }

    button:hover {
      scale: 1.04;
    }

    .alert {
      justify-self: center;
      padding: 1rem;
      border-radius: 1.25rem;
      text-align: center;
    }

    @media (width < 48rem) {
      .zone-content {
        width: calc(100dvw - 2rem);
      }
    }
  }
}