/* Lägg till egna stilar här */
#publish-box {
    background-color: #b3ebf2;
    border: 1px solid #37474f;
    padding: 5px;
  }
  

#segment-footer > .container a {
    background-color: #9575cd;
    color: #e7e1df;
}
#segment-footer > .container {
    background-color: #9575cd;
    color: #e7e1df;
}

#vgregion-se-nav {
    float: right;
}

.navbar-inverse {
    background-color: #9575cd;
}
.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #9575cd;
    color: #e7e1df;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border:2px solid #000000;
}

th {
    border:2px solid #000000;
}

td {
    border:1px solid #000000;
}

.container .row .inner-wrapper .col-12 img,
.container .row .inner-wrapper .col-12 object.plantuml {
    max-width: 100%;
    height: auto;
}

  
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

/* Stäng av skapandet och ökningen av räknaren */
body, article, .content, h1, h2, h3, h4, h5, h6 {
    counter-reset: none !important;
    counter-increment: none !important;
}

/* Ta bort det genererade innehållet (siffran) före rubriker */
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
    content: none !important;
}

/* Om temat använder ::after (ovanligt men förekommer) */
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
    content: none !important;
}

.code-box-container {
  position: relative;
  display: block;
}

/* Styla kopieringsknappen med ikon */
.copy-code-button {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 5px 8px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.8); /* Halvtransparent vit */
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  color: #555;
  cursor: pointer;
  z-index: 99;
  transition: all 0.2s ease;
  opacity: 0; /* Göm knappen som standard */
}

/* Visa knappen ENDAST när muspekaren är över hela kodboxen */
.code-box-container:hover .copy-code-button {
  opacity: 1;
}

/* Hover-effekt på själva knappen */
.copy-code-button:hover {
  background-color: #ffffff;
  color: #000;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}