/* 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;
}



/* --- FULLBREDD --- */
.startpage .container {
    max-width: none;
    width: 100%;
      margin: 0 auto;

}

.tws-content-box--first-line { 
  font-size:25px !important; line-height:1.2; }
.fabrikk--content {
    max-width: none;
}
@media (min-width:1900px) {
  body .tws-top-menu .navbar-nav {
    max-width: none;
}
}

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



.tws-login--rton{
display:none !important;
}
html[lang="en"] li[data-value="SEK"] {
     display: none;
}
html[lang=de] .slot--payment-widget {
  display: none;
}

.embed-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

@media (min-width: 768px) {
video {
    height: 600px;
}
}
.omoss_body {width:100%;height:400px;}
.omoss_square {width:245px;height:auto;float:left;margin-left:10px;display: inline-block;}
.kundservice_body {width:100%;height:1200px;}
.kundservice_square {width:320px;height:auto;float:left;margin-left:15px;margin-bottom:10px;display: inline-block;
}

.slot--top-bar-html {
    text-align: center;
   
}

/* 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;
}


/* Cookie-ikon - vit, bredare träff */
svg path[d^="M 510.52 255.82"],
svg path[d*="176 368"],
svg path[d*="368 336"] {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* 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: #9caf88;           /* välj valfri färg, t.ex. ljusgrå */

}

.tws-audience-selector--audience-button-text {
  color: #ffffff !important;
}

/* Gör texten i topbaren svart */
.fabrikk--top-bar .tws-custom-html--content span {
     	color: #ffffff !important;     /* skriver över det vita inline */
}


object-position: calc(50% + 35px) center;

/* Bas: mobilen (1 kolumn) */
#ojbro-footer-links {
  width: 100%;
}

#ojbro-footer-links .ojbro-footer-links__list {
  margin: 10px !important;
  padding: 0 !important;
  list-style: none !important;
  column-count: 1;
  column-gap: 36px;
}

#ojbro-footer-links .ojbro-footer-links__list li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 10px 0;
}

#ojbro-footer-links .ojbro-footer-links__list a {
  font-weight: 700;
  text-decoration: underline;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: inline;
}

/* Desktop: 2 kolumner */
@media (min-width: 900px) {
  #ojbro-footer-links .ojbro-footer-links__list {
    column-count: 2;
  }
}
/* EN/DE/FR: topbar som är inline på desktop men staplar på mobil */
#ojb-topbar-en, #ojb-topbar-de, #ojb-topbar-fr {
  width: 100%;
  box-sizing: border-box;
}

#ojb-topbar-en .ojb-topbar__row,
#ojb-topbar-de .ojb-topbar__row,
#ojb-topbar-fr .ojb-topbar__row{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  box-sizing: border-box;
}

#ojb-topbar-en .ojb-topbar__text,
#ojb-topbar-de .ojb-topbar__text,
#ojb-topbar-fr .ojb-topbar__text{
  flex: 1 1 auto;
  min-width: 0;
}

#ojb-topbar-en .ojb-topbar__btn,
#ojb-topbar-de .ojb-topbar__btn,
#ojb-topbar-fr .ojb-topbar__btn{
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Mobil: stapla + centrera */
@media (max-width: 700px){
  #ojb-topbar-en .ojb-topbar__row,
  #ojb-topbar-de .ojb-topbar__row,
  #ojb-topbar-fr .ojb-topbar__row{
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  #ojb-topbar-en .ojb-topbar__btn,
  #ojb-topbar-de .ojb-topbar__btn,
  #ojb-topbar-fr .ojb-topbar__btn{
    width: 100%;
    display: inline-flex;
    justify-content: center;
  }
}