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 + RP_MOBILE_FIX_V1
   ============================== */

/* 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 (desktop)
   - DÖLJ text + hjärta (endast desktop, inloggade sidor)
   ========================================================= */
@media (min-width: 901px) {

  body:not(.base_index):not(.base_index_page) {

    /* Viktigt: dölj hela title + hjärta */
    .rp-header-title,
    .rp-header-heart{
      display:none !important;
      visibility:hidden !important;
      height:0 !important;
      overflow:hidden !important;
    }

  }
}

/* =========================================================
   DESKTOP – CENTERA MENYN (endast inloggade sidor)
   ========================================================= */
@media (min-width: 901px) {

  body:not(.base_index):not(.base_index_page) .rp-main-menu-center{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
  }

  body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* =========================================================
   FOOTER DESKTOP (SAFE)
   ========================================================= */
@media (min-width: 901px) {

  .ow_footer{
    height: auto !important;
    min-height: 220px !important;
    margin: 0 !important;
    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; }
}

/* =========================================================
   MOBILE – HIDE HEADER HEART + WELCOME TEXT
   ========================================================= */
@media (max-width: 900px) {
  .rp-header-heart,
  .rp-header-title{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
  }
}

/* =========================================================
   MOBILE – FOOTER (center + spacing + proportional logos)
   ========================================================= */
@media (max-width: 900px) {

  .ow_footer{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    padding: 18px 0 26px !important;
  }

  .ow_footer .ow_canvas,
  .ow_footer .ow_page{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

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

  .ow_footer .rp-footer-company{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:18px !important;
    line-height:1.55 !important;
  }

  .ow_footer .rp-footer-payments-title{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
  }

  .ow_footer .rp-footer-payments-logos{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:14px !important;
    flex-wrap:wrap !important;
    padding-bottom:80px !important;
  }

  .ow_footer .rp-footer-payments-logos img{
    width:40% !important;
    max-width:120px !important;
    height:auto !important;
  }
}