/* SEMCO Custom Styles Kinderwerk Baronsky */

/* Buttons mit Klasse .btn-success */
.btn-success {
  background-color: #ffffff !important;
  border-color: #25A1FF !important;
  color: #25A1FF !important;
  padding: 12px 22px !important;
  border-radius: 8px !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* Button Hover / Focus / Active */
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  background-color: #EEF8FF !important;
  border-color: #168FEA !important;
  color: #168FEA !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(37, 161, 255, 0.18) !important;
}

/* Kleines Icon mit Klasse .color-ok */
.color-ok {
  color: #3EFF3B !important;
}

/* Container-Hintergrund + mehr Innenabstand */
.container-sheet {
  background-color: #FEF8F5 !important;
  padding: 32px !important;
}

/* Allgemeines Box-Padding */
.box {
  padding: 24px !important;
}

/* Box ohne zusätzliche Hervorhebung */
.box.plain {
  background-color: #FEF8F5 !important;
}

/* Box mit Border */
.box.border {
  border: none !important;
  border-radius: 20px !important;
  background-color: #FEF8F5 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Tinted Box */
.box.tinted {
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Highlight Box */
.box.highlight {
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Bilder */
img {
  border-radius: 20px !important;
}

/* Mobile Optimierung */
@media (max-width: 767px) {
  .container-sheet {
    padding: 24px !important;
  }

  .box {
    padding: 20px !important;
  }
}

/* Tabelle: abgerundete Ecken + durchgehende Linien */
table.table.dates-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #dddddd !important;
}

table.table.dates-table th,
table.table.dates-table td {
  border: none !important;
}

table.table.dates-table thead th {
  border-bottom: 1px solid #dddddd !important;
}

table.table.dates-table thead th:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.55) !important;
}

table.table.dates-table tbody td:not(:last-child) {
  border-right: 1px solid #dddddd !important;
}

table.table.dates-table tbody tr:not(:last-child) td {
  border-bottom: 1px solid #dddddd !important;
}

table.table.dates-table thead tr:first-child th:first-child {
  border-top-left-radius: 16px !important;
}

table.table.dates-table thead tr:first-child th:last-child {
  border-top-right-radius: 16px !important;
}

table.table.dates-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 16px !important;
}

table.table.dates-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 16px !important;
}

/* Days-List: abgerundete Monats- und Tages-Elemente */
.box.border .days-list > ul > li .days-list-month {
  border-radius: 6px !important;
}

.box.border .days-list > ul > li .days-list-days li {
  border-radius: 6px !important;
}