@import url("/ow_userfiles/themes/rp_custom.css?v=20260428rpconsole-fullwidth-v1");
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(/ow_static/romansportalen_logo_premium.svg?v=20260425wordmark70w)}
.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 (FINAL)
   ============================== */

/* 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) .rp-header-title,
  body:not(.base_index):not(.base_index_page) .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_footer .rp-footer-extra,
  .ow_footer .rp-footer-company,
  .ow_footer .rp-footer-payments-title,
  .ow_footer .rp-footer-payments-logos {
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !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;
    text-align:center !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) {
  body:not(.base_index):not(.base_index_page) .rp-header-heart,
  body:not(.base_index):not(.base_index_page) .rp-header-title{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }
}

/* =========================================================
   MOBILE – FOOTER (center + spacing + låsta loggor)
   - gap: 8px
   - Mastercard: 50px
   - VISA: 30px
   ========================================================= */
@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;
    font-style:italic !important;
    font-size:12px !important;
    opacity:0.5 !important;
    letter-spacing:.8px !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:8px !important;
    flex-wrap:nowrap !important;
    padding-bottom:80px !important;
  }

  .ow_footer .rp-footer-payments-logos img{
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    display:block !important;
    flex:0 0 auto !important;
  }

  .ow_footer .rp-footer-payments-logos img[alt="Mastercard"]{
    max-height:50px !important;
  }

  .ow_footer .rp-footer-payments-logos img[alt="VISA"],
  .ow_footer .rp-footer-payments-logos img[alt="Visa"]{
    max-height:30px !important;
  }
}

/* FIX: Header-logga med transparent PNG. Landning med .index_top/klustret överkorsas av
   RP_LANDING_LOGO_LAST_CASCADE_V1 längst ned (högre specificitet + smal låda). */
.index_master_page a.logo_url {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 520px !important;
  height: 180px !important;
  display: block !important;
}

/* RP_MOBILE_INDEX_PREMIUM_MIN_V1 (hash-safe) */
@media (max-width: 900px){
  body.base_index_page .rp-header-title,
  body.base_index .rp-header-title,
  body.base_index_page .rp-header-heart,
  body.base_index .rp-header-heart{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.base_index_page a.logo_url,
  body.base_index a.logo_url,
  .index_master_page a.logo_url{
    width: calc(100vw - 48px) !important;
    max-width: 320px !important;
    height: 112px !important;
    /* Crop away "VÄLKOMMEN..." from the image */
    background-size: 135% auto !important;
    background-repeat: no-repeat !important;
    background-position: center 63% !important;
  }
}

/* (removed) RP_MOBILE_INDEX_PREMIUM_OVERRIDE_V1
   Was too aggressive on mobile layout. */

/* ==============================
   RP_INDEX_DESKTOP_FIX_V1
   Endast startsidan (index) + endast desktop
   ============================== */
@media (min-width: 901px) {

  body.base_index_page .ow_page_padding{
    padding-bottom: 0 !important;
  }

  body.base_index_page .ow_header_pic{
    height: auto !important;
  }

  body.base_index_page .index_master_page .ow_header{
    background-size: cover !important;
    background-position: center 5% !important;
  }

  body.base_index_page a.logo_url{
    transform: translateY(-10px) !important;
  }
}

/* ==============================
   RP_DASHBOARD_CENTER_V1 – DESKTOP
   ============================== */
@media (min-width: 901px) {
  body.base_user_dashboard .ow_page.ow_bg_color.rp-no-photo-widget {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 1000px !important;
  }
}

/* ==============================
   RP_FOOTER_PAYMENTS_DESKTOP_OVERRIDE_V1
   (Mastercard 50px, VISA 30px, gap 8px)
   ============================== */
@media (min-width: 901px) {

  .ow_footer .rp-footer-payments-logos{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
  }

  .ow_footer .rp-footer-payments-logos img{
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    display:block !important;
    flex:0 0 auto !important;
    max-height:none !important; /* slår ut gamla begränsningar */
  }

  .ow_footer .rp-footer-payments-logos img[alt="Mastercard"]{
    max-height:50px !important;
  }

  .ow_footer .rp-footer-payments-logos img[alt="VISA"],
  .ow_footer .rp-footer-payments-logos img[alt="Visa"]{
    max-height:30px !important;
  }
}

html body:has(> .ow_page_wrap .splash_screen_cont),
html:has(body > .ow_page_wrap .splash_screen_cont){
  background-color: #252525 !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
}
html body:has(> .ow_page_wrap .splash_screen_cont) > .ow_page_wrap{
  min-height: 100vh !important;
  min-height: 100dvh !important;
  background: transparent !important;
}
html body:has(> .ow_page_wrap .splash_screen_cont) .ow_page_padding{
  padding-bottom: 0 !important;
}
html body:has(> .ow_page_wrap .splash_screen_cont) .ow_footer{
  margin-top: 0 !important;
  height: auto !important;
  background: transparent !important;
}

/* usearch: dubbel sidvisare — dölj extra .ow_paging, behåll .rp-usearch-bottom-paging */
body:has(.rp-usearch-bottom-paging) .ow_content .ow_center:has(.ow_paging):not(.rp-usearch-bottom-paging){
  display: none !important;
}

/* RP_LANDING_JOIN_DESKTOP_ANCHOR_V1
   Måste ligga EFTER @import av rp_custom: annars vinner andra
   rader i den här filen (load order) så 1px-justeringar förefaller ignoreras.
   Högre specificitet: html + body. Endast min-width:901, startsida.
   Skala: 1,08 (större än 0,98). */
@media (min-width: 901px){
  html body.base_index_page .index_master_page .rp_landing_join_cluster,
  html body.base_index .index_master_page .rp_landing_join_cluster{
    transform: translateY(-60px) scale(1.08) !important;
  }
}