/* Light Theme colors */
/* Dark Theme colors */
.platform-grid .base-card {
  margin-top: 0;
}

.collapse-faner {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
}

.collapse-fane {
  color: #0B4650;
  text-align: center;
  padding: 1rem;
  border-radius: 8px;
  border-width: 3px;
  background-color: #FAF2DA;
  border-color: #E4D098;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.collapse-fane:hover {
  background-color: #FBF6E7;
}

.gov-collapse-fane {
  color: #0B4650;
  padding: 1rem;
  border-radius: 8px;
  background-color: white;
  border: 3px solid #DCDCDC;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.gov-collapse-fane img {
  width: 42px;
}
.gov-collapse-fane:hover {
  background-color: #f0f0f0;
}

.gov-accordion-item-desk {
  height: 100%;
  width: fit-content;
}
.gov-accordion-item-desk:has(.custom-active) {
  width: 100%;
}
.gov-accordion-item-desk .gov-collapse-fane {
  width: 5rem;
}
.gov-accordion-item-desk .gov-collapse-fane div {
  width: 42px;
  position: absolute;
  bottom: 0;
}
.gov-accordion-item-desk .gov-button-content {
  transform: translate(-50%, -50%) rotate(-90deg);
  bottom: 50%;
  left: 50%;
  position: absolute;
}
.gov-accordion-item-desk .gov-accordion-item {
  left: 5rem;
  width: 0;
}
.gov-accordion-item-desk .gov-accordion-item:last-child {
  left: 13rem;
}
.gov-accordion-item-desk .gov-fane-baggrund {
  display: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.gov-accordion-item-desk .gov-accordion-item.custom-active {
  z-index: 10;
  width: calc(100% - 5rem);
}
.gov-accordion-item-desk .gov-accordion-item.custom-active .gov-fane-baggrund {
  display: block;
}
.gov-accordion-item-desk .gov-accordion-item:last-child.custom-active {
  width: calc(100% - 13rem);
}
.gov-accordion-item-desk .gov-accordion-item:last-child.custom-active .gov-fane-baggrund {
  display: block;
}

.gov-fane-baggrund {
  background-color: white;
}

.gov-fane-baggrund:has(.accordion-collapse.show),
.gov-fane-baggrund:has(.accordion-collapse.collapsing) {
  padding: 3rem;
}

.collapse-indhold .fane-baggrund {
  padding: 1rem;
  background-color: #FAF2DA;
  border: 3px solid #E4D098;
  border-radius: 8px;
}
.collapse-indhold .fane-baggrund:first-child {
  background-color: #EFF5FE;
  border: 3px solid #96AFD1;
}
.collapse-indhold .fane-baggrund:last-child {
  background-color: #ECFEEC;
  border: 3px solid #B2DCB0;
}

.platform-collaps-faner .accordion-item button {
  width: 100%;
  height: auto;
}
.platform-collaps-faner .accordion-item:first-child button {
  background-color: #ECFEEC;
  border-color: #B2DCB0;
}
.platform-collaps-faner .accordion-item:first-child button:hover {
  background-color: #F4FFF4;
}
.platform-collaps-faner .accordion-item:last-child button {
  background-color: #EFF5FE;
  border-color: #96AFD1;
}
.platform-collaps-faner .accordion-item:last-child button:hover {
  background-color: #F6F9FE;
}
.platform-collaps-faner .accordion-item .fane-baggrund {
  padding: 1rem;
  background-color: #FAF2DA;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.platform-collaps-faner .accordion-item .fane-baggrund:has(.show), .platform-collaps-faner .accordion-item .fane-baggrund:has(.collapsing) {
  padding: 3rem;
}
.platform-collaps-faner .accordion-item:first-child .fane-baggrund {
  background-color: #ECFEEC;
}
.platform-collaps-faner .accordion-item:last-child .fane-baggrund {
  background-color: #EFF5FE;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media (max-width: 992px) {
  .gov-fane-baggrund {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    width: calc(100% - 2rem);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 1;
  }
}
[data-theme=dark] .collapse-fane {
  color: #F5F5F5;
  background-color: #896E4B;
  border-color: #816847;
}
[data-theme=dark] .collapse-fane:hover {
  background-color: #816847;
}
[data-theme=dark] .gov-collapse-fane {
  color: #F5F5F5;
  background-color: #464242;
  border: 3px solid #383131;
}
[data-theme=dark] .gov-collapse-fane:hover {
  background-color: #383131;
}
[data-theme=dark] .gov-fane-baggrund {
  background-color: #464242;
}
[data-theme=dark] .collapse-indhold .fane-baggrund {
  background-color: #896E4B;
  border: 3px solid #816847;
}
[data-theme=dark] .collapse-indhold .fane-baggrund:first-child {
  background-color: #424C5B;
  border: 3px solid #3D4653;
}
[data-theme=dark] .collapse-indhold .fane-baggrund:last-child {
  background-color: #415A41;
  border: 3px solid #3A513A;
}
[data-theme=dark] .platform-collaps-faner .accordion-item:first-child button {
  background-color: #415A41;
  border-color: #3A513A;
}
[data-theme=dark] .platform-collaps-faner .accordion-item:first-child button:hover {
  background-color: #3A513A;
}
[data-theme=dark] .platform-collaps-faner .accordion-item:last-child button {
  background-color: #424C5B;
  border-color: #3D4653;
}
[data-theme=dark] .platform-collaps-faner .accordion-item:last-child button:hover {
  background-color: #3D4653;
}
[data-theme=dark] .platform-collaps-faner .accordion-item .fane-baggrund {
  background-color: #896E4B;
}
[data-theme=dark] .platform-collaps-faner .accordion-item:first-child .fane-baggrund {
  background-color: #415A41;
}
[data-theme=dark] .platform-collaps-faner .accordion-item:last-child .fane-baggrund {
  background-color: #424C5B;
}