/* Neutralisera ev. full-bleed-hack som flyttar blocket åt sidan */
.tws-container--tws-custom-html{
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* Säkerställ att själva hero-blocket fyller hela modulens yta */
.tws-custom-html--content,
.tws-custom-html--content > div{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
  overflow: hidden;
}

.tws-custom-html--content > div{
  /* välj en av dessa två */
  aspect-ratio: 1110/370;   /* modernt */
  min-height: 260px;        /* justera höjd vid behov */
  /* alternativ: height: 320px; (om du vill ha fast höjd) */
}

.tws-custom-html--content > div > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.tws-login--register-button{
display:none !important;
}
.tws-login--login-text{font-size:22px;}
.tws-custom-html--content{text-align: center;}

/* --- FULLBREDD --- */
.startpage .container {
    max-width: none;
    width: 100%;
    margin: 0 auto;
}
.fabrikk--content {
    max-width: none;
}
@media (min-width:1900px) {
  body .tws-top-menu .navbar-nav {
    max-width: none;
}
}

/* Centrerad toprad */
.fabrikk--top-bar-wrapper {
  text-align: center;
}

.tws-util-heading--heading.h1.tws-content-box--first-line {
    background: rgba(51, 51, 51, 0.5);
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    padding: 4px 0px;
	  font-size: 21px;
		font-weight: 500;
		letter-spacing: normal;
}

/* Alla KATEGORIER (översta nivån i megamenyn) */
.dropdown-menu.mega-menu.tws-top-menu--mega-menu > li > a.tws-top-menu--sub-item-heading {
    font-weight: bold;
}

/* Se till att UNDERKATEGORIERNA inte blir feta */
.dropdown-menu.mega-menu.tws-top-menu--mega-menu .tws-top-menu--mega-sub-list a {
    font-weight: normal;
}



/* Gör megamenyn till en flex-rad */
.dropdown-menu.mega-menu.tws-top-menu--mega-menu {
    display: flex;
    flex-wrap: wrap; /* så att resten bryter till nästa rad */
}

/* Varje kategori tar 1/6 av raden */
.dropdown-menu.mega-menu.tws-top-menu--mega-menu > li.tws-top-menu--sub-item {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
}


/* Ta bort randig bakgrund i topbaren */
.fabrikk--top-bar,
.fabrikk--top-bar-wrapper {
    background-image: none !important;   /* tar bort ev. ränder */
    background-color:#8B3A32;           /* välj valfri färg, t.ex. ljusgrå */
}
/* Gör texten i topbaren svart */
.fabrikk--top-bar .tws-custom-html--content span {
    color: #000000 !important;      /* skriver över det vita inline */
}