body, .ow, body, html, .base_sign_in{background-color:#333333}
.index_master_page .ow_header{background-image:url(https://www.romansportalen.se/ow_userfiles/themes/theme_image_108.jpeg)}
.ow_header{background-image:url(https://www.romansportalen.se/ow_userfiles/themes/theme_image_104.jpeg)}
.index_master_page .logo_url{background-image:url(https://romansportalen.se/ow_userfiles/themes/theme_image_124.png)}
.ow_logo_wrap a{background-image:url(https://www.romansportalen.se/ow_userfiles/themes/theme_image_8.png)}
/* ==============================
   RP_CLEAN_DESKTOP_V1
   REN + STABIL (ingen debug, ingen splash-kill)
   ============================== */

/* Bas */
* { box-sizing: border-box; }
html, body { overflow-x: hidden !important; }

/* Headerbilder ska aldrig spräcka bredd */
.ow_header_pic,
.ow_header_pic * { max-width: 100% !important; }

/* HEADER – SAFE HEIGHTS */
body.base_index .ow_header_pic,
body.base_index_page .ow_header_pic { height: 604px !important; }

body:not(.base_index):not(.base_index_page) .ow_header_pic { height: 406px !important; }

/* DÖLJ index-widgeten på alla inloggade sidor */
body:not(.index_master_page):not(.base_index_page):not(.base_index) .index_qs_widget,
body:not(.index_master_page):not(.base_index_page):not(.base_index) .index_top,
body:not(.index_master_page):not(.base_index_page):not(.base_index) .index_bot,
body:not(.index_master_page):not(.base_index_page):not(.base_index) .index_top.clearfix,
body:not(.index_master_page):not(.base_index_page):not(.base_index) .index_bot.clearfix{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================================================
   LOGGED-IN HEADER (alla inloggade sidor på desktop)
   - visar ROMANSPORTALEN + hjärta
   - döljer VÄLKOMMEN/TILL
   - kontroller + effekter
   ========================================================= */
@media (min-width: 901px) {

  /* Alla sidor som INTE är index/startsida */
  body:not(.base_index):not(.base_index_page) {

    /* Dölj VÄLKOMMEN + TILL (allt som inte är big-raden) */
    .rp-header-title .rp-line:not(.rp-line-big) { display:none !important; }

    /* === KONTROLLER === */
    --rp-title-x: 0px;
    --rp-title-y: 0px;
    --rp-title-size: 46px;

    --rp-heart-size: 70px;
    --rp-heart-x: 0px;
    --rp-heart-y: 0px;

    /* Färger/effekt */
    --rp-gold-soft: #ae9e78;
    --rp-gold-glow-1: 10px;
    --rp-gold-glow-2: 22px;

    --rp-heart-glow-1: 10px;
    --rp-heart-glow-2: 22px;

    /* Text över hjärta */
    .rp-header-title { position: relative !important; z-index: 20 !important; }

    .rp-header-title .rp-line-big{
      display:block !important;
      opacity:1 !important;
      visibility:visible !important;
      position: relative !important;
      z-index: 20 !important;

      font-size: var(--rp-title-size) !important;
      transform: translate(var(--rp-title-x), var(--rp-title-y)) !important;

      color: var(--rp-gold-soft) !important;
      letter-spacing: 2.2px !important;
      text-shadow:
        0 0 1px rgba(0,0,0,.35),
        0 1px 0 rgba(0,0,0,.35),
        0 0 var(--rp-gold-glow-1) rgba(155,140,105,.55),
        0 0 var(--rp-gold-glow-2) rgba(155,140,105,.25) !important;
    }

    /* Hjärtat */
    .rp-header-heart{
      display:block !important;
      opacity:1 !important;
      visibility:visible !important;

      width: var(--rp-heart-size) !important;
      max-width: var(--rp-heart-size) !important;
      height:auto !important;

      position: relative !important;
      z-index: 10 !important;

      transform: translate(var(--rp-heart-x), var(--rp-heart-y)) !important;

      filter:
        drop-shadow(0 0 var(--rp-heart-glow-1) rgba(215,163,160,.55))
        drop-shadow(0 0 var(--rp-heart-glow-2) rgba(184,117,115,.25)) !important;
    }
  }
}

/* =========================================================
   FOOTER DESKTOP (SAFE)
   - INGEN negativ margin (så den kan inte ligga ovanpå formulär)
   ========================================================= */
@media (min-width: 901px) {

  .ow_footer{
    height: auto !important;
    min-height: 220px !important;
    margin: 0 !important;              /* <-- viktig: tar bort overlay-buggen */
    padding: 26px 0 !important;
  }

  .ow_footer .ow_page,
  .ow_footer .ow_page .rp-footer-extra,
  .ow_footer .ow_page .rp-footer-company,
  .ow_footer .ow_page .rp-footer-payments-title,
  .ow_footer .ow_page .rp-footer-payments-logos {
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .ow_footer .ow_page .rp-footer-payments-logos img,
  .ow_footer .ow_page img.rp-payment-logo{
    max-width:70px !important;
    max-height:20px !important;
    width:auto !important;
    height:auto !important;
    margin:0 6px !important;
    display:inline-block !important;
    vertical-align:middle !important;
  }

  .ow_footer .ow_copyright{ margin-bottom:14px !important; }

  .ow_footer .rp-footer-company{
    line-height:1.55 !important;
    margin-top:8px !important;
    margin-bottom:14px !important;
    font-style:italic !important;
    font-size:12px !important;
    opacity:.55 !important;
    letter-spacing:.8px !important;
  }

  .ow_footer .rp-footer-payments-title{ margin:10px 0 !important; }
  .ow_footer .rp-footer-payments-logos{ margin-top:6px !important; }
}