/* ============================================================
   1. MEGAMENU – MOBIL: VISA OCH GÖR HORISONTELL
   ============================================================ */
@media (max-width: 991px) {
    .sp-megamenu-wrapper {
        display: block !important;
    }

    .sp-megamenu-parent {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }

    .sp-megamenu-parent > li {
        display: inline-block !important;
        margin: 0 10px !important;
    }
}

/* ============================================================
   2. MEGAMENU – CENTRERA PÅ ALLA ENHETER
   ============================================================ */
.sp-megamenu-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.sp-megamenu-parent {
    display: flex !important;
    justify-content: center !important;
    width: auto !important;
    margin: 0 auto !important;
}

/* ============================================================
   3. HELIX ULTIMATE 2 – NEUTRALISERA ALLA STICKY-VARIANTER
   ============================================================ */
#sp-header.header-sticky,
#sp-header.menu-fixed,
#sp-header.affix,
#sp-header.sp-sticky {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    transform: none !important;
}

body.header-sticky,
body.menu-fixed {
    padding-top: 0 !important;
}

/* ============================================================
   4. HEADER – MINIMALISTISK SCROLL-STYRD VISNING
   ============================================================ */
#sp-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
        transition: transform 0.15s linear;
}

#sp-header.header--hidden {
    transform: translateY(-100%);
}

/* ============================================================
   5. ACIP ARTICLE TEMPLATE (ISOLERAD MALL)
   ============================================================ */

.acip-article {
  font-size: 1rem;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Sektioner */
.acip-section {
  padding: 1rem;
  border-radius: 6px;
}

/* Färgteman */
.acip-header { background: #e6f0ff; text-align: center; }
.acip-video { background: #e9ffe6; }
.acip-comments { background: #fff3e0; }
.acip-ingress { background: #fff9d6; }
.acip-h2 { background: #f3e6ff; }
.acip-imageblock { background: #f0e6d6; }
.acip-factbox { background: #e8f1f5; }
.acip-warning { background: #ffe6e6; }
.acip-tips { background: #e6faff; }
.acip-quote { background: #f5e6ff; }
.acip-stats { background: #e6ffe6; }
.acip-columns { background: #e6f0ff; }
.acip-cta { background: #fff3e0; }
.acip-ending { background: #fff9d6; }

/* Rubriker */
.acip-header h1 {
  font-size: 2.4rem;
  margin: 0;
}

.acip-h2 h2,
.acip-ending h2 {
  margin-top: 0;
}

/* Video */
.acip-video video {
  width: 100%;
  border-radius: 4px;
}

.acip-caption {
  font-size: 0.9rem;
  opacity: 0.8;
}

/* Bildblock */
.acip-imageblock figure {
  float: left;
  width: 165px;
  margin: 0 1rem 1rem 0;
}

.acip-imageblock img {
  width: 100%;
  border-radius: 4px;
}

.acip-imageblock figcaption {
  font-size: 0.85rem;
  opacity: 0.8;
}

/* Boxar */
.acip-box {
  background: #f7f7f7;
  padding: 1rem;
  border-left: 4px solid #444;
  border-radius: 4px;
}

/* Varning */
.acip-warning .acip-box {
  border-left-color: #b30000;
  background: #ffecec;
}

/* Tips */
.acip-tips .acip-box {
  border-left-color: #006699;
  background: #e9f5ff;
}

/* Citat */
.acip-quote blockquote {
  margin: 0;
  padding-left: 1rem;
  border-left: 4px solid #999;
  font-style: italic;
}

/* Två kolumner */
.acip-columns {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.acip-columns .col {
  flex: 1 1 250px;
}

/* CTA-knapp */
.acip-button {
  display: inline-block;
  padding: 0.7rem 1.4rem;
  background: #ff9800;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
}

.acip-button:hover {
  background: #e68900;
}

/* ============================================================
   EDITOR-PREVIEW BLOCKFÄRGER (FRONTEND)
   ============================================================ */

.editor-preview .block-blue { background: #e6f0ff; padding: 10px; }
.editor-preview .block-green { background: #e9ffe6; padding: 10px; }
.editor-preview .block-orange { background: #fff3e0; padding: 10px; }
.editor-preview .block-yellow { background: #fff9d6; padding: 10px; }
.editor-preview .block-purple { background: #f3e6ff; padding: 10px; }
.editor-preview .block-brown { background: #f0e6d6; padding: 10px; }
.editor-preview .block-fact { background: #e8f1f5; padding: 10px; }
.editor-preview .block-red { background: #ffe6e6; padding: 10px; }
.editor-preview .block-info { background: #e6faff; padding: 10px; }
.editor-preview .block-quote { background: #f5e6ff; padding: 10px; }
.editor-preview .block-stat { background: #e6ffe6; padding: 10px; }

/* ============================================================
   FRONTEND – TA BORT ALLA FÄRGER
   ============================================================ */

body:not(.com_content) .editor-preview div[class^="block-"] {
    background: none !important;
    padding: 0 !important;
}

/* ============================================================
   BACKEND – VISA FÄRGER I EDITORN (STABIL VIA EDITOR CLASS)
   ============================================================ */

.acip-editor .block-blue { background: #e6f0ff !important; padding: 10px !important; }
.acip-editor .block-green { background: #e9ffe6 !important; padding: 10px !important; }
.acip-editor .block-orange { background: #fff3e0 !important; padding: 10px !important; }
.acip-editor .block-yellow { background: #fff9d6 !important; padding: 10px !important; }
.acip-editor .block-purple { background: #f3e6ff !important; padding: 10px !important; }
.acip-editor .block-brown { background: #f0e6d6 !important; padding: 10px !important; }
.acip-editor .block-fact { background: #e8f1f5 !important; padding: 10px !important; }
.acip-editor .block-red { background: #ffe6e6 !important; padding: 10px !important; }
.acip-editor .block-info { background: #e6faff !important; padding: 10px !important; }
.acip-editor .block-quote { background: #f5e6ff !important; padding: 10px !important; }
.acip-editor .block-stat { background: #e6ffe6 !important; padding: 10px !important; }
#addcomments {
    display: none !important;
}
/* ============================================================
   FLOATING MENU – BOTTOM FIX (neutraliserar inline top)
   ============================================================ */

/*#floating-menu-136 {
    top: auto !important;      /* Tar bort inline top:457px */
    bottom: 0 !important;      /* Gör att modulen kan dockas längst ner */
}*/