/* ========================================================= RP_CUSTOM.CSS – KONTROLLPANEL (ÄNDRA BARA VÄRDEN HÄR UPPE) Allt under är "låst" och flyttar sig inte av sig själv. ========================================================= */ :root{ --rp-header-h-loggedout: 604px; --rp-header-h-loggedin: 406px; /* ===== 2) WELCOME/SITENAME-WIDGET (inloggade sidor) ===== */ --rp-welcome-widget-display-loggedin: none; /* none = dold, block = synlig */ /* ===== 3) LOGGA (a.logo_url) ===== */ --rp-logo-w: 160px; --rp-logo-h: 80px; --rp-logo-x: 0px; /* sidled (+ höger, - vänster) */ --rp-logo-y: 0px; /* upp/ned (+ ner, - upp) */ /* ===== 4) INDEX WIDGET – SÖKRUTA (QS) (utloggad) ===== */ --rp-qs-w: 300px; --rp-qs-h: 200px; --rp-qs-x: 0px; --rp-qs-y: 0px; --rp-qs-border: 2px; --rp-qs-border-color: #e8c89b; /* ===== 5) INDEX WIDGET – TOP/BOT (utloggad) ===== */ --rp-top-y: 0px; /* flyttar hela top-delen upp/ned */ --rp-bot-y: 0px; /* flyttar hela bot-delen upp/ned */ --rp-join-y: 0px; /* flyttar själva knappen upp/ned */ /* ===== 6) HJÄRTA ===== */ --rp-heart-display: block; /* none = dolt, block = synligt */ --rp-heart-w: 30px; --rp-heart-x: 0px; --rp-heart-y: 0px; /* * Hjärt-variant (jämför A/B på desktop index): * - Standard: vinrött emblem (SVG rp_header_heart.svg) * - Lägg klass på : rp-heart-neutral → guld/neutral emblem (rp_header_heart_neutral.svg) * - valfritt: rp-heart-wine tvingar vinvariant om du vill överstyra neutral-arv */ } /* ========================================================= BAS / SÄKERHET (förhindrar "sprängd" bredd) En vertikal scrollbar: scroll på html — body ska inte bli egen scroll-yta (dubbla scrollbars). ========================================================= */ /* * Enda vertikala scroll-ytan: html (viewport). * VIKTIGT: sätt ALDRIG overflow-x:hidden + overflow-y:visible på samma element — specen tvingar då oftast * overflow-y till auto → extra “scroll”-badge i DevTools och dubbla scrollbars bredvid varandra. * Horisontellt klipp: bara här på html (räcker för hela dokumentet). */ html{ overflow-x: hidden !important; overflow-y: auto !important; height: auto !important; min-height: 100% !important; } body{ overflow: visible !important; width: 100% !important; height: auto !important; min-height: 100% !important; } /* Oxwall-innehåll får inte bli egna scrollportar (rpconsole undantagen i agent.css) */ body:not(.rpconsole-agent) .ow_page_wrap, body:not(.rpconsole-agent) .ow_page_wrap_in, body:not(.rpconsole-agent) .ow_page_padding, body:not(.rpconsole-agent) .ow_page_container, body:not(.rpconsole-agent) .ow_canvas, body:not(.rpconsole-agent) .ow_page{ overflow: visible !important; max-height: none !important; } /* Begränsa bredd utan att sätta overflow-x (undvik scroll-container) */ .ow_page_container, .ow_canvas, .ow_page{ max-width: 100% !important; box-sizing: border-box !important; } /* Header-ankare */ .ow_header, .ow_header.clearfix, .ow_header_pic_wrap{ position:relative !important; } .ow_header_pic{ position:relative !important; overflow:hidden !important; } /* ========================================================= 1) DESKTOP – HEADERHÖJD (UTLOGGAD vs INLOGGAD) ========================================================= */ @media (min-width:901px){ /* Landing index: klassen index_master_page sitter på .ow_page_wrap — inte på body */ .index_master_page .ow_header_pic{ height: var(--rp-header-h-loggedout) !important; overflow: visible !important; } /* Övriga mallar (general.html): klipp hero så stor premium-logo inte läcker upp mot fixerad konsolrad */ .ow_page_wrap:not(.index_master_page) .ow_header_pic{ height: var(--rp-header-h-loggedin) !important; overflow: hidden !important; } } /* ========================================================= 2) DÖLJ “WELCOME/SITENAME”-WIDGET PÅ ALLA INLOGGADE SIDOR (det du ringat in) ========================================================= */ @media (min-width:901px){ body:not(.base_sign_in):not(.base_login) .ow_page_wrap:not(.index_master_page) .rp-header-title, body:not(.base_sign_in):not(.base_login) .ow_page_wrap:not(.index_master_page) .rp-header-heart, body:not(.base_sign_in):not(.base_login) .ow_page_wrap:not(.index_master_page) .rp-header-image, body:not(.base_sign_in):not(.base_login) .ow_page_wrap:not(.index_master_page) .rp-line, body:not(.base_sign_in):not(.base_login) .ow_page_wrap:not(.index_master_page) .rp-line-big{ display: var(--rp-welcome-widget-display-loggedin) !important; } } /* ========================================================= 3) LOGGA (a.logo_url) – storlek + position ========================================================= */ @media (min-width:901px){ /* Fallback-storlek för sidor som använder .logo_url utanför landing-hero */ body a.logo_url{ width: var(--rp-logo-w) !important; height: var(--rp-logo-h) !important; display:block !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; transform: translate(var(--rp-logo-x), var(--rp-logo-y)) !important; } } /* ========================================================= 4) INDEX – TOP (flytta upp/ned) ========================================================= */ @media (min-width:901px){ .index_master_page .index_top.clearfix{ transform: translateY(var(--rp-top-y)) !important; position: relative !important; } } /* ========================================================= 5) INDEX – QS (sökruta) – bredd/höjd + position + ram ========================================================= */ /* ========================= RP CUSTOM – CLEAN BASE Endast kontroller + säkra default ========================= */ /* 0) FONT (valfri – kan vara kvar) */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;800&display=swap'); /* 1) ROOT-KONTROLLER (ändra bara siffror här) */ :root{ /* Header-höjder */ --rp-h-loggedout: 700px; /* utloggad / index */ --rp-h-loggedin: 406px; /* inloggad sidor */ --rp-bg-pos-y: 35%; /* bakgrundens Y-läge */ /* Widget (index) position & storlek */ --rp-widget-top-y: 0px; /* flytta hela widget-blocket upp/ned */ --rp-widget-width: 286px; --rp-widget-height: 162px; /* Endast widget-marginaler: mer luft ordmarke→form, mindre form→knapp (ram/index_bot orörd). */ --rp-widget-margin-top: 18px; --rp-widget-margin-bottom: 42px; /* Knapp (index) */ --rp-join-y: 0px; /* Header-bilden “Välkommen...” (index) */ --rp-topimg-scale: 0.75; --rp-topimg-y: 70px; /* Hjärtat (desktop) */ --rp-heart-show: 1; /* 1=visa, 0=dölj */ --rp-heart-size: 50px; /* storlek */ --rp-heart-x: 0px; /* från höger */ --rp-heart-y: 0px; /* från toppen */ } /* 2) SAFETY: bredd — ingen overflow-longhand här (se block över om spec + dubbla scrollbars) */ .ow_page_container, .ow_canvas, .ow_page{ max-width: 100% !important; box-sizing: border-box !important; } /* 3) BAS: header containers */ .ow_header, .ow_header.clearfix, .ow_header_pic_wrap{ position:relative !important; } .ow_header_pic{ position:relative !important; overflow:hidden !important; background-size:cover !important; background-repeat:no-repeat !important; background-position:50% var(--rp-bg-pos-y) !important; } /* 4) DESKTOP */ @media (min-width: 901px){ /* 4.1 UTLOGGAD/INDEX: 1000x604-känsla (höjdstyrning) */ .index_master_page .ow_header_pic{ height: var(--rp-h-loggedout) !important; overflow: visible !important; } /* 4.2 INLOGGAD / icke-landing: general.html saknar index_master_page på wrappen */ .ow_page_wrap:not(.index_master_page) .ow_header_pic{ height: var(--rp-h-loggedin) !important; overflow: hidden !important; } /* 4.3 DÖLJ index-widget på sidor som inte är riktiga landing (general.html) */ .ow_page_wrap:not(.index_master_page) .index_top, .ow_page_wrap:not(.index_master_page) .index_qs_widget, .ow_page_wrap:not(.index_master_page) .index_bot, .ow_page_wrap:not(.index_master_page) .index_top.clearfix, .ow_page_wrap:not(.index_master_page) .index_bot.clearfix{ display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important; margin:0 !important; padding:0 !important; } /* 4.4 TOP-BILD (Välkommen...) – bara på index */ .index_master_page .ow_header_pic .rp-header-title{ position:absolute !important; left:50% !important; top:0 !important; transform: translateX(-50%) translateY(var(--rp-topimg-y)) !important; z-index: 50 !important; pointer-events:none !important; text-align:center !important; } .index_master_page .ow_header_pic .rp-header-title .rp-header-image{ display:block !important; transform: scale(var(--rp-topimg-scale)) !important; transform-origin:center center !important; height:auto !important; max-width:90vw !important; } /* Dölj top-bilden på icke-landing */ .ow_page_wrap:not(.index_master_page) .rp-header-image{ display:none !important; } /* 4.5 WIDGET-KONTROLLER (index) */ .index_master_page .index_top.clearfix{ position:relative !important; top:-17px !important; transform: translateY(var(--rp-widget-top-y)) !important; } .index_master_page .index_top_left, .index_master_page .index_top_right{ top: 0px !important; /* top corners close cleanly */ width: 40px !important; /* longer upper side-lines near VÄLKOMMEN TILL */ } /* KRÄVS för nedre ram/hörn: sidolinjer + index_bot_* möter knappens horisontella guldlinjer */ .index_master_page .index_bot{ bottom: -27px !important; } .index_master_page .index_bot_left, .index_master_page .index_bot_right{ height: 62px !important; top: 0 !important; } .index_master_page .ow_join_button + .index_bot_left, .index_master_page .ow_join_button + .index_bot_left + .index_bot_right{ width: 65px !important; /* matchar smalare knapp så sidolinjerna möter ramen */ } .index_master_page .index_qs_widget{ width: var(--rp-widget-width) !important; max-width: var(--rp-widget-width) !important; height: var(--rp-widget-height) !important; min-height: var(--rp-widget-height) !important; margin: var(--rp-widget-margin-top) auto var(--rp-widget-margin-bottom) auto !important; box-sizing:border-box !important; overflow:visible !important; } .index_master_page .index_qs_widget .ow_qs{ padding: 7px 10px 4px !important; width: 100% !important; box-sizing: border-box !important; } .index_master_page .index_qs_widget .ow_qs_field{ display: grid !important; grid-template-columns: 108px minmax(0, 1fr) !important; align-items: center !important; column-gap: 8px !important; row-gap: 5px !important; padding-bottom: 9px !important; } .index_master_page .index_qs_widget .ow_qs_field .ow_qs_label{ display: block !important; padding: 0 !important; margin: 0 !important; line-height: 1.15 !important; font-size: 14px !important; white-space: nowrap !important; } .index_master_page .index_qs_widget .ow_qs_field .ow_qs_value{ display: block !important; min-width: 0 !important; } .index_master_page .index_qs_widget .ow_qs_field select, .index_master_page .index_qs_widget .ow_qs_field input[type="text"]{ width: 100% !important; height: 27px !important; line-height: 27px !important; font-size: 14px !important; } /* Högerkant Kön/Letar efter + birthdate-struktur: RP_INDEX_QS_UNIFIED_GRID_V1 */ .index_master_page .index_qs_widget .ow_qs_field select{ max-width: none !important; box-sizing: border-box !important; } /* Age: put min/max on one lower row */ .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_label{ display: block !important; padding: 0 0 4px 0 !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate, .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate.ow_qs_field_small, .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate.ow_qs_field_small_right{ width: 100% !important; float: none !important; clear: both !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_value{ display: block !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate{ display: flex !important; align-items: center !important; gap: 10px !important; white-space: nowrap !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate input{ width: 42px !important; max-width: 42px !important; text-align: center !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate .ow_agerange_to{ display: inline-block !important; margin: 0 2px !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_field_checkboxes{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 5px 0 8px !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_field_checkboxes .ow_qs_presentation_checkbox{ width: auto !important; float: none !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_field_checkboxes .ow_qs_label{ line-height: 1.35 !important; padding: 0 !important; } .index_master_page .index_qs_widget .ow_qs_btn{ margin-top: 4px !important; padding-top: 0 !important; } .index_master_page .index_qs_widget .ow_qs_btn .ow_button{ margin-right: 0 !important; } .index_master_page .index_qs_widget .ow_qs_btn .ow_qs_label{ padding: 7px 0 0 !important; font-size: 12px !important; } /* Hide "Avancerad sökning" link on index quick search */ .index_master_page .index_qs_widget .ow_qs_btn .ow_qs_label a{ display: none !important; } .index_master_page .index_qs_widget .ow_qs_btn input[type="submit"], .index_master_page .index_qs_widget .ow_qs_btn .ow_button{ display: none !important; } .index_master_page .index_bot.clearfix{ position:relative !important; transform: translateY(var(--rp-join-y)) !important; } /* * Ingen ::after-logga här: samma bild (theme_image_8) som konsolraden gav en “minilogga” * uppe till höger på alla icke-landingssidor — ofta upplevd som dublett vid språkvalet. * Index använder + regler nedan; ::after sattes ändå bort på index. */ } /* ============================== RP_INDEX_QS_UNIFIED_GRID_V1 Ett rutnät på .ow_qs (form display:contents) så Kön + Letar efter delar exakt samma 1fr-kolumn och får gemensam högerkant. Gäller desktop + mobil (speglas i RP_MOBILE_MIRROR). ============================== */ .index_master_page .index_qs_widget .ow_qs > form{ display: contents !important; } .index_master_page .index_qs_widget .ow_qs{ display: grid !important; grid-template-columns: 108px minmax(0, 1fr) !important; column-gap: 8px !important; row-gap: 9px !important; align-items: center !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_presentation_select, .index_master_page .index_qs_widget .ow_qs_field:has(.ow_qs_value select){ display: contents !important; padding: 0 !important; margin: 0 !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_presentation_select > .ow_qs_label, .index_master_page .index_qs_widget .ow_qs_field:has(.ow_qs_value select) > .ow_qs_label{ grid-column: 1 !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_presentation_select > .ow_qs_value, .index_master_page .index_qs_widget .ow_qs_field:has(.ow_qs_value select) > .ow_qs_value{ grid-column: 2 !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; max-width: none !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_presentation_select > .ow_qs_value select, .index_master_page .index_qs_widget .ow_qs_field:has(.ow_qs_value select) > .ow_qs_value select{ width: 100% !important; max-width: none !important; box-sizing: border-box !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate{ grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: 108px minmax(0, 1fr) !important; column-gap: 8px !important; row-gap: 4px !important; align-items: center !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_label{ grid-column: 1 !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_value{ grid-column: 2 !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate > div:not(.ow_qs_label):not(.ow_qs_value){ grid-column: 1 / -1 !important; } .index_master_page .index_qs_widget .ow_qs_field.qs_checkboxes{ grid-column: 1 / -1 !important; } /* 5) MOBIL – lämna lugnt just nu */ @media (max-width: 900px){ .ow_header_pic{ overflow:hidden !important; } .index_master_page .index_qs_widget .ow_qs{ padding: 9px 8px 3px !important; } .index_master_page .index_qs_widget .ow_qs_field .ow_qs_label{ font-size: 13px !important; } .index_master_page .index_qs_widget .ow_qs_field select, .index_master_page .index_qs_widget .ow_qs_field input[type="text"]{ height: 24px !important; line-height: 24px !important; font-size: 13px !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_label{ display: block !important; padding: 0 0 3px 0 !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate, .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate.ow_qs_field_small, .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate.ow_qs_field_small_right{ width: 100% !important; float: none !important; clear: both !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_value{ display: block !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate{ display: flex !important; align-items: center !important; gap: 4px !important; white-space: nowrap !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate input{ width: 34px !important; max-width: 34px !important; text-align: center !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_field_checkboxes{ gap: 10px !important; padding: 6px 0 12px !important; } .index_master_page .index_qs_widget .ow_qs_btn .ow_qs_label{ font-size: 10px !important; } } /* DÖLJ WELCOME/SITENAME + HJÄRTA på icke-landing (general.html har inte .index_master_page på wrappen) */ body:not(.base_sign_in):not(.base_login) .ow_page_wrap:not(.index_master_page) .ow_header_pic .rp-header-title, body:not(.base_sign_in):not(.base_login) .ow_page_wrap:not(.index_master_page) .ow_header_pic .rp-header-heart{ display:none !important; visibility:hidden !important; } /* ============================== RP_MOBILE_INDEX_PREMIUM_SAFE_V1 Minimal premium: keep layout, improve crop, hide welcome overlay ============================== */ @media (max-width: 1024px){ /* better hero crop without changing layout geometry */ .index_master_page .ow_header{ background-size: cover !important; background-position: center top !important; } /* remove "VÄLKOMMEN..." overlay on mobile index */ .index_master_page .rp-header-title, .index_master_page .rp-header-heart{ display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } /* Viktigt: ingen minilogga här — max-width 1024px är fortfarande desktop-layout; tidigare height:112px gjorde ROMANSPORTALEN oläsbar. Logotyp styrs av @media (min-width:901px). */ } /* ============================== RP_HEADER_TYPO_HEART_POLISH_V2 - Luftigare radspacing i välkomstraderna (bar desktop index — mobil döljer overlay) - Romansportalen-hjärta som separat SVG (samma emblem som premium-logons hjärta) - Två assets: vinröd (standard) / neutral guld — välj med body.rp-heart-neutral ============================== */ @media (min-width: 901px){ :root{ --rp-header-line-gap: 13px; --rp-header-line-height: 1.28; --rp-header-big-line-height: 1.2; --rp-heart-size-desktop: 54px; --rp-heart-asset-wine: url(/ow_static/rp_header_heart.svg?v=20260417heart); --rp-heart-asset-neutral: url(/ow_static/rp_header_heart_neutral.svg?v=20260417heart); } /* Desktop index: guld-sidolinjer följer .ow_header_pic-höjd (flex togs bort — den gömde/inpressade innehåll) */ .index_master_page .ow_header_pic{ border-left: 8px solid #ae9e78 !important; border-right: 8px solid #ae9e78 !important; position: relative !important; } .index_master_page .ow_header_pic::before, .index_master_page .ow_header_pic::after{ content: none !important; display: none !important; } /* * Korta sidolinjerna vid CTA: justera längd så de möter knappens ram utan att skära in i knappen. * (De långa parallella linjerna styrs av border på .ow_header_pic ovan.) */ body.base_index_page .index_master_page .ow_join_button + .index_bot_left, body.base_index_page .index_master_page .ow_join_button + .index_bot_left + .index_bot_right, body.base_index .index_master_page .ow_join_button + .index_bot_left, body.base_index .index_master_page .ow_join_button + .index_bot_left + .index_bot_right{ width: 48px !important; z-index: 1 !important; } body.base_index_page .index_master_page .ow_join_button, body.base_index .index_master_page .ow_join_button{ position: relative !important; z-index: 3 !important; } .index_master_page .rp-header-title{ display: inline-flex !important; flex-direction: column !important; align-items: center !important; gap: var(--rp-header-line-gap) !important; } .index_master_page .rp-header-title .rp-line{ display: block !important; line-height: var(--rp-header-line-height) !important; letter-spacing: 0.08em !important; margin: 0 !important; } .index_master_page .rp-header-title .rp-line-big{ line-height: var(--rp-header-big-line-height) !important; letter-spacing: 0.1em !important; margin-top: 2px !important; } /* Dekorativt hjärta: med bakgrundsbild (CSS kan byta variant) */ .index_master_page .rp-header-heart{ display: block !important; position: absolute !important; width: var(--rp-heart-size-desktop) !important; height: var(--rp-heart-size-desktop) !important; right: 26px !important; top: 28px !important; z-index: 60 !important; pointer-events: none !important; border: 0 !important; padding: 0 !important; overflow: hidden !important; text-indent: -9999px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; background-image: var(--rp-heart-asset-wine) !important; filter: drop-shadow(0 3px 8px rgba(0,0,0,.22)) !important; } /* Explicit vinröd (standard — samma som default bakgrund) */ body.rp-heart-wine .rp-header-heart{ background-image: var(--rp-heart-asset-wine) !important; filter: drop-shadow(0 3px 8px rgba(0,0,0,.22)) !important; } /* Variant B: neutral/guld emblem */ body.rp-heart-neutral .rp-header-heart{ background-image: var(--rp-heart-asset-neutral) !important; filter: drop-shadow(0 3px 8px rgba(0,0,0,.22)) !important; } } /* ============================== RP_INDEX_PREMIUM_LOGO_ONLY_V1 - Premium-SVG som bakgrund — SVG är utformad för smal ram (darkshades ~337px), ingen CSS-breddning av ramen ============================== */ @media (min-width: 901px){ .index_master_page .index_top.clearfix{ overflow: visible !important; padding-left: 6px !important; padding-right: 6px !important; } .index_master_page .index_top .logo_url{ position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; /* Desktop: matchar viewBox; storlek/15% motsv. ligger i premium_desktop-SVG, inte i transform:scale (klipper). */ aspect-ratio: 960 / 625 !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; overflow: visible !important; clip-path: none !important; background-image: url(/ow_static/romansportalen_logo_premium_desktop.svg?v=20260428restor) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center 2px !important; transform: translateY(2px) !important; } .index_master_page .index_top .logo_url::before{ content: none !important; display: none !important; } .index_master_page .index_top .logo_url::after{ content: none !important; display: none !important; } } /* ============================== RP_CTA_PREMIUM_HOVER_V1 Subtle premium hover/focus treatment ============================== */ @media (min-width: 901px){ .index_master_page .ow_join_button.index_join_button{ background-color: rgba(26, 22, 18, 0.82) !important; background-image: linear-gradient(180deg, rgba(255, 248, 235, 0.12) 0%, rgba(0, 0, 0, 0.2) 100%) !important; border-color: #dcc898 !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.72), 0 8px 24px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important; color: #fffdf7 !important; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9) !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease !important; will-change: transform, box-shadow; } .index_master_page .ow_join_button.index_join_button:hover, .index_master_page .ow_join_button.index_join_button:focus{ transform: translateY(-1px) !important; border-color: #f0e0b8 !important; background-color: rgba(34, 28, 22, 0.86) !important; box-shadow: 0 0 0 1px rgba(240, 224, 184, 0.55), 0 10px 28px rgba(0, 0, 0, 0.52) !important; } } @media (max-width: 900px){ .index_master_page .index_top .logo_url{ position: relative !important; width: 286px !important; max-width: calc(100vw - 104px) !important; /* Full SVG-höjd — fast height (t.ex. 154/188px) klippte ROMANSPORTALEN (~30% nederkant) */ aspect-ratio: 680 / 530 !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; background-image: url(/ow_static/romansportalen_logo_premium.svg?v=20260425wordmark70w) !important; background-size: 100% auto !important; background-repeat: no-repeat !important; background-position: center 0 !important; transform: none !important; image-rendering: -webkit-optimize-contrast; } .index_master_page .index_top .logo_url::before{ content: none !important; display: none !important; } .index_master_page .index_top .logo_url::after{ content: none !important; display: none !important; } .index_master_page .index_qs_widget .ow_qs_btn, .index_master_page .custom_midnight_qs_widget .ow_qs_btn{ display: none !important; } /* Mobile-only: remove extra gap between hero and footer */ .index_master_page .ow_page_padding{ padding-bottom: 0 !important; } .index_master_page .ow_header, .index_master_page .ow_header_pic_wrap, .index_master_page .ow_header_pic{ margin-bottom: 0 !important; padding-bottom: 0 !important; } .index_master_page .ow_footer{ margin-top: 0 !important; } /* Stronger mobile tie-in for index page gap */ body.base_index_page .ow_header{ margin-bottom: 0 !important; padding-bottom: 0 !important; } body.base_index_page .index_master_page .ow_header_pic_wrap{ padding-bottom: 0 !important; } body.base_index_page .index_master_page .ow_header_pic{ margin-bottom: 0 !important; } body.base_index_page .ow_footer{ margin-top: 0 !important; } } /* ============================== RP_MOBILE_JOIN_CTA_READABLE_V1 Endast ≤900px: mörkare fyllnad i själva knappen (länken), inte ramen. Vertikal centrering via flex — åsidosätter line-height-tricks från äldre mobil-CSS. Desktop oförändrad (RP_CTA_PREMIUM_HOVER_V1 är min-width:901px). ============================== */ @media (max-width: 900px) and (hover: none) and (pointer: coarse){ .index_master_page .ow_join_button > a.index_join_button, body.base_index_page .index_master_page .ow_join_button > a.index_join_button, body.base_index .index_master_page .ow_join_button > a.index_join_button{ display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; line-height: 56px !important; height: 56px !important; margin: 0 !important; padding: 0 6px !important; background-color: rgba(14, 11, 9, 0.82) !important; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.4) 100%) !important; color: #fffdf7 !important; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95), 0 0 1px rgba(0, 0, 0, 1) !important; } .index_master_page .ow_join_button > a.index_join_button:hover, .index_master_page .ow_join_button > a.index_join_button:focus, body.base_index_page .index_master_page .ow_join_button > a.index_join_button:hover, body.base_index_page .index_master_page .ow_join_button > a.index_join_button:focus, body.base_index .index_master_page .ow_join_button > a.index_join_button:hover, body.base_index .index_master_page .ow_join_button > a.index_join_button:focus{ background-color: rgba(18, 14, 12, 0.86) !important; color: #fff !important; } } /* Mus i smalt fönster: låt join-knappen falla tillbaka till theme-default (ingen mobil-CTA-skin). */ @supports (background: revert-layer){ @media (max-width: 900px) and (hover: hover) and (pointer: fine){ .index_master_page .ow_join_button > a.index_join_button, body.base_index_page .index_master_page .ow_join_button > a.index_join_button, body.base_index .index_master_page .ow_join_button > a.index_join_button{ all: revert-layer !important; } } } @supports not (background: revert-layer){ @media (max-width: 900px) and (hover: hover) and (pointer: fine){ .index_master_page .ow_join_button > a.index_join_button, body.base_index_page .index_master_page .ow_join_button > a.index_join_button, body.base_index .index_master_page .ow_join_button > a.index_join_button{ display: block !important; align-items: unset !important; justify-content: unset !important; box-sizing: border-box !important; height: 52px !important; line-height: 52px !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; color: #fff !important; text-shadow: none !important; } } } /* ========================================================= RP_SINGLE_DOCUMENT_SCROLL_FINAL DevTools “scroll” på .ow_page_container berodde på overflow-x/y mix → computed overflow-y:auto. Här: inga overflow-longhands; bara synlig layout + ingen max-height-fälla. ========================================================= */ body:not(.rpconsole-agent) .ow_page_container.clearfix, body:not(.rpconsole-agent) .ow_page_container .ow_canvas, body:not(.rpconsole-agent) .ow_canvas{ overflow: visible !important; max-height: none !important; } /* ========================================================= FAS1_NAV_STABLE_PREMIUM_V1 Stabil mobil konsolrad (inloggade sidor), utan dropdown-hacks. - Behåll Oxwalls dropdown-mekanik - Horisontell svepbar meny - Liten vänsterlogga + premium spacing ========================================================= */ @media (max-width: 900px){ body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap{ z-index: 10010 !important; background: #17171a !important; box-shadow: 0 1px 0 rgba(0,0,0,.08) !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel{ height: 60px !important; min-height: 60px !important; width: 100% !important; max-width: 100% !important; overflow-x: auto !important; overflow-y: visible !important; -webkit-overflow-scrolling: touch !important; white-space: nowrap !important; } body:not(.base_index):not(.base_index_page) .ow_logo_wrap{ float: left !important; width: 104px !important; height: 60px !important; padding: 0 0 0 10px !important; position: relative !important; z-index: 10011 !important; } body:not(.base_index):not(.base_index_page) .ow_logo_wrap a{ width: 100% !important; height: 60px !important; background-position: left center !important; background-size: contain !important; } body:not(.base_index):not(.base_index_page) .ow_console{ float: none !important; display: inline-block !important; vertical-align: top !important; width: auto !important; min-width: calc(100% - 116px) !important; height: 60px !important; } body:not(.base_index):not(.base_index_page) .ow_console_body{ height: 60px !important; padding: 18px 10px 8px 8px !important; white-space: nowrap !important; display: inline-block !important; min-width: max-content !important; } /* Diskret swipe-indikator (premium, utan text) */ body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap::after{ content: "" !important; position: absolute !important; right: 0 !important; top: 0 !important; width: 24px !important; height: 60px !important; pointer-events: none !important; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.88) 50%, #fff 80%) !important; } body:not(.base_index):not(.base_index_page) .ow_console .ow_tooltip, body:not(.base_index):not(.base_index_page) ul.ow_console_dropdown, body:not(.base_index):not(.base_index_page) .console_tooltip.ow_tooltip_top_right.ow_tooltip{ z-index: 10020 !important; } } /* ========================================================= RP_DARK_PREMIUM_RESTORE_V1 Återställ mörk premiumkänsla på inloggade vyer. ========================================================= */ body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap{ background: #17171a !important; border-bottom: 1px solid rgba(224, 194, 131, 0.24) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.34) !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel{ background: transparent !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center{ background: linear-gradient(180deg, rgba(20, 20, 23, 0.95) 0%, rgba(20, 20, 23, 0.82) 100%) !important; border-top: 1px solid rgba(224, 194, 131, 0.22) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.22) !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center a{ color: #f1e8d7 !important; } body:not(.base_index):not(.base_index_page) .ow_console a, body:not(.base_index):not(.base_index_page) .ow_console .ow_console_item{ color: #f1e8d7 !important; } body:not(.base_index):not(.base_index_page) .ow_console .ow_console_item:hover, body:not(.base_index):not(.base_index_page) .ow_console a:hover{ color: #fff6e3 !important; } body:not(.base_index):not(.base_index_page) .ow_page.ow_bg_color{ background: #2a2a2e !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; } /* * RP_HERO_PREMIUM_SEPARATOR_V11 — symmetrisk luft, dämpad guldlinje, diamant centrerad i avskiljaren. * --rp-sep-gap = samma avstånd ovanför och under avskiljarbandet. Ingen extra margin på .ow_page (padding räcker). */ body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){ --rp-sep-gap: 32px; --rp-sep-band: 22px; --rp-sep-diamond: 13px; --rp-city-lights-url: url("/ow_userfiles/themes/rp_city_lights_bg.jpg?v=20260521b"); --rp-content-bg-base: #141418; --rp-hero-blend-overlap: 52px; } /* * RP_CITY_LIGHTS_SOFT_BLEND_V2 — stadsljus + mjuk övergång från hero (ingen synlig skarv). */ body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_padding{ position: relative !important; background-color: var(--rp-content-bg-base) !important; background-image: linear-gradient( 180deg, var(--rp-content-bg-base) 0%, var(--rp-content-bg-base) 14%, rgba(20, 20, 23, 0.96) 24%, rgba(20, 20, 23, 0.82) 40%, rgba(20, 20, 23, 0.58) 58%, rgba(20, 20, 23, 0.46) 100% ), var(--rp-city-lights-url) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center 38% !important; background-attachment: scroll !important; overflow: visible !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_padding::before{ content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: calc(var(--rp-hero-blend-overlap) + 72px) !important; background: linear-gradient( 180deg, var(--rp-content-bg-base) 0%, var(--rp-content-bg-base) 42%, rgba(20, 20, 23, 0.9) 72%, rgba(20, 20, 23, 0) 100% ) !important; z-index: 0 !important; pointer-events: none !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page), body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_wrap_in, body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_container, body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_wrap:not(.index_master_page) .ow_page_container .ow_canvas{ background: transparent !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header .rp-main-menu-center::after{ content: none !important; display: none !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header{ position: relative !important; margin-bottom: 0 !important; } body:not(.base_index):not(.base_index_page):not(.rp-partner-dashboard):not(.rp-studio) .ow_header_pic_wrap::after{ height: 88px !important; background: linear-gradient( 180deg, rgba(20, 20, 23, 0) 0%, rgba(20, 20, 23, 0.12) 28%, rgba(20, 20, 23, 0.48) 58%, rgba(20, 20, 23, 0.88) 82%, var(--rp-content-bg-base) 100% ) !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header::after{ content: "" !important; display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 72px !important; background: linear-gradient( 180deg, rgba(20, 20, 23, 0) 0%, rgba(20, 20, 23, 0.35) 45%, rgba(20, 20, 23, 0.82) 78%, var(--rp-content-bg-base) 100% ) !important; pointer-events: none !important; z-index: 23 !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{ position: relative !important; margin-top: calc(-1 * var(--rp-hero-blend-overlap)) !important; padding-top: calc((var(--rp-sep-gap) * 2) + var(--rp-sep-band) + var(--rp-hero-blend-overlap)) !important; z-index: 4 !important; overflow: visible !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container::before{ content: none !important; display: none !important; } body:not(.base_index):not(.base_index_page):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas{ position: relative !important; z-index: 4 !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas::before{ content: "" !important; display: block !important; position: absolute !important; top: calc(-1 * (var(--rp-sep-gap) + var(--rp-sep-band))) !important; left: 0 !important; right: 0 !important; width: auto !important; height: var(--rp-sep-band) !important; z-index: 8 !important; pointer-events: none !important; border: 0 !important; border-radius: 0 !important; box-sizing: border-box !important; background-color: transparent !important; background-image: radial-gradient(ellipse 38% 280% at 50% 50%, rgba(232, 200, 140, 0.22) 0%, transparent 72%), linear-gradient( 90deg, rgba(201, 162, 39, 0) 0%, rgba(255, 246, 227, 0.22) 14%, rgba(255, 250, 238, 0.88) 50%, rgba(255, 246, 227, 0.22) 86%, rgba(201, 162, 39, 0) 100% ), linear-gradient( 90deg, rgba(180, 140, 50, 0) 0%, rgba(232, 200, 140, 0.75) 18%, rgba(245, 228, 190, 0.92) 50%, rgba(232, 200, 140, 0.75) 82%, rgba(180, 140, 50, 0) 100% ), linear-gradient( 90deg, rgba(140, 110, 35, 0) 0%, rgba(201, 162, 39, 0.65) 32%, rgba(230, 210, 170, 0.8) 50%, rgba(201, 162, 39, 0.65) 68%, rgba(140, 110, 35, 0) 100% ) !important; background-repeat: no-repeat !important; background-position: center center, center center, center center !important; background-size: 100% 1px, 90% 2px, 76% 3px !important; box-shadow: none !important; filter: drop-shadow(0 0 6px rgba(255, 240, 210, 0.35)) drop-shadow(0 0 14px rgba(212, 175, 95, 0.28)) !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas::after{ content: "" !important; display: block !important; position: absolute !important; top: calc(-1 * (var(--rp-sep-gap) + (var(--rp-sep-band) / 2) + (var(--rp-sep-diamond) / 2))) !important; left: 50% !important; width: var(--rp-sep-diamond) !important; height: var(--rp-sep-diamond) !important; transform: translateX(-50%) rotate(45deg) !important; background: linear-gradient(145deg, #fff9ee 0%, #e8cf96 42%, #c9a227 100%) !important; border: 1px solid rgba(255, 248, 235, 0.75) !important; box-shadow: 0 0 0 1px rgba(201, 162, 39, 0.28), 0 0 12px rgba(255, 236, 200, 0.4), 0 0 20px rgba(212, 175, 95, 0.32) !important; pointer-events: none !important; z-index: 10 !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{ position: relative !important; margin-top: 0 !important; padding-top: 14px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; z-index: 5 !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > .ow_dragndrop_panel, body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > .ow_page_context_action_wrap, body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > form, body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color > .ow_form{ margin-top: 0 !important; padding-top: 6px !important; } body:not(.base_index):not(.base_index_page):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color::before{ content: none !important; display: none !important; } /* RP_AGENT — ingen hero-/stadsljus-dekor i agentkonsolen */ body.rpconsole-agent .ow_page_wrap:not(.index_master_page) .ow_page_padding, body.rpconsole-agent .ow_page_wrap:not(.index_master_page) .ow_page_padding::before, body.rpconsole-agent .ow_page_container::before, body.rpconsole-agent .ow_page_container .ow_canvas::before, body.rpconsole-agent .ow_page_container .ow_canvas::after, body.rpconsole-agent .ow_header::after, body.rpconsole-agent .ow_header_pic_wrap::after{ background: none !important; background-image: none !important; } body.rpconsole-agent .ow_page_container::before, body.rpconsole-agent .ow_page_container .ow_canvas::before, body.rpconsole-agent .ow_page_container .ow_canvas::after{ content: none !important; display: none !important; filter: none !important; box-shadow: none !important; } body.rpconsole-agent .ow_page_container{ margin-top: 0 !important; } body.rpconsole-agent .ow_page.ow_bg_color{ background: transparent !important; border: 0 !important; box-shadow: none !important; } @media (max-width: 900px){ body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap{ background: #17171a !important; } } /* ========================================================= RP_LANDING_TOPBAR_PREMIUM_V1 Landing (index_master_page): mörk topbar i linje med #17171a + guldkant. Kompakt logga: romansportalen_topbar_compact.svg (en rad, samma 60px-höjd). ========================================================= */ html body .index_master_page .ow_site_panel_wrap{ /* Referens (LANDING): solid svart topbar */ background: #000000 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.28) !important; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.55) !important; } html body .index_master_page .ow_site_panel{ background: transparent !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; box-sizing: border-box !important; min-height: 56px !important; } html body .index_master_page .ow_console{ float: none !important; margin-left: auto !important; flex: 0 1 auto !important; } html body .index_master_page .ow_console_body{ float: none !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; flex-wrap: nowrap !important; } html body .index_master_page .ow_console .ow_console_items_wrap{ display: flex !important; justify-content: flex-end !important; align-items: center !important; flex-wrap: nowrap !important; gap: 10px !important; } html body .index_master_page .ow_console a, html body .index_master_page .ow_console .ow_console_item, html body .index_master_page .ow_console .ow_console_item a.ow_console_item_link{ color: #f1e8d7 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; font-size: 12px !important; font-weight: 600 !important; } html body .index_master_page .ow_console a:hover, html body .index_master_page .ow_console .ow_console_item:hover, html body .index_master_page .ow_console a:focus, html body .index_master_page .ow_console .ow_console_item a.ow_console_item_link:hover{ color: #fff6e3 !important; } html body .index_master_page .ow_logo_wrap{ float: none !important; flex: 0 0 auto !important; max-width: min(58vw, 320px) !important; padding: 0 0 0 16px !important; } html body .index_master_page .ow_logo_wrap a{ min-width: 180px !important; height: 60px !important; max-width: 100% !important; background-image: url("/ow_static/romansportalen_topbar_compact.svg?v=20260425tb1") !important; background-repeat: no-repeat !important; background-position: left center !important; /* Fyll raden i höjd, inte bredare än så topbaren håller 60px */ background-size: auto 32px !important; } @media (max-width: 480px){ html body .index_master_page .ow_logo_wrap a{ background-size: auto 28px !important; } } @media (min-width: 901px){ html body .index_master_page .ow_logo_wrap a{ background-size: auto 36px !important; min-width: 220px !important; } } html body .index_master_page .ow_console li.ow_console_lang_item{ color: #c8b89c !important; } html body .index_master_page .ow_console li.ow_console_lang_item:hover{ color: #f1e8d7 !important; } /* ========================================================= RP_FOOTER_PREMIUM_LUXE_V1 Mörk champagne/glass-footer i linje med premium-temat. Typografi + menylänkar + företagstext + betalningsloggor + powered-by. Splasch undantag nedan. RP_FOOTER_COMPACT_SUBTLE PAYMENTS — tunnare block, subtila betal-loggor, inga rutor. ========================================================= */ html body .ow_footer{ position: relative !important; background-color: #0f0d0b !important; background-image: radial-gradient(ellipse 82% 48% at 50% 0%, rgba(232, 200, 140, 0.10) 0%, rgba(232, 200, 140, 0) 68%), linear-gradient(180deg, rgba(20, 17, 14, 0.98) 0%, rgba(14, 12, 10, 0.99) 58%, rgba(9, 8, 7, 1) 100%) !important; color: rgba(241, 232, 215, 0.90) !important; border-top: 1px solid rgba(232, 200, 140, 0.22) !important; border-bottom: 0 !important; box-shadow: inset 0 1px 0 rgba(255, 246, 224, 0.05), 0 -10px 36px rgba(0, 0, 0, 0.48) !important; min-height: 0 !important; height: auto !important; padding: 0 0 2px 0 !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } html body .ow_footer .ow_canvas{ padding-top: 28px !important; } html body .ow_footer::before{ content: "" !important; position: absolute !important; left: 50% !important; right: auto !important; top: 0 !important; transform: translateX(-50%) !important; width: min(74%, 540px) !important; height: 1px !important; background: linear-gradient(90deg, transparent 0%, rgba(232, 200, 140, 0.12) 8%, rgba(240, 218, 170, 0.58) 50%, rgba(232, 200, 140, 0.12) 92%, transparent 100%) !important; box-shadow: 0 0 10px rgba(232, 200, 140, 0.14) !important; pointer-events: none !important; } html body .ow_footer .ow_copyright{ color: rgba(232, 200, 140, 0.78) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important; padding-top: 6px !important; margin-bottom: 12px !important; text-transform: uppercase !important; letter-spacing: 0.14em !important; font-weight: 600 !important; } html body .ow_footer .ow_footer_menu{ background: none !important; background-image: none !important; border-bottom: none !important; box-shadow: none !important; position: relative !important; padding: 6px 10px 16px 10px !important; margin-bottom: 18px !important; } /* Centrerad, smalare avdelare under menyn (samma logik som topphårlinjen) */ html body .ow_footer .ow_footer_menu::after{ content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; transform: translateX(-50%) !important; width: min(58%, 480px) !important; height: 1px !important; background: linear-gradient(90deg, transparent 0%, rgba(232, 200, 140, 0.10) 16%, rgba(240, 218, 170, 0.36) 50%, rgba(232, 200, 140, 0.10) 84%, transparent 100%) !important; box-shadow: 0 0 6px rgba(232, 200, 140, 0.08) !important; pointer-events: none !important; } html body .ow_footer a{ color: rgba(255, 243, 212, 0.92) !important; font-weight: 500 !important; letter-spacing: 0.06em !important; transition: color 0.15s ease, text-shadow 0.15s ease !important; } html body .ow_footer a:hover, html body .ow_footer a:focus{ color: #e8c88c !important; text-shadow: 0 0 12px rgba(232, 200, 140, 0.32) !important; } html body .ow_footer .ow_footer_menu a{ color: rgba(255, 243, 212, 0.92) !important; text-decoration: none !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; font-size: 13px !important; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.62) !important; } html body .ow_footer .ow_footer_menu a:hover, html body .ow_footer .ow_footer_menu a:focus{ color: #e8c88c !important; text-shadow: 0 0 12px rgba(232, 200, 140, 0.32) !important; } html body .ow_footer .rp-footer-company{ color: rgba(196, 178, 148, 0.62) !important; opacity: 1 !important; margin: 8px 0 12px 0 !important; font-style: italic !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; } html body .ow_footer .rp-footer-payments-title{ color: rgba(232, 200, 140, 0.72) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important; letter-spacing: 0.08em !important; margin: 10px 0 6px 0 !important; text-transform: uppercase !important; font-weight: 600 !important; } /* Ingen kant/låda — bara lugn rad + optiskt matchade märken */ html body .ow_footer .rp-footer-payments-logos{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; padding: 2px 0 4px 0 !important; box-sizing: border-box !important; margin: 0 auto !important; max-width: 100% !important; background: none !important; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; } html body .ow_footer .rp-footer-payments-logos img, html body .ow_footer .rp-footer-payments-logos .rp-payment-logo{ width: auto !important; height: auto !important; opacity: 0.94 !important; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.50)) brightness(1.04) !important; object-fit: contain !important; flex: 0 0 auto !important; vertical-align: middle !important; } html body .ow_footer .rp-footer-powered, html body .ow_footer .rp-powered-by, html body .ow_footer .rp-footer-powered a, html body .ow_footer .rp-powered-by a{ color: rgba(168, 152, 128, 0.52) !important; text-shadow: none !important; font-size: 11px !important; letter-spacing: 0.06em !important; margin-top: 2px !important; padding-top: 2px !important; } html body .ow_footer .rp-footer-powered a:hover, html body .ow_footer .rp-powered-by a:hover, html body .ow_footer .rp-footer-powered a:focus, html body .ow_footer .rp-powered-by a:focus{ color: #e8c88c !important; } /* VISA-ordmärke upplevs tyngre vid samma max-height som MC; sänk VISA, lås MC till rimlig takhöjd */ @media (min-width: 901px){ html body .ow_footer .ow_footer_menu a{ font-size: 18px !important; font-weight: 800 !important; letter-spacing: 0.11em !important; line-height: 1.25 !important; } html body .ow_footer .rp-footer-payments-logos img[alt="Mastercard"], html body .ow_footer .rp-footer-payments-logos .rp-payment-logo--mc{ max-height: 30px !important; } html body .ow_footer .rp-footer-payments-logos img[alt="VISA"], html body .ow_footer .rp-footer-payments-logos img[alt="Visa"], html body .ow_footer .rp-footer-payments-logos .rp-payment-logo--visa{ max-height: 20px !important; max-width: 64px !important; } } @media (max-width: 900px){ /* Footermeny: inline + " | " — håll allt på en rad (ev. horisontellt scroll på mycket smal skärm) */ html body .ow_footer .ow_footer_menu{ white-space: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; text-align: center !important; max-width: 100% !important; padding: 6px 8px 16px 8px !important; box-sizing: border-box !important; } html body .ow_footer .ow_footer_menu a{ letter-spacing: 0.055em !important; font-size: 14px !important; } /* Sekundärt: tydligare men fortfarande under menyraden (inte “mikroskopiskt”) */ html body .ow_footer .ow_copyright{ font-size: 12px !important; letter-spacing: 0.2em !important; } html body .ow_footer .rp-footer-company{ font-size: 11px !important; } html body .ow_footer .rp-footer-payments-title{ font-size: 11px !important; } html body .ow_footer .rp-footer-powered, html body .ow_footer .rp-powered-by, html body .ow_footer .rp-footer-powered a, html body .ow_footer .rp-powered-by a{ font-size: 10px !important; } html body .ow_footer .rp-footer-payments-logos{ padding: 0 0 8px 0 !important; } html body .ow_footer .rp-footer-payments-logos img[alt="Mastercard"], html body .ow_footer .rp-footer-payments-logos .rp-payment-logo--mc{ max-height: 36px !important; } html body .ow_footer .rp-footer-payments-logos img[alt="VISA"], html body .ow_footer .rp-footer-payments-logos img[alt="Visa"], html body .ow_footer .rp-footer-payments-logos .rp-payment-logo--visa{ max-height: 22px !important; max-width: 64px !important; } } /* ========================================================= FAS1_HOME_LAYOUT_POLISH_V1 Förstasida: renare spacing, bättre hierarki mellan hero och innehåll. ========================================================= */ @media (max-width: 900px){ body.base_index_page .index_master_page .ow_header_pic_wrap, body.base_index .index_master_page .ow_header_pic_wrap{ padding: 102px 0 26px !important; } body.base_index_page .index_master_page .index_qs_widget, body.base_index .index_master_page .index_qs_widget{ margin-top: 14px !important; margin-bottom: 30px !important; } body.base_index_page .index_master_page .ow_page_padding, body.base_index .index_master_page .ow_page_padding{ padding-bottom: 0 !important; } } @media (min-width: 901px){ body.base_index_page .index_master_page .ow_header_pic_wrap, body.base_index .index_master_page .ow_header_pic_wrap{ padding: 84px 0 54px !important; } } /* ========================================================= RP_SPLASH_VIEWPORT_FILL_V1 blank.html (ålderspopup): vit “fot” kommer från body #fff + ow_page_padding padding-bottom:99px. Full viewport-mörk bakgrund utan extra vit yta på mobil. ========================================================= */ html:has(body > .ow_page_wrap .splash_screen_cont), body:has(> .ow_page_wrap .splash_screen_cont){ background-color: #252525 !important; min-height: 100vh !important; min-height: 100dvh !important; } body:has(> .ow_page_wrap .splash_screen_cont) > .ow_page_wrap{ min-height: 100vh !important; min-height: 100dvh !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; } body:has(> .ow_page_wrap .splash_screen_cont) .ow_page_padding{ padding: 24px 16px !important; min-height: inherit !important; box-sizing: border-box !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } body:has(> .ow_page_wrap .splash_screen_cont) .ow_footer{ margin-top: 0 !important; height: auto !important; min-height: 0 !important; padding: 12px 0 !important; background: transparent !important; border-bottom: 0 !important; box-shadow: none !important; } body:has(> .ow_page_wrap .splash_screen_cont) .ow_footer::before{ content: none !important; display: none !important; } body:has(> .ow_page_wrap .splash_screen_cont) .ow_footer .ow_footer_menu::after{ content: none !important; display: none !important; } body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont{ width: min(100%, 620px) !important; margin: 0 auto !important; padding: 32px 34px 28px !important; box-sizing: border-box !important; background: linear-gradient(180deg, rgba(28, 22, 20, 0.98) 0%, rgba(18, 14, 13, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 28px !important; box-shadow: 0 24px 54px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 245, 224, 0.05) !important; color: #f1e8d7 !important; line-height: 1.65 !important; } body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont > div[style]{ padding: 18px 0 0 !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; flex-wrap: wrap !important; } body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont span.ow_button, body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont span.ow_button:hover, body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont span.ow_button span{ background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont input[type="button"]{ min-height: 46px !important; padding: 0 18px !important; border-radius: 14px !important; border: 1px solid rgba(231, 201, 146, 0.72) !important; background: linear-gradient(180deg, rgba(26, 20, 17, 0.92) 0%, rgba(16, 12, 10, 0.96) 100%) !important; color: #fff7e8 !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.12), 0 14px 28px rgba(0, 0, 0, 0.24) !important; white-space: normal !important; } body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont .ow_ic_left_arrow input[type="button"]{ border-color: rgba(224, 194, 131, 0.28) !important; background: rgba(255, 245, 224, 0.04) !important; color: #e6d7bc !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.04) !important; } @media (max-width: 700px){ body:has(> .ow_page_wrap .splash_screen_cont) .ow_page_padding{ padding: 16px 12px !important; } body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont{ padding: 24px 18px 22px !important; border-radius: 22px !important; } body:has(> .ow_page_wrap .splash_screen_cont) .splash_screen_cont input[type="button"]{ width: 100% !important; } } /* ========================================================= RP_MAILBOX_LAYOUT_GUARD_V2 mailbox.css använder overflow:hidden på tabellen för kolumn-layout — behåll endast det. (Tidigare max-width på bubblor togs bort — krockade med mobil konversationsvy.) ========================================================= */ @media (max-width: 900px){ body:not(.rpconsole-agent) .ow_mailbox_table{ overflow: hidden !important; } } /* ========================================================= RP_MOBILE_MIRROR_DESKTOP_V1 ≤900px: samma premium-logotypskalning, widget-marginaler och formulär som desktop. Åsidosätter äldre “compact mobile”-regler ovan (senare CSS vinner). Höjd på header-bakgrund (--rp-h-loggedout) och ram ::before/::after i index.html oförändrade. ========================================================= */ @media (max-width: 900px){ .index_master_page .index_top.clearfix, body.base_index_page .index_master_page .index_top.clearfix, body.base_index .index_master_page .index_top.clearfix{ overflow: visible !important; padding-left: 6px !important; padding-right: 6px !important; } .index_master_page .index_top .logo_url{ position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; aspect-ratio: 680 / 530 !important; height: auto !important; min-height: 0 !important; margin: 8px auto 0 !important; overflow: visible !important; clip-path: none !important; background-image: url(/ow_static/romansportalen_logo_premium.svg?v=20260425wordmark70w) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center 2px !important; transform: translateY(2px) !important; filter: none !important; left: auto !important; right: auto !important; } .index_master_page .index_qs_widget{ width: var(--rp-widget-width) !important; max-width: var(--rp-widget-width) !important; height: var(--rp-widget-height) !important; min-height: var(--rp-widget-height) !important; margin: var(--rp-widget-margin-top) auto var(--rp-widget-margin-bottom) auto !important; box-sizing: border-box !important; overflow: visible !important; transform: none !important; float: none !important; clear: both !important; } .index_master_page .index_qs_widget .ow_qs{ padding: 7px 10px 4px !important; width: 100% !important; box-sizing: border-box !important; } .index_master_page .index_qs_widget .ow_qs_field{ display: grid !important; grid-template-columns: 108px minmax(0, 1fr) !important; align-items: center !important; column-gap: 8px !important; row-gap: 5px !important; padding-bottom: 9px !important; } .index_master_page .index_qs_widget .ow_qs_field .ow_qs_label{ display: block !important; padding: 0 !important; margin: 0 !important; line-height: 1.15 !important; font-size: 14px !important; white-space: nowrap !important; } .index_master_page .index_qs_widget .ow_qs_field .ow_qs_value{ display: block !important; min-width: 0 !important; } .index_master_page .index_qs_widget .ow_qs_field select, .index_master_page .index_qs_widget .ow_qs_field input[type="text"]{ width: 100% !important; height: 27px !important; line-height: 27px !important; font-size: 14px !important; } /* Kön/Letar efter-högerkant: RP_INDEX_QS_UNIFIED_GRID_V1 */ .index_master_page .index_qs_widget .ow_qs_field select{ max-width: none !important; box-sizing: border-box !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_label{ display: block !important; padding: 0 0 4px 0 !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate, .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate.ow_qs_field_small, .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate.ow_qs_field_small_right{ width: 100% !important; float: none !important; clear: both !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .ow_qs_value{ display: block !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate{ display: flex !important; align-items: center !important; gap: 10px !important; white-space: nowrap !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate input{ width: 42px !important; max-width: 42px !important; text-align: center !important; } .index_master_page .index_qs_widget .ow_qs_field.rp-qs-birthdate .birthdate .ow_agerange_to{ display: inline-block !important; margin: 0 2px !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_field_checkboxes{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 5px 0 8px !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_field_checkboxes .ow_qs_presentation_checkbox{ width: auto !important; float: none !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; } .index_master_page .index_qs_widget .ow_qs_field.ow_qs_field_checkboxes .ow_qs_label{ line-height: 1.35 !important; padding: 0 !important; } .index_master_page .index_qs_widget .ow_qs_btn{ margin-top: 4px !important; padding-top: 0 !important; } .index_master_page .index_qs_widget .ow_qs_btn .ow_button{ margin-right: 0 !important; } .index_master_page .index_qs_widget .ow_qs_btn .ow_qs_label{ padding: 7px 0 0 !important; font-size: 12px !important; } .index_master_page .index_qs_widget .ow_qs_btn .ow_qs_label a{ display: none !important; } .index_master_page .index_qs_widget .ow_qs_btn input[type="submit"], .index_master_page .index_qs_widget .ow_qs_btn .ow_button{ display: none !important; } .index_master_page .index_bot.clearfix{ position: relative !important; transform: translateY(var(--rp-join-y)) !important; } /* Topp-hack i ramen: samma 40px som desktop (RP 4.5); mobile V2 hade 20px → större lucka vid VÄLKOMMEN */ .index_master_page .index_top_left, .index_master_page .index_top_right, body.base_index_page .index_master_page .index_top_left, body.base_index_page .index_master_page .index_top_right, body.base_index .index_master_page .index_top_left, body.base_index .index_master_page .index_top_right{ width: 40px !important; } } /* ========================================================= CONSOLE_DROPDOWN_THEME_FIX_V1 Fixar vit/oläslig dropdown i konsolmenyn (desktop + mobil). Endast visuella färg/kontrast-regler, ingen funktionsändring. ========================================================= */ .ow_console .console_tooltip.ow_tooltip_top_right .ow_tooltip_body, .ow_console ul.ow_console_dropdown{ background: rgba(18, 18, 20, 0.98) !important; border: 1px solid rgba(224, 194, 131, 0.35) !important; border-radius: 10px !important; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42) !important; color: #f1e8d7 !important; } .ow_console .ow_tooltip_tail span{ background-position: 8px -6px !important; } .ow_console ul.ow_console_dropdown .ow_console_dropdown_cont{ margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; } .ow_console ul.ow_console_dropdown li:first-child .ow_console_dropdown_cont{ border-top: 0 !important; } .ow_console ul.ow_console_dropdown .ow_console_dropdown_cont a{ color: #f1e8d7 !important; padding: 8px 12px !important; } .ow_console ul.ow_console_dropdown .ow_console_dropdown_cont a:hover{ background: rgba(224, 194, 131, 0.18) !important; color: #fff6e3 !important; } .ow_console .ow_console_list li{ background: rgba(28, 28, 31, 0.98) !important; border-color: rgba(224, 194, 131, 0.28) !important; } .ow_console .ow_console_list li.ow_console_new_message{ background: rgba(42, 42, 46, 0.98) !important; } .ow_console .ow_console_ntf_txt, .ow_console .ow_console_invt_txt, .ow_console .ow_console_invt_cont a{ color: #f1e8d7 !important; } @media (max-width: 900px){ .ow_console .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: min(360px, calc(100vw - 12px)) !important; max-width: min(360px, calc(100vw - 12px)) !important; max-height: calc(100vh - 72px) !important; overflow-y: auto !important; } } /* ========================================================= FAS1_MOBILE_HAMBURGER_CONSOLE_V1 Mobil: ersätt konsolrad med hamburger + slide-out. ========================================================= */ @media (max-width: 900px){ body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap{ position: relative !important; z-index: 10040 !important; background: #17171a !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; height: 60px !important; min-height: 60px !important; padding: 0 10px !important; overflow: visible !important; white-space: normal !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap::after{ display: none !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel .ow_console{ display: none !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap{ width: 166px !important; height: 60px !important; padding: 0 !important; margin: 0 auto 0 0 !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap a{ width: 100% !important; height: 60px !important; background-size: contain !important; background-position: left center !important; } .rp-mobile-hamburger{ display: inline-flex !important; flex-direction: column !important; justify-content: center !important; gap: 5px !important; width: 42px !important; height: 42px !important; border: 1px solid rgba(224, 194, 131, 0.45) !important; border-radius: 10px !important; background: #1e1e21 !important; padding: 0 10px !important; cursor: pointer !important; margin-left: 0 !important; } .rp-mobile-hamburger span{ display: block !important; width: 100% !important; height: 2px !important; border-radius: 2px !important; background: #f1e8d7 !important; } .rp-mobile-drawer-backdrop{ position: fixed !important; inset: 0 !important; background: rgba(0, 0, 0, 0.55) !important; z-index: 10048 !important; } .rp-mobile-drawer{ position: fixed !important; top: 0 !important; right: 0 !important; width: min(86vw, 340px) !important; height: 100dvh !important; background: #17171a !important; border-left: 1px solid rgba(224, 194, 131, 0.28) !important; box-shadow: -18px 0 36px rgba(0, 0, 0, 0.45) !important; z-index: 10049 !important; transform: translateX(100%) !important; transition: transform .24s ease !important; display: flex !important; flex-direction: column !important; } body.rp-mobile-drawer-open .rp-mobile-drawer{ transform: translateX(0) !important; } .rp-mobile-drawer-head{ display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 14px 12px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; color: #f1e8d7 !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; font-size: 12px !important; } .rp-mobile-drawer-close{ border: 0 !important; background: transparent !important; color: #f1e8d7 !important; font-size: 28px !important; line-height: 1 !important; cursor: pointer !important; padding: 0 !important; } .rp-mobile-drawer-nav{ overflow-y: auto !important; padding: 8px 0 18px !important; } .rp-mobile-drawer-section{ margin: 8px 0 0 !important; } .rp-mobile-drawer-heading{ margin: 0 !important; padding: 12px 14px 8px !important; color: #cdb689 !important; font-size: 11px !important; letter-spacing: .12em !important; text-transform: uppercase !important; border-top: 1px solid rgba(255, 255, 255, 0.05) !important; } .rp-mobile-drawer-section:first-child .rp-mobile-drawer-heading{ border-top: 0 !important; } .rp-mobile-drawer-link{ display: block !important; padding: 13px 14px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; color: #f1e8d7 !important; text-decoration: none !important; font-size: 14px !important; letter-spacing: .03em !important; } .rp-mobile-drawer-link:hover, .rp-mobile-drawer-link:active{ background: rgba(224, 194, 131, 0.16) !important; color: #fff6e3 !important; } } @media (min-width: 901px){ .rp-mobile-hamburger, .rp-mobile-drawer, .rp-mobile-drawer-backdrop{ display: none !important; } /* Lägg tillbaka tydlig premiumlogga på desktop */ body:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap{ width: 320px !important; height: 60px !important; padding-left: 12px !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap a{ width: 100% !important; height: 60px !important; background-size: auto 50px !important; background-position: left center !important; } } /* ========================================================= RP_LAYOUT_CORRECTION_DESKTOP_MOBILE_V1 Exakta korrigeringar: toppbar, undermeny, contentyta, mobil placering. ========================================================= */ /* 1) DESKTOP TOPPBAR: kompaktare höjd */ @media (min-width: 901px){ html body .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap{ min-height: 50px !important; height: 50px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel{ height: 50px !important; min-height: 50px !important; padding-top: 0 !important; padding-bottom: 0 !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_body{ height: 50px !important; line-height: 50px !important; padding-top: 0 !important; padding-bottom: 0 !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_logo_wrap{ height: 50px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_logo_wrap a{ height: 50px !important; background-size: auto 42px !important; } } /* 2) DESKTOP UNDERMENY: centrerad, clean, premium, ingen extra topp-linje RP_HERO_MEMBER_MENU_LARGER_V1: större typ/ytor + samma maxbredd som innehåll (1100px). */ @media (min-width: 901px){ body:not(.base_index):not(.base_index_page) .rp-main-menu-center{ position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 25 !important; border-top: 0 !important; border-bottom: 0 !important; background: linear-gradient(180deg, rgba(20,20,23,0) 0%, rgba(20,20,23,.48) 78%, rgba(20,20,23,.62) 100%) !important; padding: 12px 48px 18px !important; text-align: center !important; box-sizing: border-box !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 10px 16px !important; max-width: 1100px !important; width: 100% !important; margin: 0 auto !important; padding: 0 4px !important; float: none !important; box-sizing: border-box !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li{ float: none !important; list-style: none !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{ display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; min-height: 52px !important; padding: 12px 18px !important; border-radius: 999px !important; background: rgba(20, 20, 23, 0.84) !important; border: 1px solid rgba(224, 194, 131, 0.36) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important; color: #f1e8d7 !important; text-decoration: none !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.15 !important; letter-spacing: 0.07em !important; text-align: center !important; transition: background-color .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:hover > a{ background: rgba(20, 20, 23, 0.92) !important; border-color: rgba(224, 194, 131, 0.44) !important; color: #fff6e3 !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active > a, body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active > a, body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current > a{ background: linear-gradient(180deg, rgba(224, 194, 131, 0.34) 0%, rgba(186, 159, 105, 0.28) 100%) !important; border-color: rgba(224, 194, 131, 0.44) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(224, 194, 131, 0.20) !important; color: #fff6e3 !important; font-weight: 600 !important; } } /* 3) DESKTOP CONTENT: renare mörk yta + bättre balans */ @media (min-width: 901px){ /* rpconsole (body.rpconsole-agent): exkluderad — annars låses agentkonsolen till ~1100px (RPCONSOLE-plugin). */ body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{ width: 100% !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas{ max-width: 1100px !important; margin: 0 auto !important; padding: 0 12px 14px !important; } /* * base.css sätter .ow_page { margin: 0 185px 0 auto } för gammal 1000px-sidebarlayout, * vilket vänsterförskjuter allt innehåll under hero jämfört med neutral centrerad rad (t.ex. dashboard). */ body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas .ow_page{ margin-left: auto !important; margin-right: auto !important; float: none !important; width: 100% !important; max-width: 1100px !important; box-sizing: border-box !important; min-height: 240px !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{ background: transparent !important; border: 0 !important; box-shadow: none !important; } /* * RP_DESKTOP_FOOTER_GAP_TRIM_V1 — base.css .ow_page_padding padding-bottom:218px + .ow_footer margin-top:-218px. * Minska parvis så footern inte behöver lika stor “lucka” under innehåll. */ body:not(.base_index):not(.base_index_page):not(.rpconsole-agent) .ow_page_padding{ padding-bottom: 80px !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent) .ow_footer{ margin-top: -80px !important; } /* RP_HERO_PREMIUM_SEPARATOR_V11 desktop */ body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){ --rp-sep-gap: 36px; --rp-sep-band: 24px; --rp-sep-diamond: 14px; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){ --rp-hero-blend-overlap: 64px; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header_pic_wrap::after{ height: 96px !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header::after{ height: 80px !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{ margin-top: calc(-1 * var(--rp-hero-blend-overlap)) !important; padding-top: calc((var(--rp-sep-gap) * 2) + var(--rp-sep-band) + var(--rp-hero-blend-overlap)) !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{ margin-top: 0 !important; padding-top: 16px !important; border-top: 0 !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_dragndrop_panel{ margin-top: 0 !important; padding-top: 12px !important; position: relative !important; z-index: 2 !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container .ow_canvas .ow_page{ min-height: 0 !important; } } /* 4) MOBIL TOPPBAR + HAMBURGER PLACERING */ @media (max-width: 900px){ body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap{ background: #17171a !important; border-bottom: 1px solid rgba(224, 194, 131, 0.2) !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel{ height: 54px !important; min-height: 54px !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap{ order: 1 !important; width: 188px !important; height: 54px !important; margin: 0 !important; } body:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap a{ height: 54px !important; background-size: auto 34px !important; } .rp-mobile-topbar-actions{ order: 2 !important; margin-left: auto !important; display: inline-flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; } /* Visuell ordning oberoende av DOM (bell → hamburger → språk). */ .rp-mobile-topbar-actions > .ow_console_item.ow_notification_list{ order: 1 !important; } .rp-mobile-topbar-actions > .rp-mobile-hamburger{ order: 2 !important; } .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item){ order: 3 !important; } /* När .rp-mobile-member-cluster flyttas in i samma flex-rad som klockan: lägg den visuellt strax före order:1. */ .rp-mobile-topbar-actions > .rp-mobile-member-cluster{ order: 0.95 !important; } body.rp-mobile-nav-admin:not(.base_index):not(.base_index_page) .ow_site_panel{ height: 56px !important; min-height: 56px !important; padding: 0 10px 0 12px !important; } body.rp-mobile-nav-admin:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap{ order: 1 !important; width: 236px !important; max-width: calc(100vw - 124px) !important; height: 56px !important; margin: 0 !important; flex: 0 1 auto !important; } body.rp-mobile-nav-admin:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap a{ height: 56px !important; background-size: auto 44px !important; background-position: left center !important; } body.rp-mobile-nav-admin:not(.base_index):not(.base_index_page) .rp-mobile-topbar-actions{ order: 2 !important; flex: 0 0 auto !important; margin-left: auto !important; gap: 8px !important; } body.rp-mobile-nav-admin:not(.base_index):not(.base_index_page) .rp-mobile-topbar-actions > .ow_console_item.ow_notification_list{ order: 1 !important; } body.rp-mobile-nav-admin:not(.base_index):not(.base_index_page) .rp-mobile-topbar-actions > .rp-mobile-hamburger{ order: 2 !important; } body.rp-mobile-nav-admin:not(.base_index):not(.base_index_page) .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item){ display: none !important; } /* Mobil: medlemmar = snabbnav + bell + språk (ingen hamburger). Admin = hamburger + drawer (nuvarande). */ body.rp-mobile-nav-member .rp-mobile-hamburger{ display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.rp-mobile-nav-member .rp-mobile-drawer, body.rp-mobile-nav-member .rp-mobile-drawer-backdrop{ display: none !important; visibility: hidden !important; pointer-events: none !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster{ order: 2 !important; flex: 0 1 auto !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; overflow: visible !important; padding: 0 2px !important; box-sizing: border-box !important; margin: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions{ order: 3 !important; flex: 0 0 auto !important; margin-left: auto !important; } /* * Flyttade konsolposter (mailbox + profil-dropdown): ren topbar-text, inte knapppill. */ body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item{ float: none !important; display: inline-flex !important; align-items: center !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 4px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; vertical-align: middle !important; max-width: 46vw !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item a.ow_console_item_link{ display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-decoration: none !important; color: #f1e8d7 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; line-height: 1.2 !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_more{ opacity: 0.85 !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .OW_ConsoleItemContent, body.rp-mobile-nav-member .rp-mobile-member-cluster .console_tooltip.ow_tooltip{ z-index: 10099 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster{ overflow-x: hidden !important; flex-wrap: nowrap !important; white-space: nowrap !important; justify-content: flex-start !important; column-gap: 6px !important; } /* Original språk: samma .ow_console_item, placerad här via JS */ .rp-mobile-topbar-actions .ow_console_item{ display: inline-flex !important; align-items: center !important; justify-content: center !important; float: none !important; height: 40px !important; min-height: 40px !important; margin: 0 4px 0 0 !important; padding: 0 2px !important; line-height: 1 !important; vertical-align: middle !important; } .rp-mobile-topbar-actions .ow_console_item .ow_console_lang_item{ line-height: 1 !important; } /* Aviseringar: samma OW_CONSOLE-post (.ow_notification_list), flyttad hit via JS — klocka + befintlig badge */ .rp-mobile-topbar-actions .ow_console_item.ow_notification_list{ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; min-width: 40px !important; height: 40px !important; margin: 0 2px 0 0 !important; padding: 0 !important; } .rp-mobile-topbar-actions .ow_console_item.ow_notification_list > a.ow_console_item_link{ position: relative !important; z-index: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; box-sizing: border-box !important; padding: 0 !important; overflow: visible !important; font-size: 0 !important; letter-spacing: 0 !important; color: transparent !important; border: 1px solid rgba(241, 232, 215, 0.62) !important; border-radius: 10px !important; background: #2a2a2f !important; text-indent: -999px !important; } .rp-mobile-topbar-actions .ow_console_item.ow_notification_list > a.ow_console_item_link::before{ content: '\1F514' !important; display: flex !important; align-items: center !important; justify-content: center !important; position: absolute !important; inset: 0 !important; text-indent: 0 !important; font-size: 17px !important; line-height: 40px !important; color: #f1e8d7 !important; font-style: normal !important; } .rp-mobile-topbar-actions .ow_console_item.ow_notification_list .ow_count_wrap{ position: absolute !important; top: -5px !important; right: -6px !important; z-index: 2 !important; margin: 0 !important; transform: scale(0.95) !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_count_bg, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_count_bg, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .OW_ConsoleItemCounterPlace, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .OW_ConsoleItemCounterPlace{ min-width: 20px !important; min-height: 20px !important; border: 1px solid rgba(224, 194, 131, 0.95) !important; background: rgba(224, 194, 131, 0.92) !important; box-shadow: 0 0 0 1px rgba(18, 18, 20, 0.65) !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_count, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_count, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .OW_ConsoleItemCounterNumber, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .OW_ConsoleItemCounterNumber{ color: #121214 !important; font-weight: 700 !important; text-shadow: none !important; } .rp-mobile-hamburger{ width: 40px !important; height: 40px !important; border: 1px solid rgba(241, 232, 215, 0.62) !important; background: #2a2a2f !important; } .rp-mobile-hamburger span{ background: #fff6e3 !important; } } /* 5) MOBIL UNDERMENY I HEADERN (app-lika knappar längst ned) */ @media (max-width: 900px){ body:not(.base_index):not(.base_index_page) .rp-main-menu-center{ position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 22 !important; background: linear-gradient(180deg, rgba(20,20,23,0) 0%, rgba(20,20,23,.42) 26%, rgba(20,20,23,.84) 70%, rgba(20,20,23,.97) 100%) !important; border: 0 !important; padding: 10px 10px 18px !important; transform: translateY(2px) !important; overflow-x: visible !important; overflow-y: visible !important; white-space: normal !important; } /* Alternativ B: två rader (3 + 2 centrerat), full etikett utan horisontell scroll */ body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{ display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 10px !important; float: none !important; align-items: stretch !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li{ min-width: 0 !important; float: none !important; list-style: none !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:nth-child(1){ grid-column: 1 / 3; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:nth-child(2){ grid-column: 3 / 5; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:nth-child(3){ grid-column: 5 / 7; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:nth-child(4){ grid-column: 2 / 4; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li:nth-child(5){ grid-column: 4 / 6; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{ display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important; min-height: 52px !important; padding: 12px 14px !important; border-radius: 999px !important; background: rgba(20,20,23,.84) !important; border: 1px solid rgba(224, 194, 131, .36) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important; color: #f1e8d7 !important; text-decoration: none !important; font-size: clamp(12px, 3.1vw, 14px) !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: .07em !important; white-space: normal !important; text-align: center !important; overflow: visible !important; text-overflow: clip !important; word-break: break-word !important; hyphens: auto !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.active > a, body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.ow_active > a, body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li.current > a{ background: linear-gradient(180deg, rgba(224, 194, 131, 0.34) 0%, rgba(186, 159, 105, 0.28) 100%) !important; border-color: rgba(224, 194, 131, 0.44) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(224, 194, 131, 0.20) !important; color: #fff6e3 !important; } } /* 6) MOBIL SLIDE-OUT: struktur tydlig + samma logik som desktopgrenar */ @media (max-width: 900px){ .rp-mobile-drawer{ background: #141418 !important; } .rp-mobile-drawer-link{ color: #f1e8d7 !important; } .rp-mobile-drawer-rootlink{ font-weight: 700 !important; letter-spacing: .05em !important; border-top: 1px solid rgba(255,255,255,.06) !important; margin-top: 6px !important; padding-top: 14px !important; } .rp-mobile-drawer-section:first-child .rp-mobile-drawer-rootlink{ border-top: 0 !important; margin-top: 0 !important; } .rp-mobile-drawer-sublink{ padding-left: 26px !important; font-size: 13px !important; color: #ddd0b6 !important; } } /* ========================================================= RP_STRICT_FIX_20260420_V4 Desktop/mobile punktfixar enligt senaste krav. ========================================================= */ /* Desktop: dölj mobil bar (hamburger) — språk ligger i konsolen på desktop */ @media (min-width: 901px){ .rp-mobile-topbar-actions{ display: none !important; } /* Toppmenyn (console) ska ligga kvar i toppbaren */ html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console{ display: block !important; float: right !important; position: relative !important; z-index: 5 !important; height: 50px !important; } /* Hero-menyn ligger nedtill i headern, men utan att ta över toppbaren */ body:not(.base_index):not(.base_index_page) .rp-main-menu-center{ z-index: 20 !important; } .rp-mobile-member-cluster{ display: none !important; } } /* Mobil toppbar: mörk + språk bredvid hamburger till höger */ @media (max-width: 900px){ body:not(.base_index):not(.base_index_page) .ow_site_panel_wrap{ background: #17171a !important; } .rp-mobile-topbar-actions{ display: inline-flex !important; align-items: center !important; gap: 6px !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{ gap: 12px !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{ padding: 12px 14px !important; } } /* Mobil drawer: riktig accordion (stängd som standard) */ @media (max-width: 900px){ .rp-mobile-drawer-panel{ display: none !important; } .rp-mobile-drawer-section.is-open .rp-mobile-drawer-panel{ display: block !important; } .rp-mobile-drawer-rootlink{ width: 100% !important; text-align: left !important; border: 0 !important; background: transparent !important; color: #f1e8d7 !important; } .rp-mobile-drawer-chevron{ float: right !important; opacity: .88 !important; font-weight: 700 !important; } } /* ========================================================= RP_EMERGENCY_MENU_ALIGNMENT_V6 Hård separering: - Console-menyn i riktig toppbar - Hero-menyn nedtill i headern ========================================================= */ @media (min-width: 901px){ html body .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap{ position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; background: #141418 !important; z-index: 10080 !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel{ height: 50px !important; min-height: 50px !important; max-height: 50px !important; background: #141418 !important; overflow: visible !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console{ display: block !important; float: right !important; height: 50px !important; position: relative !important; z-index: 3 !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_body{ height: 50px !important; line-height: 50px !important; padding: 14px 4px 0 8px !important; text-align: right !important; } html body .ow_page_wrap:not(.index_master_page) .ow_header{ margin-top: 50px !important; } html body .ow_page_wrap:not(.index_master_page) .rp-main-menu-center{ position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 24 !important; } } /* ========================================================= RP_HARD_FIX_V5 Säkerställ exakt topbar-placering + mobil accordion. ========================================================= */ @media (min-width: 901px){ html body .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap{ background: #141418 !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel{ width: 100% !important; max-width: 1100px !important; height: 50px !important; min-height: 50px !important; display: block !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console{ float: right !important; height: 50px !important; display: block !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_body{ height: 50px !important; line-height: 50px !important; padding: 14px 4px 0 8px !important; text-align: right !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item{ vertical-align: middle !important; } html body .ow_page_wrap:not(.index_master_page) .ow_header{ margin-top: 50px !important; } /* Mobil-rad (hamburger) döljs på desktop */ html body .rp-mobile-topbar-actions{ display: none !important; visibility: hidden !important; } } @media (max-width: 900px){ /* accordion: endast subpanel när grupp är öppen */ .rp-mobile-drawer-section .rp-mobile-drawer-panel{ display: none !important; } .rp-mobile-drawer-section.is-open .rp-mobile-drawer-panel{ display: block !important; } /* mobil hero-knappar: tightare spacing inom bredd */ body:not(.base_index):not(.base_index_page) .rp-main-menu-center{ padding-left: 10px !important; padding-right: 10px !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul{ gap: 12px !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center > ul > li > a{ padding: 12px 14px !important; } } /* ========================================================= RP_FORCE_FINAL_VISIBILITY_V7 Högspecificerade overrides som vinner över base.css. ========================================================= */ @media (min-width: 901px){ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel_wrap{ background-color: #141418 !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; z-index: 10090 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel{ background: #141418 !important; height: 50px !important; min-height: 50px !important; overflow: visible !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console{ display: block !important; float: right !important; height: 50px !important; visibility: visible !important; opacity: 1 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_body{ display: block !important; height: 50px !important; line-height: 50px !important; padding: 14px 4px 0 8px !important; white-space: nowrap !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_item, html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_item a{ color: #f1e8d7 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_header{ margin-top: 50px !important; } } @media (max-width: 900px){ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel_wrap{ background-color: #17171a !important; } } /* ========================================================= RP_CANONICAL_NAV_V11 Desktop: flex-rad i toppbaren (logo + konsol på samma rad). Mobil drawer: parent-länk + separat expand-knapp. RP_TOPBAR_INSET_1100_V1: max 1100, horisontellt padding 48px. Hero undermeny samma horisontella inryck. ========================================================= */ @media (min-width: 901px){ /* Samma specificitet som RP_FORCE_FINAL_VISIBILITY_V7 (.ow_page_wrap dubbel) så flex/centreering slår float:right */ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel{ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; float: none !important; width: 100% !important; max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; padding-left: 48px !important; padding-right: 48px !important; overflow: visible !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_logo_wrap, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_logo_wrap{ float: none !important; display: block !important; flex: 0 0 auto !important; flex-shrink: 0 !important; max-width: min(240px, 30vw) !important; min-width: 120px !important; width: auto !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; padding-left: 0 !important; padding-right: 8px !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_logo_wrap a, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_logo_wrap a{ display: block !important; min-width: 0 !important; max-width: 220px !important; box-sizing: border-box !important; visibility: visible !important; opacity: 1 !important; } /* * Högerlinjerad konsol som klassisk Oxwall-float (inte centrerad i mellanrum). */ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console{ float: none !important; display: flex !important; flex: 0 1 auto !important; flex-shrink: 1 !important; margin-left: auto !important; justify-content: flex-end !important; align-items: center !important; align-self: stretch !important; min-width: 0 !important; width: auto !important; max-width: calc(100% - 132px) !important; height: 50px !important; visibility: visible !important; opacity: 1 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_body, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_body{ float: none !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 14px 0 0 8px !important; margin: 0 !important; text-align: right !important; height: 50px !important; line-height: normal !important; white-space: nowrap !important; overflow: visible !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_items_wrap, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_items_wrap{ display: inline-flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; max-width: 100% !important; min-width: 0 !important; gap: 2px !important; } /* * Desktop konsol: övriga poster order 0 (DOM-ordning). * Riktiga MEDDELANDEN (topp-länk till mailbox-routen) → avisering → ADMIN (topp-länk med /admin/) → språk sist. */ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_items_wrap > .ow_console_item:has(> a.ow_console_item_link[href*="mailbox"]), html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_items_wrap > .ow_console_item:has(> a.ow_console_item_link[href*="mailbox"]){ order: 24 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_items_wrap > .ow_console_item.ow_notification_list, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_items_wrap > .ow_console_item.ow_notification_list{ order: 25 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_items_wrap > .ow_console_item:has(> a.ow_console_item_link[href*="admin"]), html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_items_wrap > .ow_console_item:has(> a.ow_console_item_link[href*="admin"]){ order: 26 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_items_wrap > .ow_console_item:has(.ow_console_lang_item), html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_items_wrap > .ow_console_item:has(.ow_console_lang_item){ order: 99 !important; } } /* Desktop topbar: två längor — explicit width: 12 + max(0,(100vw-1100)/2), cap med min(100%…); 100vw i marginal, inte 100% (kortar mot scrollbar). Vänster/höger med left/right+auto, inte right:calc(…) som vissa motorer fuskar med vid width:auto. */ @media (min-width: 901px){ html body:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap{ border-bottom: 0 !important; width: 100% !important; box-sizing: border-box !important; } html body:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap::before{ content: "" !important; position: absolute !important; left: 0 !important; right: auto !important; width: min(100%, calc(12px + max(0px, (100vw - 1100px) / 2))) !important; bottom: 0 !important; height: 1px !important; top: auto !important; background: rgba(224, 194, 131, 0.24) !important; pointer-events: none !important; z-index: 10090 !important; } html body:not(.base_index):not(.base_index_page) .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap::after{ content: "" !important; position: absolute !important; right: 0 !important; left: auto !important; width: min(100%, calc(12px + max(0px, (100vw - 1100px) / 2))) !important; bottom: 0 !important; height: 1px !important; top: auto !important; background: rgba(224, 194, 131, 0.24) !important; pointer-events: none !important; z-index: 10090 !important; } } @media (max-width: 900px){ .rp-mobile-drawer-parent-row{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; width: 100% !important; box-sizing: border-box !important; } .rp-mobile-drawer-parent-link{ flex: 1 1 auto !important; min-width: 0 !important; display: block !important; padding: 12px 10px !important; border-radius: 10px !important; color: #f1e8d7 !important; text-decoration: none !important; font-weight: 600 !important; } .rp-mobile-drawer-expand{ flex: 0 0 44px !important; width: 44px !important; height: 44px !important; border-radius: 10px !important; border: 1px solid rgba(224, 194, 131, 0.45) !important; background: #2a2a2f !important; color: #fff6e3 !important; font-size: 18px !important; line-height: 1 !important; cursor: pointer !important; padding: 0 !important; } } /* ========================================================= RP_CONSOLE_DROPDOWN_OVERFLOW_RESTORE Dropdowns/tooltips ska inte klippas eller scrollas i 50px-raden. ========================================================= */ @media (min-width: 901px){ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel_wrap, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap{ overflow: visible !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console{ overflow: visible !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel ul.ow_console_dropdown, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel ul.ow_console_dropdown, html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .console_tooltip.ow_tooltip, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .console_tooltip.ow_tooltip{ max-height: none !important; } /* * RP_MAIN_MENU_SUBMENU_HOVER_V12 * Om huvudmenyn har nästlade ul (▼), visa vid hover på desktop utan extra JS. */ body:not(.base_index):not(.base_index_page) .rp-main-menu-center ul.ow_main_menu > li{ position: relative !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center ul.ow_main_menu > li > ul{ display: none !important; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; top: 100% !important; min-width: 200px !important; z-index: 40 !important; padding: 8px 0 !important; margin: 4px 0 0 !important; list-style: none !important; background: rgba(26, 26, 30, 0.98) !important; border: 1px solid rgba(224, 194, 131, 0.35) !important; border-radius: 10px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center ul.ow_main_menu > li > ul > li > a{ display: block !important; padding: 8px 14px !important; white-space: nowrap !important; text-decoration: none !important; } body:not(.base_index):not(.base_index_page) .rp-main-menu-center ul.ow_main_menu > li:hover > ul{ display: block !important; } } /* Mobil: vanliga medlemmar — ingen sidscroll i FAS1-toppbaren (scroll gäller ej admin på samma sätt) */ @media (max-width: 900px){ body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel{ overflow-x: hidden !important; white-space: normal !important; } } /* ========================================================= RP_MOBILE_MEMBER_CLUSTER_MAILBOX_PROFILE_V13 Meddelanden synliga + separat pil för profildropdown (endast mobil medlem). ========================================================= */ @media (max-width: 900px){ body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list{ max-width: none !important; flex-shrink: 1 !important; min-width: 0 !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover{ display: inline-flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; max-width: min(52vw, 220px) !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover a.ow_console_item_link{ flex: 1 1 auto !important; min-width: 0 !important; margin-right: 6px !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .ow_console_more{ flex: 0 0 34px !important; width: 34px !important; min-width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 0 0 6px !important; border-radius: 10px !important; border: 1px solid rgba(224, 194, 131, 0.45) !important; background-color: rgba(42, 42, 47, 0.95) !important; background-position: center 11px !important; align-self: center !important; cursor: pointer !important; box-sizing: border-box !important; } } /* ========================================================= RP_MOBILE_MEMBER_TOOLBAR_GAP_V14 Luft mellan kluster (meddelanden+profil) och 🔔/språk — inga överlappande klickytor. ========================================================= */ @media (max-width: 900px){ body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .rp-mobile-topbar-actions > .rp-mobile-member-cluster{ margin-right: 4px !important; padding-right: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions{ padding-left: 4px !important; margin-left: auto !important; gap: 10px !important; flex-shrink: 0 !important; box-sizing: border-box !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover{ max-width: min(36vw, 160px) !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_notification_list{ margin-left: 0 !important; margin-right: 0 !important; } } /* ========================================================= RP_DESKTOP_CONSOLE_INTERACTION_RESTORE_V15 RP_FORCE_FINAL_VISIBILITY_V7 satte base-färg på .ow_console_item a med !important utan matchande :hover — hover-reglerna från RP_DARK_PREMIUM vann då inte → "dött" UI. Återställd hover + cursor (endast ≥901px). Tidigare "hover bridge" med fast z-index/marginal täckte grannposter; z-index bara vid :hover nedan. ========================================================= */ @media (min-width: 901px){ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_item:hover, html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_item a:hover{ color: #fff6e3 !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_item, html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_item a.ow_console_item_link{ cursor: pointer !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_console_dropdown_hover:hover{ position: relative !important; z-index: 10096 !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_console_dropdown_hover:hover .OW_ConsoleItemContent{ z-index: 10097 !important; } } /* ========================================================= RP_TARGETED_RESTORE_V16 Endast efterfrågade justeringar: 1) Desktop topbar till original 60px geometri 2) Mobil index-ram + knapp exakt enligt originalmått 3) Mobil medlem dropdown ska kunna falla över hero som admin ========================================================= */ /* 1) Desktop topbar: matcha darkshades/base.css exakt (60px + original padding). */ @media (min-width: 901px){ html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel_wrap, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap{ height: 60px !important; min-height: 60px !important; max-height: 60px !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel{ height: 60px !important; min-height: 60px !important; max-height: 60px !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_logo_wrap a, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_logo_wrap a{ height: 60px !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console{ height: 60px !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_console_body, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_body{ height: 60px !important; line-height: normal !important; padding: 19px 0 8px 8px !important; text-align: right !important; } html body .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_header, html body .ow_page_wrap:not(.index_master_page) .ow_header{ margin-top: 60px !important; } } /* 3) Mobil medlem: samma fria dropdown-overlay-beteende som admin (ingen clipping i topbar). */ @media (max-width: 900px){ body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster{ overflow: visible !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster{ overflow: visible !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .OW_ConsoleItemContent, body.rp-mobile-nav-member .rp-mobile-member-cluster .console_tooltip.ow_tooltip{ z-index: 10098 !important; } } /* ========================================================= RP_TARGETED_TUNE_V17 1) Mobil index: återställ nedre ramlinje sammanhängande bakom CTA 2) Mobil medlem: dropdown exakt under klickad flik, korrekt innehåll 3) Mobil: flytta befintlig topbar-logga till hero-ytan under topbaren ========================================================= */ @media (max-width: 900px) and (hover: none) and (pointer: coarse){ /* Förläng de långa parallella ramlinjerna på mobil-index. */ body.base_index_page .index_master_page .ow_header_pic::before, body.base_index_page .index_master_page .ow_header_pic::after, body.base_index .index_master_page .ow_header_pic::before, body.base_index .index_master_page .ow_header_pic::after{ bottom: 74px !important; } /* 1) Nedre ramlinje utan avbrott bakom knappen */ body.base_index_page .index_master_page .index_bot, body.base_index .index_master_page .index_bot{ position: relative !important; } body.base_index_page .index_master_page .ow_join_button, body.base_index .index_master_page .ow_join_button, body.base_index_page .index_master_page .index_bot_left, body.base_index_page .index_master_page .index_bot_right, body.base_index .index_master_page .index_bot_left, body.base_index .index_master_page .index_bot_right{ z-index: auto !important; } body.base_index_page .index_master_page .ow_join_button, body.base_index .index_master_page .ow_join_button{ display: block !important; float: none !important; width: calc(100% - 130px) !important; max-width: calc(100% - 130px) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; position: relative !important; top: 10px !important; } body.base_index_page .index_master_page .ow_join_button + .index_bot_left, body.base_index_page .index_master_page .ow_join_button + .index_bot_left + .index_bot_right, body.base_index .index_master_page .ow_join_button + .index_bot_left, body.base_index .index_master_page .ow_join_button + .index_bot_left + .index_bot_right{ width: 65px !important; top: 10px !important; } } /* Desktop (mus) i smalt fönster: återställ index-ramlinjer till original inline-mall (84px). */ @media (max-width: 900px) and (hover: hover) and (pointer: fine){ body.base_index_page .index_master_page .ow_header_pic::before, body.base_index_page .index_master_page .ow_header_pic::after, body.base_index .index_master_page .ow_header_pic::before, body.base_index .index_master_page .ow_header_pic::after{ bottom: 84px !important; } body.base_index_page .index_master_page .ow_join_button, body.base_index .index_master_page .ow_join_button{ width: auto !important; max-width: none !important; margin-left: unset !important; margin-right: unset !important; float: none !important; position: static !important; top: auto !important; } body.base_index_page .index_master_page .ow_join_button + .index_bot_left, body.base_index_page .index_master_page .ow_join_button + .index_bot_left + .index_bot_right, body.base_index .index_master_page .ow_join_button + .index_bot_left, body.base_index .index_master_page .ow_join_button + .index_bot_left + .index_bot_right{ width: 43px !important; top: auto !important; } } @media (max-width: 900px){ /* 2) Medlems-dropdown: under respektive flik, samma overlay-känsla som admin */ body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item{ position: relative !important; overflow: visible !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .OW_ConsoleItemContent{ position: absolute !important; left: 0 !important; right: auto !important; top: calc(100% + 1px) !important; transform: none !important; z-index: 10098 !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .console_tooltip.ow_tooltip_top_right.ow_tooltip{ left: 0 !important; right: auto !important; transform: none !important; } /* Mailbox-dropdown: mindre och mer proportionerlig på mobil */ body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: min(276px, calc(100vw - 34px)) !important; max-width: min(276px, calc(100vw - 34px)) !important; max-height: min(42vh, 260px) !important; overflow-y: auto !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .ow_console_list_wrapper{ width: min(258px, calc(100vw - 46px)) !important; max-height: min(36vh, 220px) !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: min(238px, calc(100vw - 44px)) !important; max-width: min(238px, calc(100vw - 44px)) !important; } /* Mindre inre listdel i meddelanden — ytterramen behålls proportionerlig. */ body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .ow_console_list_wrapper{ max-height: min(31vh, 176px) !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .ow_console_list{ max-height: min(28vh, 158px) !important; overflow-y: auto !important; } /* 3) Loggan ska ligga kvar i topbaren (vänster). Layout för kluster/actions justeras separat. */ } /* ========================================================= RP_MEMBER_MOBILE_POLISH_V20 Endast mobil + inloggad vanlig användare: mindre pil/ikoner/text, samt vänförfrågan synlig. ========================================================= */ @media (max-width: 900px){ body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .rp-mobile-topbar-actions{ gap: 8px !important; padding-left: 4px !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item a.ow_console_item_link{ font-size: 10px !important; letter-spacing: 0.06em !important; } body.rp-mobile-nav-member .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .ow_console_more{ flex: 0 0 auto !important; width: auto !important; min-width: 8px !important; height: 22px !important; margin-left: 0 !important; padding: 0 0 0 1px !important; border: 0 !important; border-radius: 0 !important; background-color: transparent !important; background-position: right 9px !important; box-sizing: content-box !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_notification_list{ width: 34px !important; min-width: 34px !important; height: 34px !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_notification_list > a.ow_console_item_link{ width: 34px !important; height: 34px !important; border-radius: 8px !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_notification_list > a.ow_console_item_link::before{ font-size: 15px !important; line-height: 34px !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item){ font-size: 11px !important; } /* Vänförfrågningar: visa verklig console-post i topbaren när den finns. */ body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_friend_request_list{ width: 34px !important; min-width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 2px 0 0 !important; position: relative !important; overflow: visible !important; align-items: center !important; justify-content: center !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_friend_request_list > a.ow_console_item_link{ font-size: 0 !important; width: 34px !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(241, 232, 215, 0.52) !important; border-radius: 8px !important; background: #242429 !important; text-indent: -999px !important; overflow: hidden !important; position: relative !important; padding: 0 !important; margin: 0 !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_friend_request_list > a.ow_console_item_link::before{ content: '\1F91D' !important; font-size: 15px !important; color: #f1e8d7 !important; text-indent: 0 !important; position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } body.rp-mobile-nav-member .rp-mobile-topbar-actions .ow_console_item.ow_friend_request_list .ow_count_wrap{ position: absolute !important; top: -5px !important; right: -5px !important; z-index: 2 !important; margin: 0 !important; transform: scale(0.95) !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: 380px !important; max-width: 380px !important; background: #242429 !important; border: 1px solid rgba(224, 194, 131, 0.35) !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_list li{ padding: 10px 12px !important; min-height: 72px !important; box-sizing: border-box !important; background: rgba(28, 28, 31, 0.98) !important; border: 1px solid rgba(224, 194, 131, 0.28) !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .console_list_ipc_item{ display: flex !important; align-items: center !important; gap: 10px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar img, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img img{ width: 44px !important; height: 44px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar{ float: none !important; margin-right: 0 !important; flex: 0 0 44px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img{ float: none !important; margin: 0 !important; flex: 0 0 44px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont{ margin: 0 !important; line-height: 18px !important; min-height: 44px !important; flex: 1 1 auto !important; min-width: 0 !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt{ width: auto !important; min-height: 24px !important; padding: 0 0 8px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt, html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a{ color: #f1e8d7 !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt a{ font-size: 18px !important; line-height: 24px !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_toolbar{ display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_accept_"], html body .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_ignore_"]{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 12px !important; font-size: 12px !important; line-height: 1 !important; color: #f1e8d7 !important; border-color: rgba(224, 194, 131, 0.45) !important; background: rgba(42, 42, 47, 0.95) !important; text-decoration: none !important; } } /* ========================================================= RP_MEMBER_MOBILE_MIN_PATCH_V21 Enbart minimala riktade fixar enligt felsökning. ========================================================= */ @media (max-width: 900px){ body.base_index_page .index_master_page .ow_header_pic, body.base_index .index_master_page .ow_header_pic{ position: relative !important; overflow: hidden !important; } body.base_index_page .index_master_page .ow_header_pic::before, body.base_index_page .index_master_page .ow_header_pic::after, body.base_index .index_master_page .ow_header_pic::before, body.base_index .index_master_page .ow_header_pic::after{ content: none !important; display: none !important; } body.base_index_page .index_master_page .index_top_left, body.base_index_page .index_master_page .index_top_right, body.base_index_page .index_master_page .index_bot_left, body.base_index_page .index_master_page .index_bot_right, body.base_index .index_master_page .index_top_left, body.base_index .index_master_page .index_top_right, body.base_index .index_master_page .index_bot_left, body.base_index .index_master_page .index_bot_right{ display: none !important; } body.base_index_page .index_master_page .index_top, body.base_index_page .index_master_page .index_qs_widget, body.base_index_page .index_master_page .index_bot, body.base_index .index_master_page .index_top, body.base_index .index_master_page .index_qs_widget, body.base_index .index_master_page .index_bot{ position: relative !important; z-index: 3 !important; } body.base_index_page .index_master_page .index_bot, body.base_index .index_master_page .index_bot{ display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 26px !important; box-sizing: border-box !important; } body.base_index_page .index_master_page .ow_join_button, body.base_index .index_master_page .ow_join_button{ display: block !important; float: none !important; width: 100% !important; max-width: 266px !important; margin: 0 auto !important; padding: 0 !important; top: 0 !important; position: relative !important; z-index: 4 !important; background: none !important; border: 0 !important; box-shadow: none !important; } body.base_index_page .index_master_page .ow_join_button > a.index_join_button, body.base_index .index_master_page .ow_join_button > a.index_join_button{ display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 62px !important; height: 62px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 18px !important; border-radius: 18px !important; border: 1px solid rgba(231, 201, 146, 0.72) !important; background: linear-gradient(180deg, rgba(26, 20, 17, 0.78) 0%, rgba(16, 12, 10, 0.86) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.12), 0 14px 28px rgba(0, 0, 0, 0.34), 0 0 18px rgba(224, 194, 131, 0.12) !important; color: #fff7e8 !important; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: 0.22em !important; font-family: 'pf_din_text_comp_proregular', "Trebuchet MS", "Helvetica CY", sans-serif !important; font-size: 18px !important; line-height: 1 !important; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85) !important; } body.base_index_page .index_master_page .ow_join_button > a.index_join_button:hover, body.base_index_page .index_master_page .ow_join_button > a.index_join_button:focus, body.base_index .index_master_page .ow_join_button > a.index_join_button:hover, body.base_index .index_master_page .ow_join_button > a.index_join_button:focus{ color: #fffdf7 !important; border-color: rgba(241, 221, 178, 0.9) !important; background: linear-gradient(180deg, rgba(32, 24, 20, 0.84) 0%, rgba(18, 13, 11, 0.9) 100%) !important; text-decoration: none !important; } body.base_index_page .index_master_page .ow_header_pic_wrap::after, body.base_index .index_master_page .ow_header_pic_wrap::after{ content: "" !important; position: absolute !important; left: 26px !important; right: 26px !important; top: 54px !important; bottom: 88px !important; border-radius: 28px !important; border: 1px solid rgba(232, 200, 155, 0.44) !important; background: linear-gradient(180deg, rgba(18, 14, 12, 0.16) 0%, rgba(18, 14, 12, 0.08) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 245, 224, 0.10), inset 0 0 0 1px rgba(255, 240, 210, 0.03), 0 18px 40px rgba(0, 0, 0, 0.22), 0 0 24px rgba(224, 194, 131, 0.08) !important; pointer-events: none !important; z-index: 2 !important; } body.base_index_page .index_master_page .ow_header_pic_wrap::before, body.base_index .index_master_page .ow_header_pic_wrap::before{ content: "" !important; position: absolute !important; left: 44px !important; right: 44px !important; top: 72px !important; bottom: 106px !important; border-radius: 22px !important; border: 1px solid rgba(255, 244, 220, 0.08) !important; pointer-events: none !important; z-index: 2 !important; } /* 1) Login-sidan: återställ nedre ramlinjens läge (inga pseudo-hacks). */ body.base_index_page .index_master_page .index_bot_left, body.base_index_page .index_master_page .index_bot_right, body.base_index .index_master_page .index_bot_left, body.base_index .index_master_page .index_bot_right{ top: 0 !important; transform: none !important; } /* 2) Mobil medlem: dropdown ska ankras till trigger, inte viewport-fixed. */ body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .rp-mobile-member-cluster .ow_console_item{ position: relative !important; overflow: visible !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .rp-mobile-member-cluster .OW_ConsoleItemContent{ position: absolute !important; top: calc(100% + 7px) !important; left: 0 !important; right: auto !important; margin-top: 0 !important; z-index: 10098 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .rp-mobile-member-cluster .console_tooltip.ow_tooltip_top_right.ow_tooltip{ position: absolute !important; top: calc(100% + 7px) !important; left: 0 !important; right: auto !important; margin-top: 0 !important; transform: none !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .OW_ConsoleItemContent{ top: calc(100% + 8px) !important; left: auto !important; right: -8px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .console_tooltip.ow_tooltip_top_right.ow_tooltip{ top: calc(100% + 8px) !important; left: auto !important; right: -8px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: min(208px, calc(100vw - 56px)) !important; max-width: min(208px, calc(100vw - 56px)) !important; padding: 6px !important; background: rgba(18, 18, 20, 0.98) !important; border: 1px solid rgba(224, 194, 131, 0.35) !important; border-radius: 14px !important; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.42) !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover ul.ow_console_dropdown{ width: 100% !important; min-width: 0 !important; text-align: left !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .ow_console_dropdown_cont{ margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover li:first-child .ow_console_dropdown_cont{ border-top: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .ow_console_dropdown_cont a{ display: block !important; font-size: 14px !important; line-height: 20px !important; padding: 12px 18px !important; text-align: left !important; color: #f1e8d7 !important; text-transform: none !important; letter-spacing: 0 !important; background: transparent !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_console_dropdown_hover .ow_console_dropdown_cont a:hover{ background: rgba(224, 194, 131, 0.18) !important; color: #fff6e3 !important; } /* 3) Mobil medlem: mailbox-dropdown ska bli symmetrisk igen. */ body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .OW_ConsoleItemContent{ top: calc(100% + 10px) !important; left: 0 !important; right: auto !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .console_tooltip.ow_tooltip_top_right.ow_tooltip{ top: calc(100% + 10px) !important; left: 0 !important; right: auto !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: min(248px, calc(100vw - 24px)) !important; max-width: min(248px, calc(100vw - 24px)) !important; max-height: min(52vh, 360px) !important; overflow: hidden !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .ow_console_list_wrapper{ width: 100% !important; max-width: 100% !important; max-height: min(44vh, 300px) !important; margin: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_console_item.ow_mailbox_items_list .ow_console_list{ max-height: none !important; overflow: visible !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_console_list li{ width: 100% !important; padding: 4px 1px !important; margin: 0 !important; min-height: 40px !important; background: rgba(28, 28, 31, 0.98) !important; border: 1px solid rgba(224, 194, 131, 0.28) !important; overflow: hidden !important; box-sizing: border-box !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .console_list_ipc_item{ display: flex !important; align-items: center !important; gap: 8px !important; min-height: 34px !important; padding: 0 !important; background: transparent !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_avatar, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_avatar img{ width: 34px !important; height: 34px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_avatar{ float: none !important; margin-right: 0 !important; flex: 0 0 34px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_console_invt_cont{ margin: 0 !important; line-height: 13px !important; flex: 1 1 auto !important; min-width: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_console_invt_txt{ width: 100% !important; min-height: 34px !important; padding: 0 !important; overflow: hidden !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_console_mailbox_cont{ display: block !important; margin-top: 0 !important; width: 100% !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_console_mailbox_title{ font-size: 11px !important; line-height: 13px !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; width: 100% !important; padding-right: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_console_mailbox_title .ow_mailbox_convers_info_date{ float: none !important; margin-left: auto !important; margin-right: 0 !important; padding-left: 12px !important; min-width: 52px !important; font-size: 10px !important; line-height: 13px !important; text-align: right !important; flex: 0 0 auto !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster .ow_mailbox_items_list .ow_console_mailbox_txt{ font-size: 10px !important; line-height: 12px !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; word-wrap: break-word !important; } /* 4) Topbar mobil medlem: håll hela raden inom viewport och lås ordningen cluster -> bell -> språk. */ body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions{ display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-left: auto !important; padding-left: 0 !important; overflow: visible !important; flex: 1 1 auto !important; box-sizing: border-box !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .rp-mobile-member-cluster{ order: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: calc(100% - 128px) !important; margin-right: 0 !important; padding-right: 0 !important; justify-content: flex-end !important; overflow: visible !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list{ order: 2 !important; flex: 0 0 34px !important; width: 34px !important; min-width: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 0 !important; margin-right: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_count_wrap{ position: absolute !important; top: -5px !important; right: -6px !important; z-index: 2 !important; margin: 0 !important; transform: scale(0.95) !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .OW_ConsoleItemContent{ position: absolute !important; top: calc(100% + 10px) !important; left: auto !important; right: -8px !important; margin-top: 0 !important; z-index: 10098 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .console_tooltip.ow_tooltip_top_right.ow_tooltip{ position: relative !important; top: 0 !important; left: 0 !important; right: auto !important; margin-top: 0 !important; padding-top: 0 !important; transform: none !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: min(284px, calc(100vw - 20px)) !important; max-width: min(284px, calc(100vw - 20px)) !important; background: #242429 !important; border: 1px solid rgba(224, 194, 131, 0.35) !important; overflow: hidden !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_list li{ padding: 8px 10px !important; margin: 0 !important; min-height: 72px !important; background: rgba(28, 28, 31, 0.98) !important; border: 1px solid rgba(224, 194, 131, 0.28) !important; box-sizing: border-box !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .console_list_ipc_item{ display: flex !important; align-items: center !important; gap: 10px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_avatar, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_avatar img{ width: 44px !important; height: 44px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_avatar{ float: none !important; margin-right: 0 !important; flex: 0 0 44px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_cont{ margin: 0 !important; line-height: 18px !important; flex: 1 1 auto !important; min-width: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_txt{ width: auto !important; min-height: 24px !important; padding: 0 0 8px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_txt, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_cont a{ color: #f1e8d7 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_txt a{ font-size: 15px !important; line-height: 20px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_toolbar{ display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_accept_"], body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_ignore_"]{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 32px !important; padding: 0 10px !important; font-size: 11px !important; line-height: 1 !important; color: #f1e8d7 !important; border-color: rgba(224, 194, 131, 0.45) !important; background: rgba(42, 42, 47, 0.95) !important; text-decoration: none !important; } @media (min-width: 901px){ html body .ow_site_panel .ow_console_item.ow_friend_request_list .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: 380px !important; max-width: 380px !important; background: #242429 !important; border: 1px solid rgba(224, 194, 131, 0.35) !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_list li{ padding: 10px 12px !important; min-height: 72px !important; box-sizing: border-box !important; background: rgba(28, 28, 31, 0.98) !important; border: 1px solid rgba(224, 194, 131, 0.28) !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .console_list_ipc_item{ display: flex !important; align-items: center !important; gap: 10px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar img, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img img{ width: 44px !important; height: 44px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar{ float: none !important; margin-right: 0 !important; flex: 0 0 44px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img{ float: none !important; margin: 0 !important; flex: 0 0 44px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont{ margin: 0 !important; line-height: 18px !important; min-height: 44px !important; flex: 1 1 auto !important; min-width: 0 !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt{ width: auto !important; min-height: 24px !important; padding: 0 0 8px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a{ color: #f1e8d7 !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt a{ font-size: 18px !important; line-height: 24px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_toolbar{ display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_accept_"], html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_ignore_"]{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 12px !important; font-size: 12px !important; line-height: 1 !important; color: #f1e8d7 !important; border-color: rgba(224, 194, 131, 0.45) !important; background: rgba(42, 42, 47, 0.95) !important; text-decoration: none !important; } } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster{ justify-content: flex-end !important; padding-right: 0 !important; min-width: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster__mailbox-slot, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster__profile-slot{ min-width: 0 !important; flex: 0 1 auto !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-member-cluster__profile-slot{ margin-left: 8px !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions .ow_console_item.ow_notification_list{ order: 3 !important; flex: 0 0 34px !important; width: 34px !important; min-width: 34px !important; margin-left: 0 !important; margin-right: 0 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item){ order: 3 !important; flex: 0 0 auto !important; width: auto !important; min-width: 34px !important; height: 34px !important; padding: 0 8px !important; margin-right: 0 !important; overflow: visible !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(241, 232, 215, 0.62) !important; border-radius: 8px !important; box-sizing: border-box !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) .OW_ConsoleItemContent{ position: absolute !important; top: calc(100% + 4px) !important; left: auto !important; right: 0 !important; margin-top: 0 !important; z-index: 10098 !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) .console_tooltip.ow_tooltip_top_right.ow_tooltip{ position: absolute !important; top: calc(100% + 4px) !important; left: auto !important; right: 0 !important; margin-top: 0 !important; transform: none !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) > .ow_console_lang_item{ display: inline-flex !important; align-items: center !important; gap: 6px !important; justify-content: center !important; white-space: nowrap !important; overflow: visible !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) > .ow_console_lang_item > span{ display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; padding-left: 22px !important; line-height: 1 !important; font-size: 14px !important; background-position: left center !important; background-size: auto 14px !important; overflow: visible !important; } body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) .OW_ConsoleItemContent .ow_console_lang_item span, body.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel.rp-mobile-has-member-cluster .rp-mobile-topbar-actions > .ow_console_item:has(.ow_console_lang_item) .console_tooltip.ow_tooltip_top_right .ow_console_lang_item span{ display: inline-block !important; padding-left: 23px !important; line-height: normal !important; font-size: 14px !important; background-position: left center !important; background-size: auto 14px !important; } /* * Mobil medlem: logotypen ligger i HERO (DOM flyttas via general.html), precis under topbaren. * Dölj den tomma logo-sloten i topbaren så flex-layouten inte “luras” av en osynlig 188px-bredd. */ body.rp-mobile-member-logo-in-hero.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_site_panel .ow_logo_wrap{ width: 0 !important; max-width: 0 !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.rp-mobile-member-logo-in-hero.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_header_pic_wrap{ position: relative !important; } body.rp-mobile-member-logo-in-hero.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_header_pic_wrap .ow_logo_wrap{ visibility: visible !important; pointer-events: auto !important; position: absolute !important; top: -86px !important; left: -12px !important; width: 292px !important; max-width: calc(100vw - 24px) !important; height: 102px !important; z-index: 35 !important; margin: 0 !important; float: none !important; } body.rp-mobile-member-logo-in-hero.rp-mobile-nav-member:not(.base_index):not(.base_index_page) .ow_header_pic_wrap .ow_logo_wrap a{ width: 100% !important; height: 102px !important; background-size: auto 88px !important; background-position: left center !important; } } @media (min-width: 901px){ html body .ow_site_panel .ow_console_item.ow_friend_request_list{ position: relative !important; overflow: visible !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .OW_ConsoleItemContent{ position: absolute !important; top: calc(100% + 6px) !important; right: 0 !important; left: auto !important; margin-top: 0 !important; z-index: 10098 !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .console_tooltip.ow_tooltip_top_right.ow_tooltip{ position: relative !important; top: 0 !important; right: auto !important; left: 0 !important; margin-top: 0 !important; padding-top: 0 !important; transform: none !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .console_tooltip.ow_tooltip_top_right .ow_tooltip_body{ width: 380px !important; max-width: 380px !important; padding: 8px !important; background: #242429 !important; border: 1px solid rgba(224, 194, 131, 0.35) !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_list li{ margin: 0 !important; padding: 10px 12px !important; min-height: 72px !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .console_list_ipc_item{ display: flex !important; align-items: center !important; gap: 10px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar img, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img img{ width: 44px !important; height: 44px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_avatar{ float: none !important; margin-right: 0 !important; flex: 0 0 44px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_img{ float: none !important; margin: 0 !important; flex: 0 0 44px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont{ margin: 0 !important; line-height: 18px !important; min-height: 44px !important; flex: 1 1 auto !important; min-width: 0 !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt{ width: auto !important; min-height: 24px !important; padding: 0 0 8px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt, html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a{ color: #f1e8d7 !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_txt a{ font-size: 18px !important; line-height: 24px !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_toolbar{ display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_accept_"], html body .ow_site_panel .ow_console_item.ow_friend_request_list .ow_console_invt_cont a[id^="friend_request_ignore_"]{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 12px !important; font-size: 12px !important; line-height: 1 !important; color: #f1e8d7 !important; border: 1px solid rgba(224, 194, 131, 0.45) !important; background: rgba(42, 42, 47, 0.95) !important; text-decoration: none !important; } } @media (min-width: 901px){ body.base_user_dashboard .ow_box.dashboard-HOTLIST_CMP_IndexWidget, body.base_user_dashboard .ow_box.dashboard-MATCHMAKING_CMP_MatchesWidget, body.base_user_dashboard .ow_box.dashboard-BOOKMARKS_CMP_BookmarksWidget{ background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; } body.base_user_dashboard .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component, body.base_user_dashboard .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component, body.base_user_dashboard .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component{ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } body.base_user_dashboard .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right, body.base_user_dashboard .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right, body.base_user_dashboard .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } body.base_user_dashboard .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body, body.base_user_dashboard .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body, body.base_user_dashboard .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body{ min-height: auto !important; } body.base_user_dashboard .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component h3, body.base_user_dashboard .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component h3, body.base_user_dashboard .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; } body.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .ow_box_empty, body.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_empty, body.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_empty{ background: transparent !important; } body.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_menu, body.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_menu{ display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; margin: 0 0 12px 0 !important; line-height: normal !important; } body.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_menu a, body.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_menu a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 12px !important; margin: 0 !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 12px !important; background: linear-gradient(180deg, rgba(58, 58, 62, 0.94) 0%, rgba(42, 42, 46, 0.98) 100%) !important; color: #e8d9bb !important; font-size: 12px !important; line-height: 1 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; } body.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_menu a.active, body.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_menu a.active{ background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; border-color: rgba(224, 194, 131, 0.40) !important; } body.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar{ float: none !important; text-align: right !important; margin-top: 14px !important; } body.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar_cont{ padding: 0 !important; } body.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar{ float: none !important; margin-top: 14px !important; text-align: right !important; } body.base_user_dashboard .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_bl.ow_box_toolbar li a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; color: #2f2920 !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; } body.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar span.ow_nowrap a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 0 14px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; color: #2f2920 !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; } body.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist{ text-align: center !important; } body.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_nocontent, body.base_user_dashboard .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_nocontent{ color: rgba(241, 232, 215, 0.80) !important; line-height: 1.55 !important; } body.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist_footer{ margin-top: 14px !important; text-align: center !important; visibility: visible !important; } body.base_user_dashboard .dashboard-HOTLIST_CMP_IndexWidget .hotlist_footer a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(65, 65, 70, 0.96) 0%, rgba(46, 46, 51, 0.99) 100%) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; color: #f2e5cb !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; text-decoration: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits){ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits).ow_no_cap{ border-top-width: 1px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits){ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits) .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits) .ow_box_cap_body{ min-height: auto !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits) h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar_cont{ margin-top: 10px !important; padding: 0 !important; border-top: 0 !important; background: transparent !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar{ margin-top: 0 !important; float: right !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 0 18px !important; border-radius: 999px !important; border: 1px solid rgba(224, 194, 131, 0.72) !important; background: linear-gradient(180deg, rgba(232, 214, 172, 0.98) 0%, rgba(209, 183, 124, 0.96) 100%) !important; color: #121214 !important; font-family: 'pf_din_text_comp_proregular', "Trebuchet MS", "Helvetica CY", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 1.2px !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar a:hover{ color: #121214 !important; background: linear-gradient(180deg, rgba(241, 232, 215, 1) 0%, rgba(224, 194, 131, 0.98) 100%) !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_user_credits{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-align: center !important; font-size: 16px !important; line-height: 1.2 !important; color: rgba(241, 232, 215, 0.82) !important; letter-spacing: 0 !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_count{ margin: 0 !important; font-family: "Helvetica Neue", "Arial", sans-serif !important; font-size: 58px !important; line-height: 0.95 !important; font-weight: 300 !important; letter-spacing: 0.5px !important; color: #fff6e3 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links{ padding-top: 0 !important; margin-top: 18px !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links a{ color: rgba(120, 104, 76, 0.46) !important; font-family: 'pf_din_text_comp_proregular', "Trebuchet MS", "Helvetica CY", sans-serif !important; font-size: 14px !important; line-height: 1.15 !important; letter-spacing: 0.6px !important; text-decoration: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links a:hover{ color: rgba(160, 136, 92, 0.72) !important; text-decoration: none !important; } /* MITT MEDLEMSKAP – dashboard (VIP exklusivt med --vip) */ body.base_user_dashboard .ow_box:has(.ow_user_membership){ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip){ position: relative !important; background: radial-gradient(ellipse 130% 95% at 50% -25%, rgba(232, 200, 140, 0.16) 0%, rgba(232, 200, 140, 0.05) 42%, transparent 78%), radial-gradient(ellipse 85% 55% at 50% 108%, rgba(180, 140, 60, 0.1) 0%, transparent 68%), linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(14, 13, 11, 1) 42%, rgba(22, 19, 15, 0.99) 100%) !important; border: 1px solid rgba(232, 200, 140, 0.58) !important; box-shadow: 0 0 0 1px rgba(80, 62, 32, 0.45) inset, 0 0 56px rgba(212, 175, 95, 0.18), 0 28px 52px rgba(0, 0, 0, 0.52) !important; padding: 18px 16px 18px 16px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before{ content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; pointer-events: none !important; background: radial-gradient( ellipse 110% 85% at 50% -8%, rgba(255, 248, 230, 0.16) 0%, rgba(255, 248, 230, 0.05) 38%, transparent 72% ) !important; opacity: 1 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::after{ content: "" !important; position: absolute !important; top: 10px !important; left: 50% !important; width: min(72%, 320px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.65), transparent) !important; pointer-events: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership).ow_no_cap{ border-top-width: 1px !important; } /* MITT MEDLEMSKAP: ingen rubrik på HEM — info finns i kortet */ body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_membership){ display: none !important; } body.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership){ margin-top: 4px !important; margin-bottom: 0 !important; } body.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ margin-top: 0 !important; margin-bottom: 18px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_table_3{ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_user_membership{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; text-align: center !important; margin: 0 !important; min-height: 100px !important; padding: 14px 12px !important; position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership{ gap: 4px !important; min-height: 108px !important; padding: 16px 12px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_label, body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_expires_label{ font-size: 16px !important; line-height: 1.2 !important; color: rgba(241, 232, 215, 0.82) !important; letter-spacing: 0 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_label{ font-size: 13px !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: rgba(232, 200, 140, 0.78) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_name{ margin: 0 !important; font-family: "Helvetica Neue", "Arial", sans-serif !important; font-size: 42px !important; line-height: 1.05 !important; font-weight: 300 !important; letter-spacing: 0.5px !important; color: #fff6e3 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name{ position: relative !important; margin: 6px 0 2px !important; padding: 0 8px 14px !important; font-size: 56px !important; font-weight: 200 !important; letter-spacing: 10px !important; text-transform: uppercase !important; color: transparent !important; background: linear-gradient(180deg, #fffaf0 0%, #f5e6c8 18%, #e8c89b 42%, #c9a227 58%, #f0ddb0 78%, #fff6e3 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 0 22px rgba(212, 175, 95, 0.55)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.45)) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before, body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after{ content: "" !important; position: absolute !important; left: 50% !important; width: min(88%, 280px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.75), transparent) !important; pointer-events: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before{ top: -4px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after{ bottom: 0 !important; width: min(62%, 200px) !important; opacity: 0.85 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_expires{ margin: 12px 0 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.35 !important; color: rgba(241, 232, 215, 0.84) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires{ margin: 14px 0 0 !important; padding: 8px 16px 9px !important; border-radius: 999px !important; border: 1px solid rgba(232, 200, 140, 0.32) !important; background: linear-gradient(180deg, rgba(40, 36, 28, 0.72) 0%, rgba(22, 20, 16, 0.88) 100%) !important; box-shadow: 0 0 16px rgba(212, 175, 95, 0.08) inset !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_date{ color: #fff6e3 !important; font-weight: 400 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires_label{ color: rgba(232, 200, 140, 0.72) !important; letter-spacing: 0.6px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_date{ color: #fff4d4 !important; font-weight: 400 !important; letter-spacing: 0.4px !important; } /* MITT MEDLEMSKAP – Min profil (samma VIP-kort, kompaktare) */ body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{ position: relative !important; background: radial-gradient(ellipse 130% 95% at 50% -25%, rgba(232, 200, 140, 0.16) 0%, rgba(232, 200, 140, 0.05) 42%, transparent 78%), radial-gradient(ellipse 85% 55% at 50% 108%, rgba(180, 140, 60, 0.1) 0%, transparent 68%), linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(14, 13, 11, 1) 42%, rgba(22, 19, 15, 0.99) 100%) !important; border: 1px solid rgba(232, 200, 140, 0.58) !important; box-shadow: 0 0 0 1px rgba(80, 62, 32, 0.45) inset, 0 0 56px rgba(212, 175, 95, 0.18), 0 28px 52px rgba(0, 0, 0, 0.52) !important; padding: 18px 16px 18px 16px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::before{ content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; pointer-events: none !important; background: radial-gradient( ellipse 110% 85% at 50% -8%, rgba(255, 248, 230, 0.16) 0%, rgba(255, 248, 230, 0.05) 38%, transparent 72% ) !important; opacity: 1 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after{ content: "" !important; position: absolute !important; top: 10px !important; left: 50% !important; width: min(72%, 320px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.65), transparent) !important; pointer-events: none !important; } /* Profil: ingen MITT MEDLEMSKAP-rubrik — snygg övergång från kort ovan */ body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box_cap, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box_cap_empty{ display: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership){ margin-top: 10px !important; margin-bottom: 0 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ margin-top: 0 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_box_toolbar_cont, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_box_toolbar_cont{ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership), body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ display: flex !important; flex-direction: column !important; justify-content: center !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_table_3{ display: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_user_membership{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; text-align: center !important; margin: 0 !important; min-height: 112px !important; padding: 14px 12px !important; position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{ gap: 4px !important; min-height: 120px !important; padding: 16px 12px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_label, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_expires_label{ font-size: 16px !important; line-height: 1.2 !important; color: rgba(241, 232, 215, 0.82) !important; letter-spacing: 0 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_label{ font-size: 13px !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: rgba(232, 200, 140, 0.78) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_name{ margin: 0 !important; font-family: "Helvetica Neue", "Arial", sans-serif !important; font-size: 42px !important; line-height: 1.05 !important; font-weight: 300 !important; letter-spacing: 0.5px !important; color: #fff6e3 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name{ position: relative !important; margin: 6px 0 2px !important; padding: 0 8px 14px !important; font-size: 56px !important; font-weight: 200 !important; letter-spacing: 10px !important; text-transform: uppercase !important; color: transparent !important; background: linear-gradient(180deg, #fffaf0 0%, #f5e6c8 18%, #e8c89b 42%, #c9a227 58%, #f0ddb0 78%, #fff6e3 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 0 22px rgba(212, 175, 95, 0.55)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.45)) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{ content: "" !important; position: absolute !important; left: 50% !important; width: min(88%, 280px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.75), transparent) !important; pointer-events: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before{ top: -4px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{ bottom: 0 !important; width: min(62%, 200px) !important; opacity: 0.85 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_expires{ margin: 12px 0 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.35 !important; color: rgba(241, 232, 215, 0.84) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires{ margin: 14px 0 0 !important; padding: 8px 16px 9px !important; border-radius: 999px !important; border: 1px solid rgba(232, 200, 140, 0.32) !important; background: linear-gradient(180deg, rgba(40, 36, 28, 0.72) 0%, rgba(22, 20, 16, 0.88) 100%) !important; box-shadow: 0 0 16px rgba(212, 175, 95, 0.08) inset !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_date{ color: #fff6e3 !important; font-weight: 400 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires_label{ color: rgba(232, 200, 140, 0.72) !important; letter-spacing: 0.6px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_date{ color: #fff4d4 !important; font-weight: 400 !important; letter-spacing: 0.4px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{ padding: 14px 12px 14px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after{ display: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_user_membership{ min-height: 120px !important; padding: 16px 12px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name{ font-size: 44px !important; letter-spacing: 7px !important; padding: 0 6px 12px !important; margin: 4px 0 0 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name::before, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name::after{ width: min(84%, 240px) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name::after{ width: min(58%, 180px) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_expires{ margin: 10px 0 0 !important; padding: 6px 14px 7px !important; font-size: 14px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data){ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data).ow_no_cap{ border-top-width: 1px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data){ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data) .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data) .ow_box_cap_body{ min-height: auto !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data) h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_anno{ background: linear-gradient(180deg, rgba(50, 50, 54, 0.94) 0%, rgba(38, 38, 42, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 18px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 24px rgba(0, 0, 0, 0.18) !important; color: rgba(241, 232, 215, 0.86) !important; background-position: 16px 18px !important; background-size: 18px 18px !important; padding: 16px 16px 16px 46px !important; line-height: 1.45 !important; text-align: left !important; margin-bottom: 16px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data{ width: 100% !important; border-collapse: separate !important; border-spacing: 0 10px !important; margin: 0 !important; color: #f1e8d7 !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr.ow_tr_first th{ background: linear-gradient(180deg, rgba(55, 55, 59, 0.96) 0%, rgba(43, 43, 47, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 16px !important; padding: 12px 14px !important; color: #f3e7cf !important; font-size: 13px !important; letter-spacing: 1px !important; text-transform: uppercase !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data td.ow_label{ width: 42% !important; background: rgba(255, 255, 255, 0.03) !important; border-top: 1px solid rgba(224, 194, 131, 0.10) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.10) !important; border-left: 1px solid rgba(224, 194, 131, 0.10) !important; border-radius: 14px 0 0 14px !important; padding: 13px 12px 13px 14px !important; color: rgba(241, 232, 215, 0.70) !important; font-size: 12px !important; line-height: 1.35 !important; vertical-align: middle !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data td.ow_value{ background: rgba(255, 255, 255, 0.05) !important; border-top: 1px solid rgba(224, 194, 131, 0.10) !important; border-right: 1px solid rgba(224, 194, 131, 0.10) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.10) !important; border-radius: 0 14px 14px 0 !important; padding: 13px 14px 13px 12px !important; color: #f6edde !important; font-size: 14px !important; line-height: 1.4 !important; word-break: break-word !important; vertical-align: middle !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data td.ow_label span{ display: block !important; font-weight: 500 !important; letter-spacing: 0.4px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr.ow_tr_delimiter{ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr:not(.ow_tr_first) > td[colspan="2"]:not(.ow_gdpr_personal_data_section){ background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(224, 194, 131, 0.10) !important; border-radius: 14px !important; padding: 14px !important; color: rgba(241, 232, 215, 0.82) !important; line-height: 1.45 !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_right{ text-align: left !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_right a{ display: block !important; text-decoration: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_button, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_ic_submit, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data input[type="submit"], body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data button{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; padding: 0 16px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(70, 70, 75, 0.96) 0%, rgba(48, 48, 53, 0.98) 100%) !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; color: #f3e7cf !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.9px !important; text-transform: uppercase !important; text-decoration: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_personal_data_section{ padding-top: 4px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr:has(+ tr > td > .ow_right){ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_personal_data_section{ background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 4px 0 0 !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_personal_data_section > div + div{ margin-top: 10px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_button:hover, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_ic_submit:hover, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data input[type="submit"]:hover, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data button:hover{ background: linear-gradient(180deg, rgba(78, 78, 83, 0.98) 0%, rgba(54, 54, 59, 1) 100%) !important; color: #fff3da !important; } } /* ========================================================= RP_PROFILE_EDIT_PREMIUM_V1 Profilredigering (profile/edit) — samma mörk/guldkant-känsla som my-profile (base_profile_page). body.base_user_edit sätter BASE_CTRL_Edit (setDocumentKey). Endast desktop; mobil använder befintliga #editForm-owm-regler. ========================================================= */ @media (min-width: 901px) { body.base_user_edit .ow_page.ow_bg_color.rp-no-photo-widget { margin: 0 auto !important; width: 100% !important; max-width: 1000px !important; } body.base_user_edit .ow_canvas .ow_dnd_configurable_component { margin: 0 !important; } body.base_user_edit .ow_dragndrop_panel { margin-top: -8px !important; position: relative !important; z-index: 2 !important; } /* block_decorator "box" type=empty => .ow_box_empty (inte .ow_box + tom) */ body.base_user_edit .ow_box_empty.ow_superwide { background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; box-sizing: border-box !important; } body.base_user_edit .ow_box_empty.ow_superwide + .ow_box_empty.ow_superwide { margin-top: 16px !important; } body.base_user_edit #editForm { display: block !important; } body.base_user_edit .ow_table_1.ow_form { width: 100% !important; border: 0 !important; background: transparent !important; border-collapse: separate !important; border-spacing: 0 !important; } body.base_user_edit .ow_table_1.ow_form th { background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; color: #f1e8d7 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 14px 20px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; text-align: left !important; } body.base_user_edit .ow_table_1.ow_form tr.ow_tr_delimiter td { height: 8px !important; padding: 0 !important; background: rgba(0, 0, 0, 0.12) !important; border: 0 !important; } body.base_user_edit .ow_table_1.ow_form td.ow_label { color: rgba(224, 194, 131, 0.9) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 16px 16px 8px 20px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.45) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_edit .ow_table_1.ow_form td.ow_value { padding: 8px 20px 16px 12px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.35) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_edit .ow_table_1.ow_form td.ow_desc { color: rgba(230, 218, 200, 0.62) !important; font-size: 12px !important; line-height: 1.45 !important; padding: 8px 20px 16px 8px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.28) !important; border-top: 1px solid rgba(224, 194, 131, 0.05) !important; } body.base_user_edit .ow_table_1.ow_form input[type="text"], body.base_user_edit .ow_table_1.ow_form input[type="email"], body.base_user_edit .ow_table_1.ow_form input[type="password"], body.base_user_edit .ow_table_1.ow_form input[type="search"], body.base_user_edit .ow_table_1.ow_form select, body.base_user_edit .ow_table_1.ow_form textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; min-height: 48px !important; padding: 12px 16px !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 14px !important; background: rgba(20, 20, 23, 0.72) !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.45 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important; } body.base_user_edit .ow_table_1.ow_form textarea { min-height: 120px !important; resize: vertical !important; } body.base_user_edit .ow_table_1.ow_form input[type="checkbox"] { width: auto !important; min-height: 0 !important; accent-color: #c5a86a; } body.base_user_edit .ow_anno.ow_std_margin { margin: 12px 20px 0 !important; padding: 12px 16px !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 12px !important; background: rgba(45, 38, 30, 0.65) !important; color: #e8d9c4 !important; } body.base_user_edit .ow_box_empty .clearfix.ow_stdmargin.ow_btn_delimiter, body.base_user_edit .ow_box_empty .ow_btn_delimiter { padding: 8px 16px 20px !important; border-top: 1px solid rgba(224, 194, 131, 0.1) !important; margin-top: 0 !important; } body.base_user_edit form#editForm .ow_right .ow_button, body.base_user_edit form#editForm .ow_right input[type="submit"] { min-height: 48px !important; padding: 0 20px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } body.base_user_edit a.unregister_profile_button { min-height: 48px !important; padding: 0 16px !important; line-height: 46px !important; display: inline-block !important; box-sizing: border-box !important; border: 1px solid rgba(200, 100, 100, 0.4) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(70, 42, 42, 0.55) 0%, rgba(45, 28, 28, 0.75) 100%) !important; color: #f0d0d0 !important; } body.base_user_edit tr.ow_premoderation_high td { background: rgba(201, 181, 127, 0.06) !important; } body.base_user_edit .ow_box_empty .ow_right .ow_button, body.base_user_edit .ow_box_empty .ow_right a.ow_lbutton, body.base_user_edit .ow_box_empty .ow_right input[type="submit"] { border-radius: 16px !important; } } /* ========================================================= RP_PROFILE_PREFERENCE_PREMIUM_V1 Inställningar (profile/preference) — samma kort- och formulärsstil som profile/edit (base_user_edit). body.base_user_preference: BASE_CTRL_Preference::setDocumentKey ========================================================= */ @media (min-width: 901px) { body.base_user_preference .ow_page.ow_bg_color.rp-no-photo-widget { margin: 0 auto !important; width: 100% !important; max-width: 1000px !important; } body.base_user_preference .ow_canvas .ow_dnd_configurable_component { margin: 0 !important; } body.base_user_preference .ow_dragndrop_panel { margin-top: -8px !important; position: relative !important; z-index: 2 !important; } body.base_user_preference .ow_content_menu_wrap { margin-bottom: 10px !important; } body.base_user_preference .ow_box_empty.ow_superwide { background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; box-sizing: border-box !important; } /* Tomt tillstånd (inga inställningar) */ body.base_user_preference .ow_box_empty.ow_center { padding: 24px 20px !important; color: #e0d4c0 !important; } body.base_user_preference .ow_table_1.ow_form { width: 100% !important; border: 0 !important; background: transparent !important; border-collapse: separate !important; border-spacing: 0 !important; } body.base_user_preference .ow_table_1.ow_form tr.ow_name th, body.base_user_preference .ow_table_1.ow_form th { background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; color: #f1e8d7 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 14px 20px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; text-align: left !important; } body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_label { color: rgba(224, 194, 131, 0.9) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; width: 30% !important; padding: 16px 16px 8px 20px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.45) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_value { padding: 8px 20px 16px 12px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.35) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_desc { color: rgba(230, 218, 200, 0.62) !important; font-size: 12px !important; line-height: 1.45 !important; padding: 8px 20px 16px 8px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.28) !important; border-top: 1px solid rgba(224, 194, 131, 0.05) !important; } body.base_user_preference .ow_table_1.ow_form input[type="text"], body.base_user_preference .ow_table_1.ow_form input[type="email"], body.base_user_preference .ow_table_1.ow_form input[type="password"], body.base_user_preference .ow_table_1.ow_form input[type="search"], body.base_user_preference .ow_table_1.ow_form select, body.base_user_preference .ow_table_1.ow_form textarea { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; min-height: 48px !important; padding: 12px 16px !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 14px !important; background: rgba(20, 20, 23, 0.72) !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.45 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important; } body.base_user_preference .ow_table_1.ow_form textarea { min-height: 100px !important; resize: vertical !important; } body.base_user_preference .ow_table_1.ow_form input[type="checkbox"] { width: auto !important; min-height: 0 !important; accent-color: #c5a86a; } body.base_user_preference form#preferenceForm .clearfix.ow_stdmargin, body.base_user_preference form#preferenceForm + .clearfix.ow_stdmargin { padding: 8px 16px 20px !important; border-top: 1px solid rgba(224, 194, 131, 0.1) !important; margin-top: 0 !important; } body.base_user_preference form#preferenceForm .ow_right .ow_button, body.base_user_preference form#preferenceForm .ow_right input[type="submit"] { min-height: 48px !important; padding: 0 20px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } } /* ========================================================= RP_MATCHMAKING_PREFERENCES_PREMIUM_V1 Matchningspreferenser (matches/preferences) — samma mörk kort- och formulärsstil som profile/edit. body: base_user_matchmaking_preferences (MATCHMAKING_CTRL_Base::preferences, setDocumentKey) Form-id: #matchmakingPreferencesForm ========================================================= */ @media (min-width: 901px) { body.base_user_matchmaking_preferences .ow_page.ow_bg_color.rp-no-photo-widget { margin: 0 auto !important; width: 100% !important; max-width: 1000px !important; } body.base_user_matchmaking_preferences .ow_canvas .ow_dnd_configurable_component { margin: 0 !important; } body.base_user_matchmaking_preferences .ow_dragndrop_panel { margin-top: -8px !important; position: relative !important; z-index: 2 !important; } body.base_user_matchmaking_preferences .ow_box_empty.ow_superwide { background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; box-sizing: border-box !important; } body.base_user_matchmaking_preferences .ow_box_empty > .ow_stdmargin { color: rgba(230, 220, 200, 0.9) !important; line-height: 1.5 !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form { width: 100% !important; border: 0 !important; background: transparent !important; border-collapse: separate !important; border-spacing: 0 !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form th { background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; color: #f1e8d7 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 14px 20px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; text-align: left !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form tr.ow_tr_delimiter td { height: 8px !important; padding: 0 !important; background: rgba(0, 0, 0, 0.12) !important; border: 0 !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_label { color: rgba(224, 194, 131, 0.9) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 16px 16px 8px 20px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.45) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_value { padding: 8px 20px 16px 12px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.35) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_desc { color: rgba(230, 218, 200, 0.7) !important; font-size: 12px !important; line-height: 1.4 !important; padding: 8px 20px 16px 8px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.28) !important; border-top: 1px solid rgba(224, 194, 131, 0.05) !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="text"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="email"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="password"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="search"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="number"], body.base_user_matchmaking_preferences .ow_table_1.ow_form select, body.base_user_matchmaking_preferences .ow_table_1.ow_form textarea, body.base_user_matchmaking_preferences .ow_table_1.ow_form .ow_matchmaking_distance_field input { min-height: 48px !important; padding: 10px 14px !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 14px !important; background: rgba(20, 20, 23, 0.72) !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.45 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form .ow_matchmaking_distance_field input { width: 64px !important; min-height: 44px !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form textarea { min-height: 100px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; resize: vertical !important; } body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="checkbox"] { width: auto !important; min-height: 0 !important; accent-color: #c5a86a; } body.base_user_matchmaking_preferences form#matchmakingPreferencesForm .clearfix.ow_stdmargin { padding: 8px 16px 20px !important; border-top: 1px solid rgba(224, 194, 131, 0.1) !important; margin-top: 0 !important; } body.base_user_matchmaking_preferences form#matchmakingPreferencesForm .ow_right .ow_button, body.base_user_matchmaking_preferences form#matchmakingPreferencesForm .ow_right input[type="submit"] { min-height: 48px !important; padding: 0 20px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } } /* ========================================================= RP_EMAIL_NOTIFICATIONS_PREMIUM_V1 E-postaviseringar (email-notifications) — samma premiumkänsla som övriga inställningssidor. Mall: .ow_wide.ow_automargin (ej ow_box). NOTIFICATIONS_CTRL_Notifications::settings. body: base_user_email_notifications. Form-id: form_notifications_notificationSettingForm ========================================================= */ @media (min-width: 901px) { body.base_user_email_notifications .ow_page.ow_bg_color.rp-no-photo-widget { margin: 0 auto !important; width: 100% !important; max-width: 1000px !important; } body.base_user_email_notifications .ow_canvas .ow_dnd_configurable_component { margin: 0 !important; } body.base_user_email_notifications .ow_dragndrop_panel { margin-top: -8px !important; position: relative !important; z-index: 2 !important; } body.base_user_email_notifications .ow_content_menu_wrap { margin-bottom: 10px !important; } body.base_user_email_notifications .ow_wide.ow_automargin { max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; box-sizing: border-box !important; padding: 4px 0 0 !important; } body.base_user_email_notifications .ow_table_1.ow_form { width: 100% !important; border: 0 !important; background: transparent !important; border-collapse: separate !important; border-spacing: 0 !important; } body.base_user_email_notifications .ow_table_1.ow_form + .ow_table_1.ow_form { margin-top: 8px !important; } body.base_user_email_notifications .ow_table_1.ow_form th.ow_name, body.base_user_email_notifications .ow_table_1.ow_form th { background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; color: #f1e8d7 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 14px 20px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; text-align: left !important; } body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_delimiter td { height: 8px !important; padding: 0 !important; background: rgba(0, 0, 0, 0.1) !important; border: 0 !important; } body.base_user_email_notifications .ow_table_1.ow_form td.ow_label { padding: 12px 12px 12px 20px !important; width: 38% !important; max-width: 40% !important; vertical-align: middle !important; background: rgba(22, 22, 26, 0.45) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; color: #f0e4cc !important; } body.base_user_email_notifications .ow_table_1.ow_form td.ow_label .ow_checkbox { color: #f0e4cc !important; } body.base_user_email_notifications .ow_table_1.ow_form td.ow_value { padding: 10px 20px 10px 12px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.3) !important; border-top: 1px solid rgba(224, 194, 131, 0.05) !important; color: rgba(230, 218, 200, 0.72) !important; font-size: 13px !important; line-height: 1.45 !important; } body.base_user_email_notifications .ow_table_1.ow_form input[type="checkbox"] { accent-color: #c5a86a; } body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_last td.ow_value:has(ul), body.base_user_email_notifications .ow_table_1.ow_form tr.ow_alt1 td.ow_value:only-child, body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_last td.ow_value:only-child { padding: 16px 20px !important; } body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_last td.ow_value label, body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_last td.ow_value .ow_radio, body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_last td.ow_value { color: #e6dcc8 !important; } body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_last td.ow_value input[type="radio"] { accent-color: #c5a86a; } body.base_user_email_notifications form#form_notifications_notificationSettingForm .clearfix.ow_stdmargin { padding: 8px 16px 20px !important; border-top: 1px solid rgba(224, 194, 131, 0.1) !important; margin-top: 0 !important; } body.base_user_email_notifications form#form_notifications_notificationSettingForm .ow_right .ow_button, body.base_user_email_notifications form#form_notifications_notificationSettingForm .ow_right input[type="submit"] { min-height: 48px !important; padding: 0 20px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } } /* ========================================================= RP_PROFILE_PRIVACY_PREMIUM_V1 Integritetsinställningar (profile/privacy) — samma mörk kort- och tabellstil som profile/preference. PRIVACY_CTRL_Privacy::index, body.base_user_privacy. Form: #privacyForm ========================================================= */ @media (min-width: 901px) { body.base_user_privacy .ow_page.ow_bg_color.rp-no-photo-widget { margin: 0 auto !important; width: 100% !important; max-width: 1000px !important; } body.base_user_privacy .ow_canvas .ow_dnd_configurable_component { margin: 0 !important; } body.base_user_privacy .ow_dragndrop_panel { margin-top: -8px !important; position: relative !important; z-index: 2 !important; } body.base_user_privacy .ow_content_menu_wrap { margin-bottom: 10px !important; } body.base_user_privacy .ow_box_empty.ow_superwide { background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; box-sizing: border-box !important; } body.base_user_privacy .ow_box_empty.ow_center.ow_stdmargin { color: rgba(230, 220, 200, 0.9) !important; line-height: 1.5 !important; } body.base_user_privacy .ow_box_empty.ow_center[style*="padding:15px"] { color: #e0d4c0 !important; } body.base_user_privacy .ow_table_1.ow_form.ow_smallmargin { width: 100% !important; border: 0 !important; background: transparent !important; border-collapse: separate !important; border-spacing: 0 !important; } body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_label { color: rgba(224, 194, 131, 0.9) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; width: 32% !important; max-width: 40% !important; padding: 14px 12px 10px 20px !important; vertical-align: middle !important; background: rgba(22, 22, 26, 0.45) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_value { padding: 10px 20px 12px 8px !important; vertical-align: middle !important; background: rgba(22, 22, 26, 0.35) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_value select, body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_value { color: #f3ead9 !important; } body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_value select { min-height: 46px !important; max-width: 100% !important; box-sizing: border-box !important; padding: 10px 14px !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 12px !important; background: rgba(20, 20, 23, 0.72) !important; font-size: 15px !important; line-height: 1.4 !important; } body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_desc { color: rgba(230, 218, 200, 0.64) !important; font-size: 12px !important; line-height: 1.45 !important; padding: 10px 20px 12px 8px !important; vertical-align: top !important; background: rgba(22, 22, 26, 0.28) !important; border-top: 1px solid rgba(224, 194, 131, 0.05) !important; } body.base_user_privacy .ow_box_empty.ow_anno.ow_center.ow_smallmargin, body.base_user_privacy .ow_box.ow_anno.ow_center { margin: 12px 0 0 !important; padding: 12px 16px !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 12px !important; background: rgba(45, 38, 30, 0.55) !important; color: #e8d9c4 !important; } body.base_user_privacy form#privacyForm .clearfix.ow_smallmargin { padding: 8px 16px 20px !important; border-top: 1px solid rgba(224, 194, 131, 0.1) !important; margin-top: 0 !important; } body.base_user_privacy form#privacyForm .ow_right .ow_button, body.base_user_privacy form#privacyForm .ow_right input[type="submit"] { min-height: 48px !important; padding: 0 20px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } } /* ========================================================= RP_FAKE_USERS_PREMIUM_V1 Falska användare (fake/users) — samma mörk kort-yta som inställningssidor; tabell + länk-knapp + sidvisare. FAKE_CTRL_FakeUsers::index, body.base_fake_users ========================================================= */ @media (min-width: 901px) { body.base_fake_users .ow_page.ow_bg_color.rp-no-photo-widget { margin: 0 auto !important; max-width: 1000px !important; width: 100% !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; box-sizing: border-box !important; padding: 0 0 4px !important; } body.base_fake_users .ow_canvas .ow_dnd_configurable_component { margin: 0 !important; } body.base_fake_users .ow_dragndrop_panel { margin-top: -8px !important; position: relative !important; z-index: 2 !important; } body.base_fake_users .ow_table_1 { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; border: 0 !important; } body.base_fake_users .ow_table_1 tr.ow_tr_first th { background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; color: #f1e8d7 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 14px 16px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; } body.base_fake_users .ow_table_1 tr:not(.ow_tr_first) td { background: rgba(22, 22, 26, 0.38) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; padding: 12px 14px !important; vertical-align: middle !important; color: #e6dcc8 !important; } body.base_fake_users .ow_table_1 tr:not(.ow_tr_first) td.ow_center { color: #e8d9c4 !important; } body.base_fake_users .ow_table_1 .ow_user_list_data a, body.base_fake_users .ow_table_1 a { color: #e8c88a !important; } body.base_fake_users .ow_table_1 a:hover { text-decoration: underline !important; } body.base_fake_users .ow_table_1 .ow_user_list_item .ow_small, body.base_fake_users .ow_table_1 .ow_remark { color: rgba(220, 200, 170, 0.8) !important; } /* Kolumn: Logga in (sekundär knapptyp, linje med övrig premium) */ body.base_fake_users .ow_table_1 td.ow_center a[href*="/fake/login/"] { display: inline-block !important; min-height: 40px !important; line-height: 40px !important; padding: 0 14px !important; box-sizing: border-box !important; border: 1px solid rgba(224, 194, 131, 0.25) !important; border-radius: 12px !important; background: linear-gradient(180deg, rgba(60, 60, 64, 0.95) 0%, rgba(45, 45, 50, 0.98) 100%) !important; color: #f1e8d7 !important; text-decoration: none !important; } body.base_fake_users .ow_table_1 td.ow_center a[href*="/fake/login/"]:hover { text-decoration: none !important; background: linear-gradient(180deg, rgba(70, 70, 75, 0.98) 0%, rgba(50, 50, 55, 1) 100%) !important; } /* Sidvisare (HTML i mall) */ body.base_fake_users .ow_page.ow_bg_color > center, body.base_fake_users .ow_page.ow_bg_color center.ow_paging, body.base_fake_users .ow_page.ow_bg_color .ow_paging { display: block !important; padding: 12px 12px 16px !important; margin: 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.1) !important; } body.base_fake_users .ow_page.ow_bg_color .ow_paging a, body.base_fake_users .ow_page.ow_bg_color .ow_paging span { color: #e0d0b0 !important; } } /* ========================================================= RP_PROFILE_AND_SETTINGS_PREMIUM_MOBILE_V1 Max-width:900. Speglar desktop V1: profile/edit, profile/preference, matches/preferences, email-notifications, profile/privacy, fake/users (+ floatbox "Lägg till falsk användare"). Uppföljning: RP_MODERATION_PREMIUM finns i RP_MAILBOX_IM_MODERATION_PREMIUM_V1; html-prefix vid behov här. ========================================================= */ @media (max-width: 900px){ body.base_user_edit .ow_page.ow_bg_color.rp-no-photo-widget, body.base_user_edit .ow_page.ow_bg_color, body.base_user_preference .ow_page.ow_bg_color.rp-no-photo-widget, body.base_user_preference .ow_page.ow_bg_color, body.base_user_matchmaking_preferences .ow_page.ow_bg_color.rp-no-photo-widget, body.base_user_matchmaking_preferences .ow_page.ow_bg_color, body.base_user_email_notifications .ow_page.ow_bg_color.rp-no-photo-widget, body.base_user_email_notifications .ow_page.ow_bg_color, body.base_user_privacy .ow_page.ow_bg_color.rp-no-photo-widget, body.base_user_privacy .ow_page.ow_bg_color, body.base_fake_users .ow_page.ow_bg_color.rp-no-photo-widget, body.base_fake_users .ow_page.ow_bg_color, body.base_moderation_tools .ow_page.ow_bg_color.rp-no-photo-widget, body.base_moderation_tools .ow_page.ow_bg_color{ margin: 0 4px 12px !important; max-width: none !important; width: auto !important; box-sizing: border-box !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 16px !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; } body.base_user_edit .ow_canvas .ow_dnd_configurable_component, body.base_user_preference .ow_canvas .ow_dnd_configurable_component, body.base_user_matchmaking_preferences .ow_canvas .ow_dnd_configurable_component, body.base_user_email_notifications .ow_canvas .ow_dnd_configurable_component, body.base_user_privacy .ow_canvas .ow_dnd_configurable_component, body.base_fake_users .ow_canvas .ow_dnd_configurable_component, body.base_moderation_tools .ow_canvas .ow_dnd_configurable_component{ margin: 0 !important; } body.base_user_edit .ow_dragndrop_panel, body.base_user_preference .ow_dragndrop_panel, body.base_user_matchmaking_preferences .ow_dragndrop_panel, body.base_user_email_notifications .ow_dragndrop_panel, body.base_user_privacy .ow_dragndrop_panel, body.base_fake_users .ow_dragndrop_panel, body.base_moderation_tools .ow_dragndrop_panel{ margin-top: -6px !important; position: relative !important; z-index: 2 !important; } body.base_user_edit .ow_box_empty.ow_superwide, body.base_user_preference .ow_box_empty.ow_superwide, body.base_user_matchmaking_preferences .ow_box_empty.ow_superwide, body.base_user_email_notifications .ow_box_empty.ow_superwide, body.base_user_privacy .ow_box_empty.ow_superwide{ background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 16px !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important; overflow: hidden !important; } body.base_user_preference .ow_content_menu_wrap, body.base_user_matchmaking_preferences .ow_content_menu_wrap, body.base_user_email_notifications .ow_content_menu_wrap, body.base_user_privacy .ow_content_menu_wrap, body.base_moderation_tools .ow_content_menu_wrap{ margin: 0 0 8px 0 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.1) !important; } /* Gemensam tabell/forum-stil: edit, inställningar, match, e-post, integritet */ body.base_user_edit .ow_table_1.ow_form th, body.base_user_preference .ow_table_1.ow_form th, body.base_user_matchmaking_preferences .ow_table_1.ow_form th, body.base_user_email_notifications .ow_table_1.ow_form th, body.base_user_privacy .ow_table_1.ow_form.ow_smallmargin th{ background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; color: #f1e8d7 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 12px 14px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; } body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_label, body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_value, body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_desc, body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_label, body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_value, body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_desc, body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_label, body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_value, body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_desc, body.base_user_edit .ow_table_1.ow_form td.ow_label, body.base_user_edit .ow_table_1.ow_form td.ow_value, body.base_user_edit .ow_table_1.ow_form td.ow_desc, body.base_user_email_notifications .ow_table_1.ow_form td.ow_label, body.base_user_email_notifications .ow_table_1.ow_form td.ow_value, body.base_user_email_notifications .ow_table_1.ow_form td.ow_desc{ color: #e4d6c0 !important; } body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_label, body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_label, body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_label, body.base_user_edit .ow_table_1.ow_form td.ow_label, body.base_user_email_notifications .ow_table_1.ow_form td.ow_label{ background: rgba(22, 22, 26, 0.45) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; } body.base_user_preference .ow_table_1.ow_form tr.ow_preference td.ow_value, body.base_user_matchmaking_preferences .ow_table_1.ow_form td.ow_value, body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_value, body.base_user_edit .ow_table_1.ow_form td.ow_value, body.base_user_email_notifications .ow_table_1.ow_form td.ow_value{ background: rgba(22, 22, 26, 0.32) !important; border-top: 1px solid rgba(224, 194, 131, 0.05) !important; } body.base_user_edit .ow_table_1.ow_form tr.ow_tr_delimiter td, body.base_user_preference .ow_table_1.ow_form tr.ow_tr_delimiter td, body.base_user_matchmaking_preferences .ow_table_1.ow_form tr.ow_tr_delimiter td, body.base_user_email_notifications .ow_table_1.ow_form tr.ow_tr_delimiter td, body.base_user_privacy .ow_table_1.ow_form tr.ow_tr_delimiter td{ background: rgba(0, 0, 0, 0.12) !important; } body.base_user_edit .ow_table_1.ow_form input[type="text"], body.base_user_edit .ow_table_1.ow_form input[type="email"], body.base_user_edit .ow_table_1.ow_form input[type="password"], body.base_user_edit .ow_table_1.ow_form input[type="search"], body.base_user_edit .ow_table_1.ow_form select, body.base_user_edit .ow_table_1.ow_form textarea, body.base_user_preference .ow_table_1.ow_form input[type="text"], body.base_user_preference .ow_table_1.ow_form input[type="email"], body.base_user_preference .ow_table_1.ow_form input[type="password"], body.base_user_preference .ow_table_1.ow_form select, body.base_user_preference .ow_table_1.ow_form textarea, body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="text"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="number"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="email"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="password"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="search"], body.base_user_matchmaking_preferences .ow_table_1.ow_form select, body.base_user_matchmaking_preferences .ow_table_1.ow_form textarea, body.base_user_email_notifications .ow_table_1.ow_form input[type="text"], body.base_user_email_notifications .ow_table_1.ow_form input[type="email"], body.base_user_email_notifications .ow_table_1.ow_form input[type="search"], body.base_user_privacy .ow_table_1.ow_form tr.ow_privacy td.ow_value select{ width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; min-height: 46px !important; padding: 10px 14px !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 12px !important; background: rgba(20, 20, 23, 0.78) !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.4 !important; } body.base_user_preference .ow_table_1.ow_form input[type="checkbox"], body.base_user_matchmaking_preferences .ow_table_1.ow_form input[type="checkbox"], body.base_user_email_notifications .ow_table_1.ow_form input[type="checkbox"], body.base_user_email_notifications .ow_table_1.ow_form input[type="radio"]{ width: auto !important; min-height: 0 !important; accent-color: #c5a86a; } body.base_user_edit form#editForm .ow_right .ow_button, body.base_user_edit form#editForm .ow_right input[type="submit"], body.base_user_preference form#preferenceForm .ow_right .ow_button, body.base_user_preference form#preferenceForm .ow_right input[type="submit"], body.base_user_matchmaking_preferences form#matchmakingPreferencesForm .ow_right .ow_button, body.base_user_matchmaking_preferences form#matchmakingPreferencesForm .ow_right input[type="submit"], body.base_user_email_notifications form#form_notifications_notificationSettingForm .ow_right .ow_button, body.base_user_email_notifications form#form_notifications_notificationSettingForm .ow_right input[type="submit"], body.base_user_privacy form#privacyForm .ow_right .ow_button, body.base_user_privacy form#privacyForm .ow_right input[type="submit"]{ min-height: 48px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; text-transform: uppercase !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2) !important; } /* /fake/users — tabell + innehåll (samma som desktop, mobilbredd) */ body.base_fake_users .ow_table_1 tr.ow_tr_first th{ background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; color: #f1e8d7 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; padding: 10px 12px !important; } body.base_fake_users .ow_table_1 tr:not(.ow_tr_first) td{ background: rgba(22, 22, 26, 0.38) !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; padding: 10px 12px !important; color: #e6dcc8 !important; } body.base_fake_users .ow_table_1 td.ow_center a[href*="/fake/login/"]{ min-height: 40px !important; line-height: 40px !important; padding: 0 12px !important; border: 1px solid rgba(224, 194, 131, 0.25) !important; border-radius: 12px !important; background: linear-gradient(180deg, rgba(60, 60, 64, 0.95) 0%, rgba(45, 45, 50, 0.98) 100%) !important; color: #f1e8d7 !important; } body.base_fake_users .ow_page.ow_bg_color .ow_paging a, body.base_fake_users .ow_page.ow_bg_color .ow_paging span{ color: #e0d0b0 !important; } /* Floatbox: "Registrera falsk användare" (joinForm) */ .floatbox_container:has(form[name="joinForm"]) .floatbox_header, .floatbox_container:has(form#joinForm) .floatbox_header, .floatbox_container:has([name="joinForm"]) .floatbox_header{ background: linear-gradient(180deg, rgba(40, 40, 45, 0.98) 0%, rgba(30, 30, 33, 1) 100%) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; } .floatbox_container:has(form[name="joinForm"]) .floatbox_title, .floatbox_container:has([name="joinForm"]) .floatbox_title, .floatbox_container:has([name="joinForm"]) a.ow_ic_delete{ color: #f1e8d7 !important; } .floatbox_container:has([name="joinForm"]) .floatbox_body, .floatbox_container:has([name="joinForm"]) .floatbox_bottom{ background: #25252a !important; color: #e4d6c0 !important; } .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form th, .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form tr.ow_tr_first th{ background: linear-gradient(180deg, rgba(52, 52, 56, 0.95) 0%, rgba(40, 40, 44, 0.98) 100%) !important; color: #f1e8d7 !important; font-size: 12px !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(224, 194, 131, 0.1) !important; } .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form td.ow_label, .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form td.ow_value, .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form td.ow_desc{ color: #d4c4a6 !important; background: rgba(20, 20, 24, 0.45) !important; border-top: 1px solid rgba(224, 194, 131, 0.05) !important; } .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form input[type="text"], .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form input[type="password"], .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form select, .floatbox_container:has([name="joinForm"]) .ow_table_1.ow_form textarea{ min-height: 44px !important; box-sizing: border-box !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 10px !important; background: rgba(20, 20, 23, 0.85) !important; color: #f3ead9 !important; } .floatbox_container:has([name="joinForm"]) span.ow_button input[type="submit"]{ border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.9) 0%, rgba(169, 149, 97, 0.95) 100%) !important; color: #2f2920 !important; font-weight: 600 !important; } } /* ========================================================= RP_MAILBOX_MESSAGES_PREMIUM_V1 Sida /messages: body.base_user_mailbox_messages — samma mörk/guldkort-linje som övriga inställningssidor. Ingen ändring av tabellens overflow (RP_MAILBOX_LAYOUT_GUARD_V2: endast färg, ram, skugga, innehållsbakgrunder). RP_IM_CORNER_CHAT_PREMIUM_V1: fast IM nere till höger, min-width 901px (mobil: RP_MAILBOX_IM_MODERATION_PREMIUM_MOBILE_V1, max-width 900px). ========================================================= */ @media (min-width: 901px) { body.base_user_mailbox_messages #messagesContainerControl.ow_mailbox_table { background: linear-gradient(180deg, rgba(40, 40, 44, 0.98) 0%, rgba(30, 30, 33, 1) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 12px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_left .ow_mailbox_cap, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_search, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_conv_options, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_subject_block { background: linear-gradient(180deg, rgba(48, 48, 52, 0.95) 0%, rgba(34, 34, 38, 0.98) 100%) !important; border-color: rgba(224, 194, 131, 0.15) !important; color: #e8dcc8 !important; } body.base_user_mailbox_messages .ow_content_menu_wrap { background: transparent !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body { background: rgba(28, 28, 31, 0.5) !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_search input[type="text"] { background: rgba(22, 22, 26, 0.95) !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 8px !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info { border-color: rgba(224, 194, 131, 0.1) !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info .ow_mailbox_convers_info_string a, body.base_user_mailbox_messages .ow_mailbox_convers_preview, body.base_user_mailbox_messages .ow_mailbox_convers_info_date, body.base_user_mailbox_messages .ow_mailbox_convers_info_content { color: #d4c4a6 !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info:hover { background: rgba(224, 194, 131, 0.06) !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info_selected, body.base_user_mailbox_messages .ow_mailbox_convers_info_selected:hover { -webkit-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.7) !important; -moz-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.7) !important; box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.7) !important; background: rgba(224, 194, 131, 0.08) !important; } body.base_user_mailbox_messages .ow_mailbox_no_content { color: #a89880 !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_log, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_log_wrap, body.base_user_mailbox_messages .ow_mailbox_log .ow_chat_in_dialog { background: #1e1e22 !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_date_cap, body.base_user_mailbox_messages .ow_mailbox_table .ow_dialog_date_cap { background: rgba(36, 36, 40, 0.95) !important; border-color: rgba(224, 194, 131, 0.12) !important; color: #b0a08a !important; } body.base_user_mailbox_messages .ow_mailbox_username .ow_mailbox_username_text, body.base_user_mailbox_messages .ow_mailbox_subject_text { color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_time_block p span.ow_time_text { color: rgba(180, 160, 130, 0.7) !important; } body.base_user_mailbox_messages .ow_mailbox_log_date, body.base_user_mailbox_messages .ow_mailbox_log_date span { border-color: rgba(224, 194, 131, 0.15) !important; color: #a89880 !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_form, body.base_user_mailbox_messages .ow_mailbox_right .ow_chat_message_block { background: #25252a !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_user_mailbox_messages .ow_mailbox_message_input textarea, body.base_user_mailbox_messages .ow_chat_message_block .ow_chat_message textarea { background: rgba(22, 22, 26, 0.95) !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item, .ow_chat_dialog_wrap .ow_dialog_item.odd .ow_dialog_in_item { background: linear-gradient(180deg, rgba(50, 50, 55, 0.98) 0%, rgba(40, 40, 45, 1) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item, .ow_chat_dialog_wrap .ow_dialog_item.even .ow_dialog_in_item { background: linear-gradient(180deg, rgba(55, 48, 36, 0.95) 0%, rgba(40, 36, 28, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.28) !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_in_item a, body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_in_item p, .ow_chat_dialog_wrap .ow_dialog_in_item p, .ow_chat_dialog_wrap .ow_dialog_in_item a { color: #e8dcc8 !important; } .ow_chat_cont .ow_chat_block_wrap { background: linear-gradient(180deg, rgba(42, 42, 46, 0.98) 0%, rgba(28, 28, 32, 1) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 10px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important; } .ow_chat_block { border-color: rgba(224, 194, 131, 0.2) !important; border-radius: 8px !important; } .ow_chat_block.ow_chat_block_active { border-color: rgba(224, 194, 131, 0.35) !important; } .ow_chat_block .ow_top_panel .ow_count_block, .ow_chat_block .ow_bot_panel .ow_count_block { background: linear-gradient(180deg, rgba(48, 48, 52, 0.95) 0%, rgba(34, 34, 38, 0.98) 100%) !important; } span.ow_count_txt, .ow_chat_block .ow_count_block a { color: #e8dcc8 !important; } .ow_chat_block .ow_count_block a:hover, .ow_chat_block.ow_active .ow_count_block a:hover { background: rgba(224, 194, 131, 0.08) !important; background-image: none !important; } .ow_chat .ow_count_bg, .ow_chat_dialog_wrap .ow_count_bg { background: rgba(224, 194, 131, 0.2) !important; border: 1px solid rgba(224, 194, 131, 0.3) !important; } .ow_chat .ow_count, .ow_chat_dialog_wrap .ow_count, .ow_selector_panel .ow_dialog_count { color: #f1e8d7 !important; } .ow_chat_in_block, .ow_chat_block .ow_chat_search { background: #25252a !important; border-color: rgba(224, 194, 131, 0.12) !important; } .ow_chat_block_main .ow_chat_search input[type="text"] { background: rgba(22, 22, 26, 0.95) !important; color: #f1e8d7 !important; } .ow_chat_list ul { background: #1e1e22 !important; } .ow_chat_list ul li a { color: #d4c4a6 !important; } .ow_chat_list ul li a:hover, .ow_mailchat_autocomplete ul li a:hover, .ow_mailchat_autocomplete ul li.selected { background: rgba(224, 194, 131, 0.1) !important; } a.ow_btn_sound:hover span, span.ow_btn_sort_users span:hover { background-color: rgba(40, 40, 45, 0.95) !important; border-color: rgba(224, 194, 131, 0.25) !important; } span.ow_chat_item_author, span.ow_chat_item_text, span.ow_chat_in_item_author, span.ow_chat_in_item_text, .ow_mailchat_autocomplete, .ow_chat_user_not_found { color: #d4c4a6 !important; } .ow_scroll div { background: rgba(224, 194, 131, 0.35) !important; } .ow_chat_search_highlight { background-color: rgba(200, 170, 100, 0.35) !important; } .ow_chat_dialog { background: #25252a !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; color: #e8dcc8 !important; } .ow_mailchat_new_message.ow_chat_dialog, .ow_mailchat_new_message.ow_chat_dialog.ow_active .ow_mailchat_select_user, .ow_mailchat_new_message.ow_chat_dialog.ow_active .ow_author_block.ow_mailchat_selected_user { background: #25252a !important; } .ow_chat_dialog .ow_author_block, .ow_mailchat_new_message.ow_chat_dialog .ow_mailchat_select_user.ow_author_block { background: linear-gradient(180deg, rgba(48, 48, 52, 0.95) 0%, rgba(34, 34, 38, 0.98) 100%) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; } .ow_chat_in_dialog, .ow_chat_in_dialog_wrap, .ow_dialog_items_wrap { background: #1e1e22 !important; } .ow_dialog_date_cap, .ow_dialog_date_cap.sticky { background: rgba(36, 36, 40, 0.95) !important; border-color: rgba(224, 194, 131, 0.1) !important; color: #a89880 !important; } .ow_dialog_date_cap span { color: inherit !important; } .ow_chat_in_dialog .ow_time_block p span.ow_time_text, .ow_mailbox_log .ow_time_block p span.ow_time_text { color: rgba(180, 160, 130, 0.65) !important; } .ow_chat_dialog .ow_chat_subject_block input, .ow_chat_message_block .ow_chat_message textarea, .ow_chat_dialog_wrap .ow_chat_message_block .ow_chat_message textarea, div.ow_mailchat_new_message.ow_chat_dialog.ow_active .ow_author_block input, .ow_mailchat_inputarea textarea { background: rgba(22, 22, 26, 0.95) !important; color: #f1e8d7 !important; border-color: rgba(224, 194, 131, 0.15) !important; } .ow_chat_dialog_wrap .ow_attachments a { background-color: rgba(40, 40, 45, 0.8) !important; border-color: rgba(224, 194, 131, 0.2) !important; } .ow_chat_block .ow_oembed_attachment_preview, .ow_dialog_in_item .ow_oembed_attachment_preview { background: rgba(30, 30, 33, 0.9) !important; border: 1px solid rgba(224, 194, 131, 0.1) !important; } } /* ========================================================= RP_MODERATION_PREMIUM_V1 Modereringsverktyg: /moderation, /moderation/flags, /moderation/approve, … body.base_moderation_tools (BASE_CTRL_Moderation::index|flags, MODERATION_CTRL_Moderation::approve) Innehåll: horisontell flikmeny, vertikal undermeny, ow_table_2, bulk-rad. Min-width 901px (mobil: RP_MAILBOX_IM_MODERATION_PREMIUM_MOBILE_V1). ========================================================= */ @media (min-width: 901px) { body.base_moderation_tools .ow_page.ow_bg_color.rp-no-photo-widget, body.base_moderation_tools .ow_page.ow_bg_color { margin: 0 auto !important; max-width: 1000px !important; width: 100% !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; box-sizing: border-box !important; padding: 0 0 4px !important; } body.base_moderation_tools .ow_content_menu_wrap { margin: 0 0 10px 0 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.1) !important; } body.base_moderation_tools .ow_content_menu a { color: #e0d0b0 !important; } body.base_moderation_tools .ow_content_menu li.active a, body.base_moderation_tools .ow_content_menu li.active a span { color: #f1e8d7 !important; } body.base_moderation_tools .ow_vertical_nav { background: rgba(22, 22, 26, 0.5) !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 14px !important; padding: 6px 0 !important; margin-bottom: 12px !important; } body.base_moderation_tools .ow_vertical_nav_item, body.base_moderation_tools .ow_vertical_nav a.ow_vertical_nav_item { color: #d4c4a6 !important; border-color: transparent !important; } body.base_moderation_tools .ow_vertical_nav_item span { color: inherit !important; } body.base_moderation_tools .ow_vertical_nav_item:hover, body.base_moderation_tools .ow_vertical_nav a.ow_vertical_nav_item:hover { background: rgba(224, 194, 131, 0.08) !important; text-decoration: none !important; } body.base_moderation_tools .ow_vertical_nav_item.selected, body.base_moderation_tools .ow_vertical_nav a.ow_vertical_nav_item.selected { background: rgba(224, 194, 131, 0.1) !important; -webkit-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.6) !important; -moz-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.6) !important; box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.6) !important; } body.base_moderation_tools .ow_vertical_nav .ow_count_bg { background: rgba(224, 194, 131, 0.18) !important; } body.base_moderation_tools .ow_vertical_nav .ow_count { color: #f1e8d7 !important; } body.base_moderation_tools .ow_moderation_sticky { color: #e0d0b0 !important; } body.base_moderation_tools .ow_moderation_sticky .ow_table_2, body.base_moderation_tools .ow_moderation_table, body.base_moderation_tools .ow_moderation_wrap .ow_table_2 { background: rgba(22, 22, 26, 0.4) !important; border: 1px solid rgba(224, 194, 131, 0.1) !important; border-radius: 12px !important; border-collapse: separate !important; } body.base_moderation_tools .ow_table_2 tr th, body.base_moderation_tools .ow_table_2 tr.ow_tr_first th { background: rgba(36, 36, 40, 0.9) !important; color: #e0d0b0 !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_moderation_tools .ow_table_2 tr td, body.base_moderation_tools .ow_table_2 tr.ow_tr_first td { background: rgba(28, 28, 31, 0.5) !important; color: #e4d8c4 !important; border-color: rgba(224, 194, 131, 0.08) !important; } body.base_moderation_tools .ow_table_2 td a:not(.ow_lbutton) { color: #e8c9a0 !important; } body.base_moderation_tools .ow_moderation_string, body.base_moderation_tools .ow_moderation_string a:not(.ow_lbutton) { color: #d4c4a6 !important; } body.base_moderation_tools .ow_moderation_content, body.base_moderation_tools .ow_moderation_content a:not(.ow_lbutton) { color: #e0d0b0 !important; } body.base_moderation_tools .ow_newsfeed_date, body.base_moderation_tools .ow_remark, body.base_moderation_tools .ow_small.ow_remark { color: rgba(200, 185, 160, 0.75) !important; } body.base_moderation_tools .ow_page .ow_paging a, body.base_moderation_tools .ow_page .ow_paging span { color: #e0d0b0 !important; } body.base_moderation_tools .ow_automargin.ow_superwide .ow_anno.ow_center { color: rgba(220, 200, 170, 0.9) !important; line-height: 1.5 !important; } } /* ========================================================= RP_MAILBOX_IM_MODERATION_PREMIUM_MOBILE_V1 Motsvarighet i mobil (max-width: 900px) till RP_MAILBOX_MESSAGES + RP_IM_CORNER (desktop) och RP_MODERATION_PREMIUM. /messages, flytande IM, /moderation och underliggande routes. ========================================================= */ @media (max-width: 900px) { body.base_user_mailbox_messages #messagesContainerControl.ow_mailbox_table { background: linear-gradient(180deg, rgba(40, 40, 44, 0.98) 0%, rgba(30, 30, 33, 1) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 12px !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_left .ow_mailbox_cap, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_right .ow_mailbox_cap, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_search, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_conv_options, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_subject_block { background: linear-gradient(180deg, rgba(48, 48, 52, 0.95) 0%, rgba(34, 34, 38, 0.98) 100%) !important; border-color: rgba(224, 194, 131, 0.15) !important; color: #e8dcc8 !important; } body.base_user_mailbox_messages .ow_content_menu_wrap { background: transparent !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_left .ow_mailbox_left_body { background: rgba(28, 28, 31, 0.5) !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_search input[type="text"] { background: rgba(22, 22, 26, 0.95) !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 8px !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info { border-color: rgba(224, 194, 131, 0.1) !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info .ow_mailbox_convers_info_string a, body.base_user_mailbox_messages .ow_mailbox_convers_preview, body.base_user_mailbox_messages .ow_mailbox_convers_info_date, body.base_user_mailbox_messages .ow_mailbox_convers_info_content { color: #d4c4a6 !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info:hover { background: rgba(224, 194, 131, 0.06) !important; } body.base_user_mailbox_messages .ow_mailbox_convers_info_selected, body.base_user_mailbox_messages .ow_mailbox_convers_info_selected:hover { -webkit-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.7) !important; -moz-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.7) !important; box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.7) !important; background: rgba(224, 194, 131, 0.08) !important; } body.base_user_mailbox_messages .ow_mailbox_no_content { color: #a89880 !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_log, body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_log_wrap, body.base_user_mailbox_messages .ow_mailbox_log .ow_chat_in_dialog { background: #1e1e22 !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_date_cap, body.base_user_mailbox_messages .ow_mailbox_table .ow_dialog_date_cap { background: rgba(36, 36, 40, 0.95) !important; border-color: rgba(224, 194, 131, 0.12) !important; color: #b0a08a !important; } body.base_user_mailbox_messages .ow_mailbox_username .ow_mailbox_username_text, body.base_user_mailbox_messages .ow_mailbox_subject_text { color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_time_block p span.ow_time_text { color: rgba(180, 160, 130, 0.7) !important; } body.base_user_mailbox_messages .ow_mailbox_log_date, body.base_user_mailbox_messages .ow_mailbox_log_date span { border-color: rgba(224, 194, 131, 0.15) !important; color: #a89880 !important; } body.base_user_mailbox_messages .ow_mailbox_table .ow_mailbox_form, body.base_user_mailbox_messages .ow_mailbox_right .ow_chat_message_block { background: #25252a !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_user_mailbox_messages .ow_mailbox_message_input textarea, body.base_user_mailbox_messages .ow_chat_message_block .ow_chat_message textarea { background: rgba(22, 22, 26, 0.95) !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_item.odd .ow_dialog_in_item, .ow_chat_dialog_wrap .ow_dialog_item.odd .ow_dialog_in_item { background: linear-gradient(180deg, rgba(50, 50, 55, 0.98) 0%, rgba(40, 40, 45, 1) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_item.even .ow_dialog_in_item, .ow_chat_dialog_wrap .ow_dialog_item.even .ow_dialog_in_item { background: linear-gradient(180deg, rgba(55, 48, 36, 0.95) 0%, rgba(40, 36, 28, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.28) !important; color: #f1e8d7 !important; } body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_in_item a, body.base_user_mailbox_messages .ow_mailbox_log .ow_dialog_in_item p, .ow_chat_dialog_wrap .ow_dialog_in_item p, .ow_chat_dialog_wrap .ow_dialog_in_item a { color: #e8dcc8 !important; } .ow_chat_cont .ow_chat_block_wrap { background: linear-gradient(180deg, rgba(42, 42, 46, 0.98) 0%, rgba(28, 28, 32, 1) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; border-radius: 10px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important; } .ow_chat_block { border-color: rgba(224, 194, 131, 0.2) !important; border-radius: 8px !important; } .ow_chat_block.ow_chat_block_active { border-color: rgba(224, 194, 131, 0.35) !important; } .ow_chat_block .ow_top_panel .ow_count_block, .ow_chat_block .ow_bot_panel .ow_count_block { background: linear-gradient(180deg, rgba(48, 48, 52, 0.95) 0%, rgba(34, 34, 38, 0.98) 100%) !important; } span.ow_count_txt, .ow_chat_block .ow_count_block a { color: #e8dcc8 !important; } .ow_chat_block .ow_count_block a:hover, .ow_chat_block.ow_active .ow_count_block a:hover { background: rgba(224, 194, 131, 0.08) !important; background-image: none !important; } .ow_chat .ow_count_bg, .ow_chat_dialog_wrap .ow_count_bg { background: rgba(224, 194, 131, 0.2) !important; border: 1px solid rgba(224, 194, 131, 0.3) !important; } .ow_chat .ow_count, .ow_chat_dialog_wrap .ow_count, .ow_selector_panel .ow_dialog_count { color: #f1e8d7 !important; } .ow_chat_in_block, .ow_chat_block .ow_chat_search { background: #25252a !important; border-color: rgba(224, 194, 131, 0.12) !important; } .ow_chat_block_main .ow_chat_search input[type="text"] { background: rgba(22, 22, 26, 0.95) !important; color: #f1e8d7 !important; } .ow_chat_list ul { background: #1e1e22 !important; } .ow_chat_list ul li a { color: #d4c4a6 !important; } .ow_chat_list ul li a:hover, .ow_mailchat_autocomplete ul li a:hover, .ow_mailchat_autocomplete ul li.selected { background: rgba(224, 194, 131, 0.1) !important; } a.ow_btn_sound:hover span, span.ow_btn_sort_users span:hover { background-color: rgba(40, 40, 45, 0.95) !important; border-color: rgba(224, 194, 131, 0.25) !important; } span.ow_chat_item_author, span.ow_chat_item_text, span.ow_chat_in_item_author, span.ow_chat_in_item_text, .ow_mailchat_autocomplete, .ow_chat_user_not_found { color: #d4c4a6 !important; } .ow_scroll div { background: rgba(224, 194, 131, 0.35) !important; } .ow_chat_search_highlight { background-color: rgba(200, 170, 100, 0.35) !important; } .ow_chat_dialog { background: #25252a !important; border: 1px solid rgba(224, 194, 131, 0.2) !important; color: #e8dcc8 !important; } .ow_mailchat_new_message.ow_chat_dialog, .ow_mailchat_new_message.ow_chat_dialog.ow_active .ow_mailchat_select_user, .ow_mailchat_new_message.ow_chat_dialog.ow_active .ow_author_block.ow_mailchat_selected_user { background: #25252a !important; } .ow_chat_dialog .ow_author_block, .ow_mailchat_new_message.ow_chat_dialog .ow_mailchat_select_user.ow_author_block { background: linear-gradient(180deg, rgba(48, 48, 52, 0.95) 0%, rgba(34, 34, 38, 0.98) 100%) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; } .ow_chat_in_dialog, .ow_chat_in_dialog_wrap, .ow_dialog_items_wrap { background: #1e1e22 !important; } .ow_dialog_date_cap, .ow_dialog_date_cap.sticky { background: rgba(36, 36, 40, 0.95) !important; border-color: rgba(224, 194, 131, 0.1) !important; color: #a89880 !important; } .ow_dialog_date_cap span { color: inherit !important; } .ow_chat_in_dialog .ow_time_block p span.ow_time_text, .ow_mailbox_log .ow_time_block p span.ow_time_text { color: rgba(180, 160, 130, 0.65) !important; } .ow_chat_dialog .ow_chat_subject_block input, .ow_chat_message_block .ow_chat_message textarea, .ow_chat_dialog_wrap .ow_chat_message_block .ow_chat_message textarea, div.ow_mailchat_new_message.ow_chat_dialog.ow_active .ow_author_block input, .ow_mailchat_inputarea textarea { background: rgba(22, 22, 26, 0.95) !important; color: #f1e8d7 !important; border-color: rgba(224, 194, 131, 0.15) !important; } .ow_chat_dialog_wrap .ow_attachments a { background-color: rgba(40, 40, 45, 0.8) !important; border-color: rgba(224, 194, 131, 0.2) !important; } .ow_chat_block .ow_oembed_attachment_preview, .ow_dialog_in_item .ow_oembed_attachment_preview { background: rgba(30, 30, 33, 0.9) !important; border: 1px solid rgba(224, 194, 131, 0.1) !important; } body.base_moderation_tools .ow_page.ow_bg_color.rp-no-photo-widget, body.base_moderation_tools .ow_page.ow_bg_color { margin: 0 4px 12px !important; max-width: none !important; width: 100% !important; box-sizing: border-box !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 16px !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; padding: 0 0 4px !important; } body.base_moderation_tools .ow_content_menu_wrap { margin: 0 0 10px 0 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.1) !important; } body.base_moderation_tools .ow_content_menu a { color: #e0d0b0 !important; } body.base_moderation_tools .ow_content_menu li.active a, body.base_moderation_tools .ow_content_menu li.active a span { color: #f1e8d7 !important; } body.base_moderation_tools .ow_vertical_nav { background: rgba(22, 22, 26, 0.5) !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 14px !important; padding: 6px 0 !important; margin-bottom: 12px !important; } body.base_moderation_tools .ow_vertical_nav_item, body.base_moderation_tools .ow_vertical_nav a.ow_vertical_nav_item { color: #d4c4a6 !important; border-color: transparent !important; } body.base_moderation_tools .ow_vertical_nav_item span { color: inherit !important; } body.base_moderation_tools .ow_vertical_nav_item:hover, body.base_moderation_tools .ow_vertical_nav a.ow_vertical_nav_item:hover { background: rgba(224, 194, 131, 0.08) !important; text-decoration: none !important; } body.base_moderation_tools .ow_vertical_nav_item.selected, body.base_moderation_tools .ow_vertical_nav a.ow_vertical_nav_item.selected { background: rgba(224, 194, 131, 0.1) !important; -webkit-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.6) !important; -moz-box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.6) !important; box-shadow: inset 3px 0 0 0 rgba(224, 194, 131, 0.6) !important; } body.base_moderation_tools .ow_vertical_nav .ow_count_bg { background: rgba(224, 194, 131, 0.18) !important; } body.base_moderation_tools .ow_vertical_nav .ow_count { color: #f1e8d7 !important; } body.base_moderation_tools .ow_moderation_sticky { color: #e0d0b0 !important; } body.base_moderation_tools .ow_moderation_sticky .ow_table_2, body.base_moderation_tools .ow_moderation_table, body.base_moderation_tools .ow_moderation_wrap .ow_table_2 { background: rgba(22, 22, 26, 0.4) !important; border: 1px solid rgba(224, 194, 131, 0.1) !important; border-radius: 12px !important; border-collapse: separate !important; } body.base_moderation_tools .ow_table_2 tr th, body.base_moderation_tools .ow_table_2 tr.ow_tr_first th { background: rgba(36, 36, 40, 0.9) !important; color: #e0d0b0 !important; border-color: rgba(224, 194, 131, 0.12) !important; } body.base_moderation_tools .ow_table_2 tr td, body.base_moderation_tools .ow_table_2 tr.ow_tr_first td { background: rgba(28, 28, 31, 0.5) !important; color: #e4d8c4 !important; border-color: rgba(224, 194, 131, 0.08) !important; } body.base_moderation_tools .ow_table_2 td a:not(.ow_lbutton) { color: #e8c9a0 !important; } body.base_moderation_tools .ow_moderation_string, body.base_moderation_tools .ow_moderation_string a:not(.ow_lbutton) { color: #d4c4a6 !important; } body.base_moderation_tools .ow_moderation_content, body.base_moderation_tools .ow_moderation_content a:not(.ow_lbutton) { color: #e0d0b0 !important; } body.base_moderation_tools .ow_newsfeed_date, body.base_moderation_tools .ow_remark, body.base_moderation_tools .ow_small.ow_remark { color: rgba(200, 185, 160, 0.75) !important; } body.base_moderation_tools .ow_page .ow_paging a, body.base_moderation_tools .ow_page .ow_paging span { color: #e0d0b0 !important; } body.base_moderation_tools .ow_automargin.ow_superwide .ow_anno.ow_center { color: rgba(220, 200, 170, 0.9) !important; line-height: 1.5 !important; } } /* MIN PROFIL /my-profile: desktop, samma kort- och cap-stil som HEM (body.base_profile_page) */ @media (min-width: 901px){ body.base_profile_page .ow_dragndrop_panel{ margin-top: 0 !important; position: relative !important; z-index: 2 !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box{ background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; } /* Galleri + verktyg: låt dropdown/ tooltips (Moderering) synas ovanför rutan; mindre glipa mot "Om mig" (tema: .ow_stdmargin=28px på .ow_box) */ body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_profile_gallery_wrap) > .ow_box.ow_stdmargin, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_profile_gallery_wrap) > .ow_box{ overflow: visible !important; margin-bottom: 12px !important; } /* DND: samma där galleri först (utan :has, funkar om widgetordning= galleri → om mig) */ body.base_profile_page #place_sections .place_section.top_section > .ow_dnd_widget:first-of-type > .ow_box.ow_stdmargin, body.base_profile_page #place_sections .place_section.top_section > .ow_dnd_widget:first-of-type > .ow_box, body.base_profile_page #place_sections .right_section > .ow_dnd_widget:first-of-type > .ow_box.ow_stdmargin, body.base_profile_page #place_sections .right_section > .ow_dnd_widget:first-of-type > .ow_box, body.base_profile_page #place_sections .left_section > .ow_dnd_widget:first-of-type > .ow_box.ow_stdmargin, body.base_profile_page #place_sections .left_section > .ow_dnd_widget:first-of-type > .ow_box{ margin-bottom: 12px !important; } /* PC Gallery: inre ow_stdmargin (28px) adderar luft; ta bort så yttre .ow_box styr */ body.base_profile_page .ow_profile_gallery_wrap.ow_stdmargin{ margin-bottom: 0 !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_empty{ background: transparent !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component{ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component .ow_box_cap_right, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component .ow_box_cap_body, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body{ min-height: auto !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component h3, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; } /* Ett gemensamt ytskikt: fotomeddelande (place) + avatar/rad (cont_wrap) utan "två kort" */ body.base_profile_page .ow_profile_gallery_wrap{ position: relative !important; z-index: 1 !important; } body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_place, body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_cont_wrap{ border: 1px solid rgba(224, 194, 131, 0.14) !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: none !important; } body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_place{ border-radius: 20px 20px 0 0 !important; border-bottom: 0 !important; margin-bottom: 0 !important; } body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_cont_wrap{ border-radius: 0 0 20px 20px !important; border-top: 1px solid rgba(224, 194, 131, 0.12) !important; padding: 18px 18px 20px 18px !important; margin-top: 0 !important; } body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_empty, body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_empty .ow_profile_gallery_txt{ margin: 0 !important; } body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_empty{ padding: 10px 12px 14px 12px !important; } body.base_profile_page .ow_about_me_widget{ border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } body.base_profile_page .ow_about_me_widget{ margin: 0 0 16px !important; padding: 14px !important; } /* (På desktop sitter galleri/om mig i DND, inte i syskonkedjan .ow_profile_gallery_wrap + .ow_about_me — marginal styrs ovan) */ body.base_profile_page .ow_about_me_widget .ow_center{ text-align: left !important; } body.base_profile_page #about_me_widget_input{ width: 100% !important; min-height: 132px !important; padding: 16px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 16px !important; background: rgba(20, 20, 23, 0.58) !important; box-sizing: border-box !important; color: #f3ead9 !important; font-size: 16px !important; line-height: 1.5 !important; } body.base_profile_page .ow_about_me_widget .ow_submit_auto_click, body.base_profile_page .ow_about_me_widget .ow_smallmargin:last-child{ margin-top: 12px !important; } body.base_profile_page .ow_about_me_widget input[type="submit"], body.base_profile_page .ow_about_me_widget .ow_button{ min-height: 48px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_profile_action_toolbar a, body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action_list a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; color: #f1e8d7 !important; text-decoration: none !important; } /* Moderering: samma yta, men INTE overflow:hidden — tooltip/meny måste få rita utanför. Pil från tema. */ body.base_profile_page .ow_profile_gallery_action_toolbar{ position: relative !important; z-index: 4 !important; overflow: visible !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action_block{ float: none !important; display: inline-flex !important; align-items: center !important; margin: 0 4px 8px 0 !important; overflow: visible !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action{ display: inline-flex !important; align-items: stretch !important; gap: 0 !important; min-height: 40px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; padding: 0 !important; overflow: visible !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action_value{ display: inline-flex !important; align-items: center !important; border: 0 !important; background: transparent !important; min-height: 40px !important; padding: 0 6px 0 14px !important; color: #f1e8d7 !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_more{ display: inline-block !important; min-width: 30px !important; width: 30px !important; height: 100% !important; min-height: 40px !important; margin: 0 !important; border: 0 !important; border-left: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 0 12px 12px 0 !important; box-sizing: border-box !important; vertical-align: top !important; background-color: rgba(0, 0, 0, 0.1) !important; background-image: url(../../ow_themes/darkshades/images/context_action_arrow.png) !important; background-repeat: no-repeat !important; background-position: center 52% !important; } /* Rundare knapp (närmare mobil) */ body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action{ border-radius: 22px !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action_value{ border-radius: 22px 0 0 22px !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_more{ border-radius: 0 20px 20px 0 !important; } /* Moderering: hover-brygga knapp → dropdown (inget glapp som stänger menyn) */ body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action:has(.ow_tooltip){ padding-bottom: 12px !important; margin-bottom: -12px !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action .ow_tooltip.ow_tooltip_top_right{ top: 100% !important; margin-top: 0 !important; padding-top: 10px !important; } body.base_profile_page .ow_profile_gallery_action_toolbar .ow_context_action .ow_tooltip.ow_tooltip_top_right::before{ content: "" !important; position: absolute !important; top: -10px !important; left: 0 !important; right: 0 !important; height: 10px !important; pointer-events: auto !important; } /* Dropdown-menyn: rund kropp + rundare rader (mobil-lik) */ body.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_tooltip_body, body.base_profile_page .ow_tooltip.ow_small .ow_tooltip_body:has(.ow_context_action_list){ padding: 12px 10px !important; border-radius: 22px !important; border: 1px solid rgba(224, 194, 131, 0.26) !important; background: linear-gradient(180deg, rgba(44, 44, 48, 0.98) 0%, rgba(30, 30, 34, 0.99) 100%) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.42) !important; } body.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_context_action_list.ow_border, body.base_profile_page .ow_tooltip.ow_small .ow_context_action_list.ow_border{ border: 0 !important; border-radius: 16px !important; background: transparent !important; } body.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_context_action_list li, body.base_profile_page .ow_tooltip.ow_small .ow_context_action_list li{ margin: 0 0 8px 0 !important; border-radius: 16px !important; overflow: hidden !important; } body.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_context_action_list li:last-child, body.base_profile_page .ow_tooltip.ow_small .ow_context_action_list li:last-child{ margin-bottom: 0 !important; } body.base_profile_page .ow_tooltip:has(.ow_context_action_list) .ow_context_action_list a, body.base_profile_page .ow_tooltip.ow_small .ow_context_action_list a{ border-radius: 16px !important; padding: 12px 16px !important; line-height: 1.35 !important; } /* Avatarram: mjukare hörn som på mobilen */ body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_avatar_console{ border-radius: 28px !important; padding: 10px !important; } body.base_profile_page .ow_profile_gallery_wrap .ow_profile_gallery_avatar_image{ border-radius: 24px !important; } body.base_profile_page .user_profile_data, body.base_profile_page .user_profile_data .ow_table_3.data_table, body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody, body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr, body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr > th, body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr > td{ box-sizing: border-box !important; } body.base_profile_page .user_profile_data{ margin: 0 0 12px !important; } body.base_profile_page .user_profile_data .ow_table_3.data_table{ width: 100% !important; display: table !important; border-collapse: separate !important; border-spacing: 0 !important; margin: 0 0 12px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; overflow: visible !important; } body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr.ow_tr_first > th.ow_section{ padding: 0 !important; border: 0 !important; background: transparent !important; vertical-align: middle !important; } body.base_profile_page .user_profile_data .rp_profile_section_head{ display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 16px 20px !important; min-height: 68px !important; box-sizing: border-box !important; padding: 24px 22px 20px 22px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.18) !important; background: linear-gradient(180deg, rgba(56, 52, 46, 0.55) 0%, rgba(32, 30, 28, 0.28) 55%, rgba(0, 0, 0, 0) 100%) !important; } body.base_profile_page .user_profile_data .rp_profile_section_title{ flex: 1 1 auto !important; margin: 0 !important; padding: 0 0 2px 0 !important; border: 0 !important; background: transparent !important; color: #f1e8d7 !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: left !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important; } body.base_profile_page .user_profile_data a.rp_profile_header_edit.ow_lbutton, body.base_profile_page .user_profile_data a.rp_profile_header_edit{ flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.32) !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.2) !important; color: rgba(224, 194, 131, 0.92) !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; } /* Fråga/svar: två kolumner, tydligare typ utan onödig scroll */ body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr:not(.ow_tr_first){ display: table-row !important; } body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr:not(.ow_tr_first) > td.ow_label{ display: table-cell !important; width: 32% !important; min-width: 128px !important; max-width: 38% !important; padding: 8px 10px 8px 18px !important; vertical-align: top !important; background: transparent !important; border: 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.09) !important; color: rgba(224, 194, 131, 0.88) !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr:not(.ow_tr_first) > td.ow_value{ display: table-cell !important; width: 68% !important; padding: 8px 18px 8px 10px !important; vertical-align: top !important; background: transparent !important; border: 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.09) !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.45 !important; word-break: break-word !important; } body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr.ow_tr_last > td{ padding-bottom: 16px !important; } body.base_profile_page .user_profile_data .ow_table_3.data_table > tbody > tr:not(.ow_tr_first):nth-child(2) > td{ border-top: 0 !important; padding-top: 14px !important; } body.base_profile_page .user_profile_data .ow_table_3.data_table td.ow_value .profile_hidden_field{ display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 10px !important; border-radius: 12px !important; background: rgba(20, 20, 23, 0.4) !important; } } /* Min profil: sektionsrubrik — samma stil även om Smarty-cache saknar rp_profile_* (gammal kompilerad mall) */ @media (min-width: 901px){ html body.base_profile_page .user_profile_data tr.ow_tr_first th.ow_section > span:not(.rp_profile_section_title){ display: block !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #f1e8d7 !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: left !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important; } html body.base_profile_page .user_profile_data tr.ow_tr_first th.ow_section:has(> span:not(.rp_profile_section_title)){ padding: 24px 22px 20px 22px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.18) !important; background: linear-gradient(180deg, rgba(56, 52, 46, 0.55) 0%, rgba(32, 30, 28, 0.28) 55%, rgba(0, 0, 0, 0) 100%) !important; box-sizing: border-box !important; } } @media (max-width: 900px){ html body.base_profile_page .user_profile_data tr.ow_tr_first th.ow_section > span:not(.rp_profile_section_title){ display: block !important; width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 0 8px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.15) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #f1e8d7 !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: left !important; } } /* Min profil: den gamla flytande #edit-profile (hover/fadeIn) — ersatt av rp_profile_header_edit; dölj om gammal Smarty-cache finns kvar */ html body.base_profile_page .user_profile_data > #edit-profile, html body.base_profile_page .user_profile_data > .ow_edit_profile_link{ display: none !important; visibility: hidden !important; position: absolute !important; left: -9999px !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; clip: rect(0, 0, 0, 0) !important; } @media (max-width: 900px){ body.base_user_dashboard #place_sections{ margin: 0 !important; } body.base_user_dashboard, body.base_user_dashboard .ow_page, body.base_user_dashboard .ow_page_body, body.base_user_dashboard .ow_content, body.base_user_dashboard #place_sections{ width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-x: hidden !important; } body.base_user_dashboard #place_sections > .clearfix{ display: flex !important; flex-direction: column !important; gap: 14px !important; overflow: visible !important; } body.base_user_dashboard #place_sections > .clearfix > .clearfix{ display: flex !important; flex-direction: column !important; gap: 14px !important; overflow: visible !important; } body.base_user_dashboard #place_sections .top_section, body.base_user_dashboard #place_sections .left_section, body.base_user_dashboard #place_sections .right_section, body.base_user_dashboard #place_sections .bottom_section{ float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background-image: none !important; min-height: 0 !important; } body.base_user_dashboard #place_sections .left_section, body.base_user_dashboard #place_sections .right_section{ display: flex !important; flex-direction: column !important; gap: 14px !important; } body.base_user_dashboard #place_sections .ow_column_equal_fix{ padding-bottom: 0 !important; margin-bottom: 0 !important; } body.base_user_dashboard #place_sections .ow_dnd_widget{ width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.base_user_dashboard #place_sections .top_section{ order: 1 !important; } body.base_user_dashboard #place_sections > .clearfix > .ow_dnd_slider{ order: 2 !important; } body.base_user_dashboard #place_sections > .clearfix > .clearfix{ order: 3 !important; } body.base_user_dashboard #place_sections .bottom_section{ order: 4 !important; } body.base_user_dashboard #place_sections > .clearfix > .clearfix .right_section{ order: 1 !important; } body.base_user_dashboard #place_sections > .clearfix > .clearfix .left_section{ order: 2 !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits){ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits).ow_no_cap{ border-top-width: 1px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits){ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits) .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits) .ow_box_cap_body{ min-height: auto !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_credits) h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar_cont{ margin-top: 10px !important; padding: 0 !important; border-top: 0 !important; background: transparent !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar{ margin-top: 0 !important; float: right !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 0 18px !important; border-radius: 999px !important; border: 1px solid rgba(224, 194, 131, 0.72) !important; background: linear-gradient(180deg, rgba(232, 214, 172, 0.98) 0%, rgba(209, 183, 124, 0.96) 100%) !important; color: #121214 !important; font-family: 'pf_din_text_comp_proregular', "Trebuchet MS", "Helvetica CY", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 1.2px !important; line-height: 1 !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_box_toolbar a:hover{ color: #121214 !important; background: linear-gradient(180deg, rgba(241, 232, 215, 1) 0%, rgba(224, 194, 131, 0.98) 100%) !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_user_credits{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-align: center !important; font-size: 16px !important; line-height: 1.2 !important; color: rgba(241, 232, 215, 0.82) !important; letter-spacing: 0 !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_count{ margin: 0 !important; font-family: "Helvetica Neue", "Arial", sans-serif !important; font-size: 58px !important; line-height: 0.95 !important; font-weight: 300 !important; letter-spacing: 0.5px !important; color: #fff6e3 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links{ padding-top: 0 !important; margin-top: 18px !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links a{ color: rgba(120, 104, 76, 0.46) !important; font-family: 'pf_din_text_comp_proregular', "Trebuchet MS", "Helvetica CY", sans-serif !important; font-size: 14px !important; line-height: 1.15 !important; letter-spacing: 0.6px !important; text-decoration: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_credits) .ow_credits_links a:hover{ color: rgba(160, 136, 92, 0.72) !important; text-decoration: none !important; } /* MITT MEDLEMSKAP – dashboard (VIP exklusivt med --vip) */ body.base_user_dashboard .ow_box:has(.ow_user_membership){ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip){ position: relative !important; background: radial-gradient(ellipse 130% 95% at 50% -25%, rgba(232, 200, 140, 0.16) 0%, rgba(232, 200, 140, 0.05) 42%, transparent 78%), radial-gradient(ellipse 85% 55% at 50% 108%, rgba(180, 140, 60, 0.1) 0%, transparent 68%), linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(14, 13, 11, 1) 42%, rgba(22, 19, 15, 0.99) 100%) !important; border: 1px solid rgba(232, 200, 140, 0.58) !important; box-shadow: 0 0 0 1px rgba(80, 62, 32, 0.45) inset, 0 0 56px rgba(212, 175, 95, 0.18), 0 28px 52px rgba(0, 0, 0, 0.52) !important; padding: 18px 16px 18px 16px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before{ content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; pointer-events: none !important; background: radial-gradient( ellipse 110% 85% at 50% -8%, rgba(255, 248, 230, 0.16) 0%, rgba(255, 248, 230, 0.05) 38%, transparent 72% ) !important; opacity: 1 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::after{ content: "" !important; position: absolute !important; top: 10px !important; left: 50% !important; width: min(72%, 320px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.65), transparent) !important; pointer-events: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership).ow_no_cap{ border-top-width: 1px !important; } /* MITT MEDLEMSKAP: ingen rubrik på HEM — info finns i kortet */ body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_user_membership){ display: none !important; } body.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership){ margin-top: 4px !important; margin-bottom: 0 !important; } body.base_user_dashboard #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ margin-top: 0 !important; margin-bottom: 18px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_table_3{ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_user_membership{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; text-align: center !important; margin: 0 !important; min-height: 100px !important; padding: 14px 12px !important; position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_user_membership{ gap: 4px !important; min-height: 108px !important; padding: 16px 12px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_label, body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_expires_label{ font-size: 16px !important; line-height: 1.2 !important; color: rgba(241, 232, 215, 0.82) !important; letter-spacing: 0 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_label{ font-size: 13px !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: rgba(232, 200, 140, 0.78) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_name{ margin: 0 !important; font-family: "Helvetica Neue", "Arial", sans-serif !important; font-size: 42px !important; line-height: 1.05 !important; font-weight: 300 !important; letter-spacing: 0.5px !important; color: #fff6e3 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name{ position: relative !important; margin: 6px 0 2px !important; padding: 0 8px 14px !important; font-size: 56px !important; font-weight: 200 !important; letter-spacing: 10px !important; text-transform: uppercase !important; color: transparent !important; background: linear-gradient(180deg, #fffaf0 0%, #f5e6c8 18%, #e8c89b 42%, #c9a227 58%, #f0ddb0 78%, #fff6e3 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 0 22px rgba(212, 175, 95, 0.55)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.45)) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before, body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after{ content: "" !important; position: absolute !important; left: 50% !important; width: min(88%, 280px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.75), transparent) !important; pointer-events: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::before{ top: -4px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_name::after{ bottom: 0 !important; width: min(62%, 200px) !important; opacity: 0.85 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_expires{ margin: 12px 0 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.35 !important; color: rgba(241, 232, 215, 0.84) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires{ margin: 14px 0 0 !important; padding: 8px 16px 9px !important; border-radius: 999px !important; border: 1px solid rgba(232, 200, 140, 0.32) !important; background: linear-gradient(180deg, rgba(40, 36, 28, 0.72) 0%, rgba(22, 20, 16, 0.88) 100%) !important; box-shadow: 0 0 16px rgba(212, 175, 95, 0.08) inset !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_membership_date{ color: #fff6e3 !important; font-weight: 400 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_expires_label{ color: rgba(232, 200, 140, 0.72) !important; letter-spacing: 0.6px !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip) .ow_membership_date{ color: #fff4d4 !important; font-weight: 400 !important; letter-spacing: 0.4px !important; } /* MITT MEDLEMSKAP – Min profil (samma VIP-kort, kompaktare) */ body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{ position: relative !important; background: radial-gradient(ellipse 130% 95% at 50% -25%, rgba(232, 200, 140, 0.16) 0%, rgba(232, 200, 140, 0.05) 42%, transparent 78%), radial-gradient(ellipse 85% 55% at 50% 108%, rgba(180, 140, 60, 0.1) 0%, transparent 68%), linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(14, 13, 11, 1) 42%, rgba(22, 19, 15, 0.99) 100%) !important; border: 1px solid rgba(232, 200, 140, 0.58) !important; box-shadow: 0 0 0 1px rgba(80, 62, 32, 0.45) inset, 0 0 56px rgba(212, 175, 95, 0.18), 0 28px 52px rgba(0, 0, 0, 0.52) !important; padding: 18px 16px 18px 16px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::before{ content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; pointer-events: none !important; background: radial-gradient( ellipse 110% 85% at 50% -8%, rgba(255, 248, 230, 0.16) 0%, rgba(255, 248, 230, 0.05) 38%, transparent 72% ) !important; opacity: 1 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after{ content: "" !important; position: absolute !important; top: 10px !important; left: 50% !important; width: min(72%, 320px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.65), transparent) !important; pointer-events: none !important; } /* Profil: ingen MITT MEDLEMSKAP-rubrik — snygg övergång från kort ovan */ body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box_cap, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box_cap_empty{ display: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership){ margin-top: 10px !important; margin-bottom: 0 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ margin-top: 0 !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership) .ow_box_toolbar_cont, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_box_toolbar_cont{ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership), body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box{ display: flex !important; flex-direction: column !important; justify-content: center !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_table_3{ display: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_user_membership{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; text-align: center !important; margin: 0 !important; min-height: 112px !important; padding: 14px 12px !important; position: relative !important; z-index: 1 !important; flex: 1 1 auto !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_user_membership{ gap: 4px !important; min-height: 120px !important; padding: 16px 12px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_label, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_expires_label{ font-size: 16px !important; line-height: 1.2 !important; color: rgba(241, 232, 215, 0.82) !important; letter-spacing: 0 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_label{ font-size: 13px !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: rgba(232, 200, 140, 0.78) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_name{ margin: 0 !important; font-family: "Helvetica Neue", "Arial", sans-serif !important; font-size: 42px !important; line-height: 1.05 !important; font-weight: 300 !important; letter-spacing: 0.5px !important; color: #fff6e3 !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name{ position: relative !important; margin: 6px 0 2px !important; padding: 0 8px 14px !important; font-size: 56px !important; font-weight: 200 !important; letter-spacing: 10px !important; text-transform: uppercase !important; color: transparent !important; background: linear-gradient(180deg, #fffaf0 0%, #f5e6c8 18%, #e8c89b 42%, #c9a227 58%, #f0ddb0 78%, #fff6e3 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 0 22px rgba(212, 175, 95, 0.55)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.45)) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{ content: "" !important; position: absolute !important; left: 50% !important; width: min(88%, 280px) !important; height: 1px !important; transform: translateX(-50%) !important; background: linear-gradient(90deg, transparent, rgba(232, 200, 140, 0.75), transparent) !important; pointer-events: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::before{ top: -4px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_name::after{ bottom: 0 !important; width: min(62%, 200px) !important; opacity: 0.85 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_expires{ margin: 12px 0 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.35 !important; color: rgba(241, 232, 215, 0.84) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires{ margin: 14px 0 0 !important; padding: 8px 16px 9px !important; border-radius: 999px !important; border: 1px solid rgba(232, 200, 140, 0.32) !important; background: linear-gradient(180deg, rgba(40, 36, 28, 0.72) 0%, rgba(22, 20, 16, 0.88) 100%) !important; box-shadow: 0 0 16px rgba(212, 175, 95, 0.08) inset !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership) > .ow_box .ow_membership_date{ color: #fff6e3 !important; font-weight: 400 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_expires_label{ color: rgba(232, 200, 140, 0.72) !important; letter-spacing: 0.6px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box .ow_membership_date{ color: #fff4d4 !important; font-weight: 400 !important; letter-spacing: 0.4px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{ padding: 14px 12px 14px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::after{ display: none !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_user_membership{ min-height: 120px !important; padding: 16px 12px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name{ font-size: 44px !important; letter-spacing: 7px !important; padding: 0 6px 12px !important; margin: 4px 0 0 !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name::before, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name::after{ width: min(84%, 240px) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name::after{ width: min(58%, 180px) !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_expires{ margin: 10px 0 0 !important; padding: 6px 14px 7px !important; font-size: 14px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) .ow_membership_name{ font-size: 38px !important; letter-spacing: 5px !important; } body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{ padding: 12px 10px 12px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data){ background: linear-gradient(180deg, rgba(44, 44, 48, 0.96) 0%, rgba(33, 33, 37, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 22px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important; padding: 14px 14px 16px 14px !important; overflow: hidden !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data).ow_no_cap{ border-top-width: 1px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data){ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data) .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data) .ow_box_cap_body{ min-height: auto !important; } body.base_user_dashboard .ow_box_cap:has(+ .ow_box .ow_gdpr_user_data) h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_anno{ background: linear-gradient(180deg, rgba(50, 50, 54, 0.94) 0%, rgba(38, 38, 42, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 18px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 10px 24px rgba(0, 0, 0, 0.18) !important; color: rgba(241, 232, 215, 0.86) !important; background-position: 16px 18px !important; background-size: 18px 18px !important; padding: 16px 16px 16px 46px !important; line-height: 1.45 !important; text-align: left !important; margin-bottom: 16px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data{ width: 100% !important; border-collapse: separate !important; border-spacing: 0 10px !important; margin: 0 !important; color: #f1e8d7 !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr.ow_tr_first th{ background: linear-gradient(180deg, rgba(55, 55, 59, 0.96) 0%, rgba(43, 43, 47, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 16px !important; padding: 12px 14px !important; color: #f3e7cf !important; font-size: 13px !important; letter-spacing: 1px !important; text-transform: uppercase !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data td.ow_label{ width: 42% !important; background: rgba(255, 255, 255, 0.03) !important; border-top: 1px solid rgba(224, 194, 131, 0.10) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.10) !important; border-left: 1px solid rgba(224, 194, 131, 0.10) !important; border-radius: 14px 0 0 14px !important; padding: 13px 12px 13px 14px !important; color: rgba(241, 232, 215, 0.70) !important; font-size: 12px !important; line-height: 1.35 !important; vertical-align: middle !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data td.ow_value{ background: rgba(255, 255, 255, 0.05) !important; border-top: 1px solid rgba(224, 194, 131, 0.10) !important; border-right: 1px solid rgba(224, 194, 131, 0.10) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.10) !important; border-radius: 0 14px 14px 0 !important; padding: 13px 14px 13px 12px !important; color: #f6edde !important; font-size: 14px !important; line-height: 1.4 !important; word-break: break-word !important; vertical-align: middle !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data td.ow_label span{ display: block !important; font-weight: 500 !important; letter-spacing: 0.4px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr.ow_tr_delimiter{ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr:not(.ow_tr_first) > td[colspan="2"]:not(.ow_gdpr_personal_data_section){ background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(224, 194, 131, 0.10) !important; border-radius: 14px !important; padding: 14px !important; color: rgba(241, 232, 215, 0.82) !important; line-height: 1.45 !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_right{ text-align: left !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_right a{ display: block !important; text-decoration: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_button, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_ic_submit, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data input[type="submit"], body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data button{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 46px !important; padding: 0 16px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(70, 70, 75, 0.96) 0%, rgba(48, 48, 53, 0.98) 100%) !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; color: #f3e7cf !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.9px !important; text-transform: uppercase !important; text-decoration: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_personal_data_section{ padding-top: 4px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data tr:has(+ tr > td > .ow_right){ display: none !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_personal_data_section{ background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 4px 0 0 !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_personal_data_section > div + div{ margin-top: 10px !important; } body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_button:hover, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data .ow_ic_submit:hover, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data input[type="submit"]:hover, body.base_user_dashboard .ow_box:has(.ow_gdpr_user_data) .ow_gdpr_user_data button:hover{ background: linear-gradient(180deg, rgba(78, 78, 83, 0.98) 0%, rgba(54, 54, 59, 1) 100%) !important; color: #fff3da !important; } } @media (max-width: 900px){ .ow_box.dashboard-HOTLIST_CMP_IndexWidget, .ow_box.dashboard-MATCHMAKING_CMP_MatchesWidget, .ow_box.dashboard-BOOKMARKS_CMP_BookmarksWidget{ background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(31, 31, 35, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 20px !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; overflow: hidden !important; } .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component, .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component, .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component{ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right, .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right, .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body, .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body, .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body{ min-height: auto !important; } .ow_dnd_widget.dashboard-HOTLIST_CMP_IndexWidget > .ow_box_cap_empty.ow_dnd_configurable_component h3, .ow_dnd_widget.dashboard-MATCHMAKING_CMP_MatchesWidget > .ow_box_cap_empty.ow_dnd_configurable_component h3, .ow_dnd_widget.dashboard-BOOKMARKS_CMP_BookmarksWidget > .ow_box_cap_empty.ow_dnd_configurable_component h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; } .dashboard-HOTLIST_CMP_IndexWidget .ow_box_empty, .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_empty, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_empty{ background: transparent !important; } .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_menu, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_menu{ display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; margin: 0 0 12px 0 !important; line-height: normal !important; } .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_menu a, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_menu a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; padding: 0 12px !important; margin: 0 !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 12px !important; background: linear-gradient(180deg, rgba(58, 58, 62, 0.94) 0%, rgba(42, 42, 46, 0.98) 100%) !important; color: #e8d9bb !important; font-size: 12px !important; line-height: 1 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; } .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_menu a.active, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_menu a.active{ background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; border-color: rgba(224, 194, 131, 0.30) !important; } .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars, .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars{ display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: flex-start !important; gap: 6px !important; text-align: left !important; } .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar, .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar{ width: 46px !important; height: 46px !important; margin: 0 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important; } .dashboard-HOTLIST_CMP_IndexWidget .ow_lp_avatars .ow_avatar img, .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_lp_avatars .ow_avatar img, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_lp_avatars .ow_avatar img{ width: 46px !important; height: 46px !important; display: block !important; object-fit: cover !important; } .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar{ float: none !important; text-align: right !important; margin-top: 14px !important; } .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_box_toolbar_cont{ padding: 0 !important; } .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar{ float: none !important; margin-top: 14px !important; text-align: right !important; } .dashboard-MATCHMAKING_CMP_MatchesWidget .ow_bl.ow_box_toolbar li a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; color: #2f2920 !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; } .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_box_toolbar span.ow_nowrap a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 0 14px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; color: #2f2920 !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; } .dashboard-HOTLIST_CMP_IndexWidget .hotlist{ text-align: center !important; } .dashboard-HOTLIST_CMP_IndexWidget .hotlist .ow_nocontent, .dashboard-BOOKMARKS_CMP_BookmarksWidget .ow_nocontent{ color: rgba(241, 232, 215, 0.80) !important; line-height: 1.55 !important; } .dashboard-HOTLIST_CMP_IndexWidget .hotlist_footer{ margin-top: 14px !important; text-align: center !important; visibility: visible !important; } .dashboard-HOTLIST_CMP_IndexWidget .hotlist_footer a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(65, 65, 70, 0.96) 0%, rgba(46, 46, 51, 0.99) 100%) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; color: #f2e5cb !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; text-decoration: none !important; } } @media (max-width: 900px){ html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel_wrap, html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page) .ow_site_panel_wrap{ height: 70px !important; min-height: 70px !important; max-height: 70px !important; } html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel, html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page) .ow_site_panel{ height: 70px !important; min-height: 70px !important; max-height: 70px !important; padding: 0 10px 0 12px !important; } html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_logo_wrap, html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_logo_wrap{ width: 284px !important; max-width: calc(100vw - 108px) !important; height: 70px !important; min-height: 70px !important; margin: 0 !important; flex: 0 1 auto !important; } html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page).ow_page_wrap .ow_site_panel .ow_logo_wrap a, html body.rp-mobile-nav-admin .ow_page_wrap:not(.index_master_page) .ow_site_panel .ow_logo_wrap a{ width: 100% !important; max-width: none !important; height: 70px !important; min-height: 70px !important; background-size: auto 70px !important; background-position: left center !important; } } @media (max-width: 900px){ body .owm_profile_block:has(.owm_profile_nav){ background: transparent !important; padding: 0 10px 8px !important; } body .owm_profile_block:has(.owm_profile_nav) > .owm_profile_header_wrap{ margin: 0 0 14px !important; padding: 18px 16px 16px !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(29, 29, 33, 0.99) 100%) !important; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_header{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin: 0 0 14px !important; font-size: inherit !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_avatar_wrap{ display: block !important; margin: 0 !important; padding: 0 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_avatar_wrap .owm_avatar{ display: inline-block !important; padding: 4px !important; border-radius: 999px !important; background: linear-gradient(180deg, rgba(224, 194, 131, 0.28) 0%, rgba(92, 78, 48, 0.12) 100%) !important; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_avatar_wrap .owm_avatar img{ width: 108px !important; height: 108px !important; border: 2px solid rgba(241, 232, 215, 0.24) !important; box-sizing: border-box !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_name{ margin: 14px 0 0 !important; font-size: 26px !important; line-height: 1.08 !important; font-weight: 500 !important; letter-spacing: 0.02em !important; color: #f3ead9 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_online{ display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: auto !important; height: auto !important; margin: 10px 0 0 !important; padding: 8px 12px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 999px !important; background: rgba(20, 20, 23, 0.54) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_online::before{ content: "" !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #76d38b !important; box-shadow: 0 0 0 4px rgba(118, 211, 139, 0.18) !important; flex: 0 0 auto !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_online.owm_profile_offline::before{ background: #91876f !important; box-shadow: 0 0 0 4px rgba(145, 135, 111, 0.16) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_online span{ display: inline !important; color: rgba(241, 232, 215, 0.82) !important; font-size: 13px !important; line-height: 1.2 !important; letter-spacing: 0.04em !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns{ margin: 0 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_btn_list{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_btn_list_item_wrap{ float: none !important; margin: 0 !important; min-width: 0 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_btn_list_item{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 15px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; color: #f1e8d7 !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_btn_list_item .owm_btn_list_item_c{ display: inline-flex !important; align-items: center !important; justify-content: center !important; height: auto !important; min-height: 42px !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_desc_all{ margin: 0 0 16px !important; padding: 18px 18px 17px !important; border: 1px solid rgba(224, 194, 131, 0.15) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(38, 38, 42, 0.96) 0%, rgba(27, 27, 31, 0.99) 100%) !important; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important; color: rgba(241, 232, 215, 0.88) !important; font-size: 15px !important; line-height: 1.65 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_desc_all p:last-child{ margin-bottom: 0 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all{ margin: 0 0 16px !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info{ width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; table-layout: fixed !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info, body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info tbody, body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info tr, body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info th, body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info td{ display: block !important; width: 100% !important; box-sizing: border-box !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info tr{ margin: 0 0 10px !important; padding: 14px 16px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info tr:has(th.ow_section){ margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info tr + tr:has(th.ow_section){ margin-top: 18px !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info th.ow_section{ padding: 0 !important; background: transparent !important; color: inherit !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_tab_info th.ow_section span{ display: block !important; padding: 13px 16px 12px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.1 !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_td_label{ margin: 0 0 7px !important; padding: 0 !important; color: rgba(224, 194, 131, 0.78) !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_td_value{ padding: 0 !important; color: #f3ead9 !important; font-size: 16px !important; line-height: 1.5 !important; word-break: break-word !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_info_all .owm_td_value .profile_hidden_field{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 9px 12px !important; border-radius: 14px !important; background: rgba(20, 20, 23, 0.54) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_nav{ margin: 0 !important; overflow: visible !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_nav_list{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; height: auto !important; margin: 0 !important; padding: 0 !important; white-space: normal !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_nav_list li{ display: block !important; margin: 0 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_nav_list li a{ display: flex !important; flex-direction: column !important; align-items: stretch !important; min-height: 112px !important; margin: 0 !important; overflow: hidden !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.96) 0%, rgba(29, 29, 33, 0.99) 100%) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16) !important; color: #f1e8d7 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_nav_img{ min-width: 0 !important; height: 64px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; background-size: 26px 26px !important; background-repeat: no-repeat !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_nav_txt{ display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 auto !important; padding: 10px 10px 12px !important; color: #f1e8d7 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: center !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_pos_right{ right: 0 !important; top: calc(100% + 10px) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_body{ min-width: 250px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(43, 43, 47, 0.98) 0%, rgba(30, 30, 34, 1) 100%) !important; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.26) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_body:before{ border-bottom-color: rgba(224, 194, 131, 0.18) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_body:after{ border-bottom-color: rgba(43, 43, 47, 0.98) !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_list{ padding: 8px !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_list li{ margin-top: 8px !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_list li:first-child{ margin-top: 0 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_list_item{ border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 14px !important; background: rgba(58, 58, 63, 0.96) !important; color: #f1e8d7 !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_action_list_item_c{ line-height: 46px !important; font-size: 15px !important; letter-spacing: 0.02em !important; } body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_view_more .owm_context_arr_down, body .owm_profile_block:has(.owm_profile_nav) .owm_profile_btns .owm_context_arr_down{ border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 15px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; color: #f1e8d7 !important; } } @media (max-width: 900px){ body #editForm .owm_field_container{ margin: 0 10px 14px !important; padding: 16px 16px 15px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } body #editForm .owm_field_container.owm_section{ padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; margin: 20px 10px 10px !important; } body #editForm .owm_section_label{ display: block !important; padding: 13px 16px 12px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.1 !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } body #editForm .owm_section_border{ display: none !important; } body #editForm .owm_form_label{ padding: 0 !important; margin: 0 0 8px !important; color: rgba(224, 194, 131, 0.78) !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } body #editForm .owm_form_label label{ color: inherit !important; } body #editForm .owm_field_wrap{ margin: 0 !important; } body #editForm .owm_field_wrap input[type="text"], body #editForm .owm_field_wrap input[type="password"], body #editForm .owm_field_wrap input[type="email"], body #editForm .owm_field_wrap input[type="number"], body #editForm .owm_field_wrap select, body #editForm .owm_field_wrap textarea{ width: 100% !important; min-height: 52px !important; padding: 14px 16px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 16px !important; background: rgba(20, 20, 23, 0.58) !important; box-sizing: border-box !important; color: #f3ead9 !important; font-size: 16px !important; line-height: 1.4 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important; } body #editForm .owm_field_wrap textarea{ min-height: 132px !important; resize: vertical !important; } body #editForm .owm_error_txt{ margin-top: 8px !important; font-size: 12px !important; line-height: 1.4 !important; } body #editForm .edit_photo_upload{ display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; padding: 18px 16px !important; } body #editForm .owm_edit_photo_button, body #editForm .owm_edit_photo_button_label, body #editForm .owm_edit_photo_button_img{ position: static !important; float: none !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } body #editForm .owm_edit_photo_button a{ display: block !important; width: 100% !important; min-height: 46px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; } body #editForm .owm_edit_photo_button input[type="file"]{ width: 100% !important; min-height: 46px !important; opacity: 0 !important; } body #editForm .owm_upload_choose_label, body #editForm .owm_upload_replace_label{ display: block !important; color: #f1e8d7 !important; font-size: 14px !important; line-height: 1.4 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; } body #editForm .owm_upload_img_name_label{ display: flex !important; align-items: center !important; gap: 12px !important; } body #editForm .owm_edit_photo_button_img #photo-file-preview{ width: 74px !important; height: 74px !important; border-radius: 16px !important; object-fit: cover !important; } body #editForm .owm_edit_photo_button_img #delete-avatar{ color: #f0d7aa !important; padding-left: 0 !important; text-decoration: none !important; } body #editForm .owm_anno{ margin: 6px 10px 0 !important; padding: 16px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(38, 38, 42, 0.96) 0%, rgba(27, 27, 31, 0.99) 100%) !important; color: rgba(241, 232, 215, 0.88) !important; line-height: 1.6 !important; } body #editForm .owm_btn_wide{ padding: 0 10px 10px !important; margin-top: 4px !important; } body #editForm .owm_btn_wide input, body #editForm .owm_btn_wide a{ min-height: 52px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } } @media (max-width: 900px){ body .ow_profile_gallery_wrap{ margin: 0 10px 16px !important; } body .ow_profile_gallery_place, body .ow_profile_gallery_cont_wrap, body .ow_about_me_widget{ border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } body .ow_profile_gallery_cont_wrap{ padding: 16px !important; margin-top: 12px !important; } body .ow_profile_gallery_cont{ display: flex !important; flex-direction: column !important; gap: 14px !important; } body .ow_profile_gallery_avatar, body .ow_profile_gallery_toolbox{ float: none !important; width: 100% !important; margin: 0 !important; } body .ow_profile_gallery_avatar{ display: flex !important; justify-content: center !important; } body .ow_profile_gallery_avatar_console{ width: 148px !important; max-width: 100% !important; padding: 6px !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22) !important; } body .ow_profile_gallery_avatar_image{ min-height: 148px !important; background-size: cover !important; background-position: center !important; border-radius: 16px !important; } body .ow_profile_gallery_txt{ padding: 16px 18px !important; color: #e7d4ad !important; font-size: 18px !important; line-height: 1.55 !important; text-align: center !important; } body #pcgallery-add-photo-btn, body .ow_profile_gallery_avatar_change .ow_lbutton{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 0 16px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; color: #f1e8d7 !important; text-decoration: none !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; } body .ow_profile_gallery_toolbox{ text-align: center !important; } body .ow_profile_gallery_display_name{ display: block !important; margin: 0 0 12px !important; color: #f3ead9 !important; font-size: 22px !important; line-height: 1.1 !important; font-weight: 600 !important; } body .ow_profile_gallery_action_toolbar{ display: flex !important; justify-content: center !important; float: none !important; margin: 0 !important; } body .ow_profile_gallery_action_toolbar .ow_profile_action_toolbar{ float: none !important; margin: 0 !important; } body .ow_profile_gallery_action_toolbar .ow_profile_action_toolbar li{ float: none !important; display: inline-block !important; } body .ow_profile_gallery_action_toolbar .ow_profile_action_toolbar a, body .ow_profile_gallery_action_toolbar .ow_context_action_value_block a, body .ow_profile_gallery_action_toolbar .ow_context_action_list a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; color: #f1e8d7 !important; text-decoration: none !important; } body .ow_about_me_widget{ margin: 0 10px 16px !important; padding: 14px !important; } body .ow_about_me_widget .ow_center{ text-align: left !important; } body #about_me_widget_input{ width: 100% !important; min-height: 132px !important; padding: 16px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 16px !important; background: rgba(20, 20, 23, 0.58) !important; box-sizing: border-box !important; color: #f3ead9 !important; font-size: 16px !important; line-height: 1.5 !important; } body .ow_about_me_widget .ow_submit_auto_click, body .ow_about_me_widget .ow_smallmargin:last-child{ margin-top: 12px !important; } body .ow_about_me_widget input[type="submit"], body .ow_about_me_widget .ow_button{ min-height: 48px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 16px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } } @media (max-width: 900px){ body .right_section .user_profile_data{ margin: 0 10px 18px !important; } body .right_section .user_profile_data .ow_table_3.data_table{ width: 100% !important; display: block !important; border-collapse: separate !important; border-spacing: 0 !important; margin: 0 0 18px !important; background: transparent !important; } body .right_section .user_profile_data .ow_table_3.data_table tbody, body .right_section .user_profile_data .ow_table_3.data_table tr, body .right_section .user_profile_data .ow_table_3.data_table th, body .right_section .user_profile_data .ow_table_3.data_table td{ display: block !important; width: 100% !important; box-sizing: border-box !important; } body .right_section .user_profile_data .ow_table_3.data_table tr:has(th.ow_section){ margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body .right_section .user_profile_data .ow_table_3.data_table tr + tr:has(th.ow_section){ margin-top: 18px !important; } body .right_section .user_profile_data .ow_table_3.data_table th.ow_section{ padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; } body .right_section .user_profile_data .ow_table_3.data_table th.ow_section span{ display: block !important; padding: 13px 16px 12px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.1 !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: center !important; } body .right_section .user_profile_data .ow_table_3.data_table tr:not(:has(th.ow_section)){ margin: 0 0 10px !important; padding: 14px 16px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } body .right_section .user_profile_data .ow_table_3.data_table td.ow_label{ width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: rgba(224, 194, 131, 0.78) !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } body .right_section .user_profile_data .ow_table_3.data_table td.ow_value{ padding: 0 !important; background: transparent !important; border: 0 !important; color: #f3ead9 !important; font-size: 16px !important; line-height: 1.5 !important; word-break: break-word !important; } body .right_section .user_profile_data .ow_table_3.data_table td.ow_value .profile_hidden_field{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 9px 12px !important; border-radius: 14px !important; background: rgba(20, 20, 23, 0.54) !important; } } @media (max-width: 900px){ html body .ow_page .user_profile_data, html body .ow_page .user_profile_data table.ow_table_3.data_table, html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody, html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr, html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > th, html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td{ box-sizing: border-box !important; } html body .ow_page .user_profile_data{ margin: 0 10px 18px !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table{ display: block !important; width: 100% !important; margin: 0 0 18px !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody{ display: block !important; width: 100% !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr{ display: block !important; width: 100% !important; margin: 0 0 10px !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr:has(th.ow_section){ margin: 0 0 12px !important; padding: 0 !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > th.ow_section{ display: block !important; width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > th.ow_section span{ display: block !important; width: 100% !important; padding: 13px 16px 12px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.1 !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: center !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr:not(:has(th.ow_section)){ padding: 14px 16px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_label, html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_label[style]{ display: block !important; width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: rgba(224, 194, 131, 0.78) !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_value{ display: block !important; width: 100% !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: #f3ead9 !important; font-size: 16px !important; line-height: 1.5 !important; word-break: break-word !important; } } @media (max-width: 900px){ body .user_profile_data{ margin: 0 10px 18px !important; } body .user_profile_data .ow_table_3.data_table{ width: 100% !important; display: block !important; border-collapse: separate !important; border-spacing: 0 !important; margin: 0 0 18px !important; background: transparent !important; } body .user_profile_data .ow_table_3.data_table tbody, body .user_profile_data .ow_table_3.data_table tr, body .user_profile_data .ow_table_3.data_table th, body .user_profile_data .ow_table_3.data_table td{ display: block !important; width: 100% !important; box-sizing: border-box !important; } body .user_profile_data .ow_table_3.data_table th.ow_section{ padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; } body .user_profile_data .ow_table_3.data_table th.ow_section span{ display: block !important; margin: 0 0 12px !important; padding: 13px 16px 12px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.1 !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: center !important; } body .user_profile_data .ow_table_3.data_table td.ow_label, body .user_profile_data .ow_table_3.data_table td.ow_value{ width: 100% !important; float: none !important; } body .user_profile_data .ow_table_3.data_table td.ow_label{ margin: 0 0 7px !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: rgba(224, 194, 131, 0.78) !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } body .user_profile_data .ow_table_3.data_table td.ow_value{ margin: 0 0 10px !important; padding: 0 0 16px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.10) !important; color: #f3ead9 !important; font-size: 16px !important; line-height: 1.5 !important; word-break: break-word !important; } body .user_profile_data .ow_table_3.data_table tr:last-child td.ow_value{ margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } body .user_profile_data .ow_table_3.data_table td.ow_value .profile_hidden_field{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 9px 12px !important; border-radius: 14px !important; background: rgba(20, 20, 23, 0.54) !important; } } @media (max-width: 900px){ html body .ow_page .user_profile_data{ margin: 0 10px 14px !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table{ margin: 0 0 14px !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr{ margin: 0 0 8px !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr:has(th.ow_section){ margin: 0 0 10px !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > th.ow_section span{ padding: 11px 14px 10px !important; border-radius: 16px !important; font-size: 14px !important; line-height: 1.05 !important; letter-spacing: 0.08em !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr:not(:has(th.ow_section)){ padding: 10px 12px !important; border-radius: 16px !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_label, html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_label[style]{ margin: 0 0 5px !important; font-size: 10px !important; line-height: 1.2 !important; letter-spacing: 0.1em !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_value{ font-size: 14px !important; line-height: 1.4 !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_value .profile_hidden_field{ padding: 7px 10px !important; border-radius: 12px !important; } } @media (max-width: 900px){ html body .ow_profile_gallery_place{ overflow: hidden !important; border-radius: 20px !important; } html body .ow_profile_gallery_empty, html body .ow_profile_gallery_empty.clearfix{ display: flex !important; align-items: center !important; justify-content: center !important; min-height: 160px !important; height: auto !important; padding: 26px 20px !important; box-sizing: border-box !important; } html body .ow_profile_gallery_empty .ow_profile_gallery_txt{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; padding: 0 !important; text-align: center !important; color: #f1e8d7 !important; font-size: 17px !important; line-height: 1.45 !important; } html body .ow_profile_gallery_empty #pcgallery-add-photo-btn{ display: inline !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #e5c98a !important; letter-spacing: 0.04em !important; text-transform: none !important; } html body .ow_profile_gallery_cont_wrap{ padding: 14px 14px 16px !important; } html body .ow_profile_gallery_avatar_console{ width: 168px !important; padding: 8px !important; border-radius: 24px !important; overflow: visible !important; } html body .ow_profile_gallery_avatar_image{ height: 168px !important; min-height: 168px !important; border-radius: 20px !important; background-position: center top !important; } html body .ow_page .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_value .profile_hidden_field{ display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } } @media (max-width: 900px){ html body .ow_profile_gallery_wrap{ margin: 0 10px 16px !important; padding: 18px 14px 16px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; box-sizing: border-box !important; } html body .ow_profile_gallery_place, html body .ow_profile_gallery_cont_wrap{ margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } html body .ow_profile_gallery_place{ margin-bottom: 18px !important; overflow: visible !important; } html body .ow_profile_gallery_empty, html body .ow_profile_gallery_empty.clearfix{ min-height: 0 !important; padding: 0 0 10px !important; } html body .ow_profile_gallery_empty .ow_profile_gallery_txt{ font-size: 16px !important; line-height: 1.4 !important; } html body .ow_profile_gallery_cont{ align-items: center !important; gap: 16px !important; } html body .ow_profile_gallery_avatar{ width: auto !important; margin: 0 auto !important; } html body .ow_profile_gallery_avatar_console{ margin: 0 auto !important; width: 172px !important; padding: 8px !important; border-radius: 24px !important; } html body .ow_profile_gallery_avatar_image{ height: 172px !important; min-height: 172px !important; border-radius: 20px !important; background-position: center center !important; } html body .ow_profile_gallery_toolbox{ width: 100% !important; margin: 0 auto !important; text-align: center !important; } html body .ow_profile_gallery_action_toolbar{ width: 100% !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_block{ float: none !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action{ display: inline-flex !important; align-items: center !important; gap: 6px !important; height: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_value{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; color: #f1e8d7 !important; } html body .ow_profile_gallery_action_toolbar .ow_context_more{ min-width: 12px !important; height: 42px !important; padding: 0 0 0 2px !important; background-position: center center !important; } } @media (max-width: 900px){ html body .ow_profile_gallery_wrap{ margin: 0 10px 0 !important; padding: 14px 12px 10px !important; border-radius: 20px 20px 0 0 !important; } html body .ow_profile_gallery_place{ margin-bottom: 12px !important; } html body .ow_profile_gallery_empty, html body .ow_profile_gallery_empty.clearfix{ padding: 0 0 6px !important; } html body .ow_profile_gallery_empty .ow_profile_gallery_txt{ font-size: 15px !important; line-height: 1.35 !important; } html body .ow_profile_gallery_cont{ gap: 10px !important; } html body .ow_profile_gallery_avatar{ display: flex !important; justify-content: center !important; } html body .ow_profile_gallery_avatar_console{ width: 156px !important; padding: 6px !important; transform: translateX(-5px) !important; } html body .ow_profile_gallery_avatar_image{ height: 156px !important; min-height: 156px !important; } html body .ow_profile_gallery_display_name{ margin: 0 0 8px !important; font-size: 18px !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_value{ min-height: 38px !important; padding: 0 14px !important; } html body .ow_profile_gallery_action_toolbar .ow_context_more{ height: 38px !important; } html body .ow_profile_gallery_wrap + .ow_about_me_widget{ margin: -1px 10px 16px !important; padding: 0 12px 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-top: 0 !important; border-radius: 0 0 20px 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } html body .ow_profile_gallery_wrap + .ow_about_me_widget #about_me_widget_input{ min-height: 110px !important; padding: 14px !important; } } @media (max-width: 900px){ html body .ow_profile_gallery_wrap{ position: relative !important; margin: 0 6px 0 !important; padding: 14px 10px 12px !important; border-radius: 20px 20px 0 0 !important; } html body .ow_profile_gallery_place, html body .ow_profile_gallery_cont_wrap{ margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .ow_profile_gallery_place{ position: absolute !important; top: 86px !important; left: 150px !important; right: 10px !important; width: auto !important; overflow: visible !important; z-index: 2 !important; } html body .ow_profile_gallery_empty, html body .ow_profile_gallery_empty.clearfix{ display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 0 !important; } html body .ow_profile_gallery_empty .ow_profile_gallery_txt{ display: block !important; width: 100% !important; margin-top: 10px !important; padding: 0 !important; text-align: center !important; color: #f1e8d7 !important; font-size: 12px !important; line-height: 1.25 !important; } html body .ow_profile_gallery_empty #pcgallery-add-photo-btn{ display: block !important; color: #e5c98a !important; font-weight: 500 !important; white-space: nowrap !important; } html body .ow_profile_gallery_cont{ display: grid !important; grid-template-columns: 138px minmax(0, 1fr) !important; column-gap: 8px !important; row-gap: 0 !important; align-items: start !important; } html body .ow_profile_gallery_avatar{ grid-column: 1 !important; grid-row: 1 !important; width: 138px !important; margin: 0 !important; display: flex !important; justify-content: flex-start !important; } html body .ow_profile_gallery_avatar_console{ width: 138px !important; margin: 0 !important; padding: 6px !important; border-radius: 22px !important; transform: none !important; } html body .ow_profile_gallery_avatar_image{ width: 126px !important; height: 126px !important; min-height: 126px !important; border-radius: 18px !important; background-position: center center !important; } html body .ow_profile_gallery_toolbox{ grid-column: 2 !important; grid-row: 1 !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding-top: 6px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; text-align: center !important; } html body .ow_profile_gallery_display_name{ display: inline-block !important; width: auto !important; margin: 0 !important; font-size: 18px !important; line-height: 1.1 !important; text-align: center !important; } html body .ow_profile_gallery_action_toolbar{ width: fit-content !important; display: flex !important; justify-content: center !important; margin: 0 auto !important; overflow: visible !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_block{ float: none !important; display: inline-flex !important; text-align: center !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action{ position: relative !important; display: inline-flex !important; align-items: center !important; height: 38px !important; padding: 0 2px 0 0 !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; overflow: visible !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_value{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; padding: 0 14px 0 16px !important; border: 0 !important; border-radius: 20px 0 0 20px !important; background: transparent !important; color: #f1e8d7 !important; } html body .ow_profile_gallery_action_toolbar .ow_context_more{ position: static !important; left: auto !important; top: auto !important; min-width: 24px !important; width: 24px !important; height: 36px !important; padding: 0 !important; margin-left: 2px !important; border: 0 !important; border-left: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 0 20px 20px 0 !important; background-color: transparent !important; background-position: center center !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action:has(.ow_tooltip){ padding-bottom: 12px !important; margin-bottom: -12px !important; } html body .ow_profile_gallery_action_toolbar .ow_tooltip.ow_tooltip_top_right{ top: 100% !important; right: auto !important; left: 0 !important; margin-top: 0 !important; padding-top: 10px !important; } html body .ow_profile_gallery_action_toolbar .ow_tooltip.ow_tooltip_top_right::before{ content: "" !important; position: absolute !important; top: -10px !important; left: 0 !important; right: 0 !important; height: 10px !important; pointer-events: auto !important; } html body .ow_profile_gallery_action_toolbar .ow_tooltip_top_right .ow_tooltip_tail{ text-align: left !important; padding-left: 18px !important; } html body .ow_profile_gallery_action_toolbar .ow_tooltip_top_right .ow_tooltip_tail span{ background-position: 0 -6px !important; } html body .ow_profile_gallery_action_toolbar .ow_tooltip .ow_tooltip_body{ padding: 6px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.98) 0%, rgba(33, 33, 37, 0.99) 100%) !important; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.20) !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_list{ min-width: 208px !important; overflow: visible !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_list li{ white-space: normal !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_list a{ display: block !important; margin: 0 0 6px !important; padding: 12px 14px !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(63, 63, 68, 0.96) 0%, rgba(45, 45, 50, 0.99) 100%) !important; color: #f1e8d7 !important; } html body .ow_profile_gallery_action_toolbar .ow_context_action_list li:last-child a{ margin-bottom: 0 !important; } html body .ow_profile_gallery_wrap + .ow_about_me_widget{ margin: 0 6px 16px !important; padding: 10px 12px 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-top: 0 !important; border-radius: 0 0 20px 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } html body .ow_profile_gallery_wrap + .ow_about_me_widget #about_me_widget_input{ min-height: 92px !important; padding: 12px 14px !important; } } @media (max-width: 900px){ /* RP_HERO_PREMIUM_SEPARATOR_V11 mobil */ body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){ --rp-sep-gap: 28px; --rp-sep-band: 20px; --rp-sep-diamond: 12px; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio){ --rp-hero-blend-overlap: 44px; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header_pic_wrap::after{ height: 72px !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_header::after{ height: 56px !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page_container{ margin-top: calc(-1 * var(--rp-hero-blend-overlap)) !important; padding-top: calc((var(--rp-sep-gap) * 2) + var(--rp-sep-band) + var(--rp-hero-blend-overlap)) !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_page.ow_bg_color{ margin-top: 0 !important; padding-top: 10px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body:not(.base_index):not(.base_index_page):not(.rpconsole-agent):not(.rp-partner-dashboard):not(.rp-studio) .ow_dragndrop_panel{ padding-top: 8px !important; } /* VIP-kort: mjukare glans (ingen hård fyrkantig rand på mobil) */ body.base_user_dashboard .ow_box:has(.ow_user_membership--vip), body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box{ background: radial-gradient(ellipse 130% 95% at 50% -25%, rgba(232, 200, 140, 0.16) 0%, rgba(232, 200, 140, 0.05) 42%, transparent 78%), radial-gradient(ellipse 85% 55% at 50% 108%, rgba(180, 140, 60, 0.1) 0%, transparent 68%), linear-gradient(168deg, rgba(32, 28, 22, 0.99) 0%, rgba(14, 13, 11, 1) 42%, rgba(22, 19, 15, 0.99) 100%) !important; } body.base_user_dashboard .ow_box:has(.ow_user_membership--vip)::before, body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_user_membership--vip) > .ow_box::before{ background: radial-gradient( ellipse 110% 85% at 50% -8%, rgba(255, 248, 230, 0.16) 0%, rgba(255, 248, 230, 0.05) 38%, transparent 72% ) !important; opacity: 1 !important; } /* MIN PROFIL mobil: rubrik-cap som HEM (utan tema border-top) */ body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component{ background: transparent !important; border-top: 0 !important; margin: 0 10px 8px 10px !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component .ow_box_cap_right, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_right{ border: 1px solid rgba(224, 194, 131, 0.24) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.92) 0%, rgba(40, 40, 44, 0.96) 100%) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component .ow_box_cap_body, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component .ow_box_cap_body{ min-height: auto !important; } body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap.ow_dnd_configurable_component h3, body.base_profile_page #place_sections .ow_dnd_widget > .ow_box_cap_empty.ow_dnd_configurable_component h3{ padding: 12px 16px 12px 44px !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1.6px !important; color: #f1e8d7 !important; text-transform: uppercase !important; background-position: 14px 50% !important; background-size: 16px 16px !important; text-shadow: none !important; } html body .user_profile_data > #edit-profile, html body .user_profile_data > .ow_edit_profile_link{ display: none !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table{ display: block !important; width: auto !important; margin: 0 0 16px !important; padding: 14px 14px 8px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; border-collapse: separate !important; border-spacing: 0 !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody{ display: block !important; width: 100% !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr:has(th.ow_section){ margin: 0 0 8px !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr > th.ow_section{ display: block !important; width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr > th.ow_section span{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 0 10px !important; border: 0 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #f1e8d7 !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: left !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr:not(:has(th.ow_section)){ display: grid !important; grid-template-columns: minmax(108px, 36%) minmax(0, 1fr) !important; gap: 10px !important; align-items: start !important; padding: 10px 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.08) !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr:nth-child(2){ border-top: 0 !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr > td.ow_label, html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr > td.ow_label[style]{ display: block !important; width: auto !important; margin: 0 !important; padding: 1px 0 0 !important; background: transparent !important; border: 0 !important; color: rgba(224, 194, 131, 0.82) !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: left !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr > td.ow_value{ display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.4 !important; text-align: left !important; word-break: break-word !important; } html body .user_profile_data table.section_f90cde5913235d172603cc4e7b9726e3.data_table > tbody > tr > td.ow_value .profile_hidden_field{ display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } } @media (max-width: 900px){ html body .right_section .ow_dnd_widget:has(.ow_profile_gallery_wrap) > .ow_box, html body .right_section .ow_dnd_widget:has(.ow_about_me_widget) > .ow_box, html body .right_section .ow_dnd_widget:has(.user_profile_data) > .ow_box{ margin-bottom: 8px !important; padding: 0 0 4px !important; } html body .ow_profile_gallery_wrap + .ow_about_me_widget{ margin: 0 0 2px !important; } html body .user_profile_data{ position: relative !important; margin: 0 !important; } html body .user_profile_data > #edit-profile, html body .user_profile_data > .ow_edit_profile_link{ display: block !important; position: absolute !important; top: 16px !important; right: 16px !important; z-index: 4 !important; } html body .user_profile_data > #edit-profile a, html body .user_profile_data > .ow_edit_profile_link a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; padding: 0 10px !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 14px !important; background: rgba(44, 44, 48, 0.72) !important; color: rgba(241, 232, 215, 0.88) !important; font-size: 10px !important; line-height: 1 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; } html body .user_profile_data table.ow_table_3.data_table{ display: block !important; width: auto !important; margin: 0 0 8px !important; padding: 14px 12px 8px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; border-collapse: separate !important; border-spacing: 0 !important; } html body .user_profile_data table.ow_table_3.data_table > tbody{ display: block !important; width: 100% !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr.ow_tr_first:not(:has(th.ow_section)), html body .user_profile_data table.ow_table_3.data_table > tbody > tr:empty{ display: none !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr:has(th.ow_section){ margin: 0 0 8px !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr > th.ow_section{ display: block !important; width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr > th.ow_section span{ display: block !important; width: 100% !important; margin: 0 !important; padding: 0 0 10px !important; border: 0 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #f1e8d7 !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: left !important; } html body .user_profile_data table.ow_table_3.data_table:first-of-type > tbody > tr > th.ow_section span{ padding-right: 132px !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr:not(:has(th.ow_section)){ display: grid !important; grid-template-columns: minmax(104px, 35%) minmax(0, 1fr) !important; gap: 10px !important; align-items: start !important; padding: 10px 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.08) !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr:nth-child(2){ border-top: 0 !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_label, html body .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_label[style]{ display: block !important; width: auto !important; margin: 0 !important; padding: 1px 0 0 !important; background: transparent !important; border: 0 !important; color: rgba(224, 194, 131, 0.82) !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: left !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_value{ display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.4 !important; text-align: left !important; word-break: break-word !important; } html body .user_profile_data table.ow_table_3.data_table > tbody > tr > td.ow_value .profile_hidden_field{ display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } } /* Min profil (≤900px): tydlig sektionsrad + "Redigera" (saknades utanför min-width:901) — överkör th.ow_section span 14px + 132px-reserv, tätar galleri→Om mig */ @media (max-width: 900px){ html body.base_profile_page .user_profile_data .rp_profile_section_head{ display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 8px 8px !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 4px 0 8px 0 !important; border: 0 !important; background: transparent !important; } html body.base_profile_page .user_profile_data table.ow_table_3.data_table > tbody > tr > th.ow_section .rp_profile_section_title{ display: block !important; width: auto !important; max-width: 72% !important; margin: 0 !important; padding: 0 6px 0 0 !important; border: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #f1e8d7 !important; font-size: 19px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: left !important; } html body.base_profile_page .user_profile_data table.ow_table_3.data_table:first-of-type > tbody > tr > th.ow_section .rp_profile_section_title{ padding-right: 0 !important; } body.base_profile_page .user_profile_data a.rp_profile_header_edit.ow_lbutton, body.base_profile_page .user_profile_data a.rp_profile_header_edit{ flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; align-self: center !important; justify-content: center !important; min-height: 36px !important; padding: 0 10px !important; border: 1px solid rgba(224, 194, 131, 0.36) !important; border-radius: 999px !important; background: rgba(0, 0, 0, 0.28) !important; color: rgba(224, 194, 131, 0.96) !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; } html body.base_profile_page .ow_profile_gallery_wrap + .ow_about_me_widget{ margin: -8px 6px 10px 6px !important; } html body.base_profile_page .right_section .ow_dnd_widget:has(.ow_profile_gallery_wrap) > .ow_box, html body.base_profile_page #place_sections .ow_dnd_widget:has(.ow_profile_gallery_wrap) > .ow_box{ margin-bottom: 4px !important; } } @media (max-width: 900px){ html body #place_sections .top_section .ow_dnd_widget:has(.ow_about_me_widget) > .ow_box_empty.ow_stdmargin, html body #place_sections .top_section .ow_dnd_widget:has(.user_profile_data) > .ow_box_empty.ow_stdmargin{ margin-bottom: 6px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } html body #place_sections .top_section .ow_dnd_widget:has(.ow_about_me_widget) .ow_about_me_widget{ margin: 6px 4px 0 !important; padding: 8px 10px 10px !important; } html body #place_sections .top_section .ow_dnd_widget:has(.ow_about_me_widget) > .ow_box_empty.ow_stdmargin{ margin-bottom: 24px !important; } html body #place_sections .top_section .ow_dnd_widget:has(.ow_about_me_widget) .ow_about_me_widget #about_me_widget_input{ min-height: 64px !important; padding: 10px 12px !important; } html body #place_sections .top_section .ow_dnd_widget:has(.user_profile_data) .user_profile_data{ margin: 0 4px 0 !important; } html body #place_sections .top_section .ow_dnd_widget:has(.user_profile_data) .user_profile_data > #edit-profile, html body #place_sections .top_section .ow_dnd_widget:has(.user_profile_data) .user_profile_data > .ow_edit_profile_link{ top: 34px !important; right: 18px !important; transform: translateY(-50%) !important; } html body #place_sections .top_section .ow_dnd_widget:has(.user_profile_data) .user_profile_data table.ow_table_3.data_table{ margin: 0 0 6px !important; } } @media (max-width: 900px){ html body .ow_page .ow_superwide.ow_automargin{ float: none !important; width: auto !important; max-width: none !important; margin: 0 4px !important; } html body .ow_page form[name="UsernameSearchForm"], html body .ow_page form[name="MainSearchForm"]{ display: block !important; margin: 0 0 12px !important; padding: 14px 14px 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; box-sizing: border-box !important; } html body .ow_page form[name="UsernameSearchForm"] h3, html body .ow_page form[name="MainSearchForm"] h3{ margin: 0 0 12px !important; color: #f1e8d7 !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form{ display: block !important; width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tbody, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tbody, html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tr, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr{ display: block !important; width: 100% !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tr.ow_question_tr, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr.ow_question_tr{ display: grid !important; grid-template-columns: minmax(96px, 34%) minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; margin: 0 !important; padding: 10px 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.08) !important; background: transparent !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tr.ow_tr_first.ow_question_tr, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr.ow_tr_first.ow_question_tr{ border-top: 0 !important; } html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr[class*="usearch_section_"]{ display: block !important; margin: 10px 0 6px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr[class*="usearch_section_"] th{ display: block !important; width: 100% !important; padding: 10px 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 16px !important; background: rgba(44, 44, 48, 0.54) !important; color: #f1e8d7 !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 500 !important; text-align: center !important; text-transform: none !important; } html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr.ow_tr_delimiter{ display: none !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_label, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_label{ display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: rgba(224, 194, 131, 0.82) !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: left !important; box-sizing: border-box !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_value, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_value{ display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-sizing: border-box !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_value > div[style*="height:1px"], html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_value > div[style*="height:1px"]{ display: none !important; } html body .ow_page form[name="UsernameSearchForm"] input[type="text"], html body .ow_page form[name="MainSearchForm"] input[type="text"], html body .ow_page form[name="MainSearchForm"] input[type="number"], html body .ow_page form[name="MainSearchForm"] select{ width: 100% !important; min-height: 42px !important; padding: 0 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 14px !important; background: rgba(28, 28, 32, 0.82) !important; color: #f3ead9 !important; box-sizing: border-box !important; font-size: 15px !important; line-height: 1.2 !important; } html body .ow_page form[name="MainSearchForm"] .birthdate{ display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; gap: 8px !important; align-items: center !important; } html body .ow_page form[name="MainSearchForm"] .birthdate input{ min-width: 0 !important; } html body .ow_page form[name="MainSearchForm"] .birthdate .ow_agerange_to{ color: rgba(241, 232, 215, 0.74) !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap !important; } html body .ow_page form[name="MainSearchForm"] input[type="checkbox"]{ width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #c9b57f !important; } html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr[class*="with_photo"] td.ow_value, html body .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr td.ow_value:has(input[type="checkbox"]){ display: flex !important; align-items: center !important; min-height: 20px !important; } html body .ow_page form[name="UsernameSearchForm"] .userach_submit_button, html body .ow_page form[name="MainSearchForm"] .userach_submit_button{ margin-top: 10px !important; } html body .ow_page form[name="UsernameSearchForm"] .userach_submit_button .ow_right, html body .ow_page form[name="MainSearchForm"] .userach_submit_button .ow_right{ float: none !important; display: flex !important; justify-content: flex-end !important; } html body .ow_page form[name="UsernameSearchForm"] span.ow_button, html body .ow_page form[name="MainSearchForm"] span.ow_button{ background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body .ow_page form[name="UsernameSearchForm"] input[type="submit"], html body .ow_page form[name="MainSearchForm"] input[type="submit"]{ min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body .ow_page form[name="MainSearchForm"] .questions_div{ margin-top: 8px !important; } html body .ow_page form[name="UsernameSearchForm"] .ow_error, html body .ow_page form[name="MainSearchForm"] .ow_error{ margin-top: 6px !important; font-size: 12px !important; } } @media (min-width: 901px){ html body.usearch_search .ow_page .ow_superwide.ow_automargin{ float: none !important; width: auto !important; max-width: none !important; margin: 0 auto !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"], html body.usearch_search .ow_page form[name="MainSearchForm"]{ display: block !important; margin: 0 0 12px !important; padding: 14px 14px 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; box-sizing: border-box !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] h3, html body.usearch_search .ow_page form[name="MainSearchForm"] h3{ margin: 0 0 12px !important; color: #f1e8d7 !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 500 !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form{ display: block !important; width: 100% !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tbody, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tbody, html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tr, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr{ display: block !important; width: 100% !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tr.ow_question_tr, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr.ow_question_tr{ display: grid !important; grid-template-columns: minmax(96px, 34%) minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; margin: 0 !important; padding: 10px 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.08) !important; background: transparent !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form tr.ow_tr_first.ow_question_tr, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr.ow_tr_first.ow_question_tr{ border-top: 0 !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr[class*="usearch_section_"]{ display: block !important; margin: 10px 0 6px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr[class*="usearch_section_"] th{ display: block !important; width: 100% !important; padding: 10px 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 16px !important; background: rgba(44, 44, 48, 0.54) !important; color: #f1e8d7 !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 500 !important; text-align: center !important; text-transform: none !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr.ow_tr_delimiter{ display: none !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_label, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_label{ display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: rgba(224, 194, 131, 0.82) !important; font-size: 11px !important; line-height: 1.3 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-align: left !important; box-sizing: border-box !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_value, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_value{ display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-sizing: border-box !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_table_1.ow_form td.ow_value > div[style*="height:1px"], html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form td.ow_value > div[style*="height:1px"]{ display: none !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] input[type="text"], html body.usearch_search .ow_page form[name="MainSearchForm"] input[type="text"], html body.usearch_search .ow_page form[name="MainSearchForm"] input[type="number"], html body.usearch_search .ow_page form[name="MainSearchForm"] select{ width: 100% !important; min-height: 42px !important; padding: 0 12px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 14px !important; background: rgba(28, 28, 32, 0.82) !important; color: #f3ead9 !important; box-sizing: border-box !important; font-size: 15px !important; line-height: 1.2 !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .birthdate{ display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; gap: 8px !important; align-items: center !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .birthdate input{ min-width: 0 !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .birthdate .ow_agerange_to{ color: rgba(241, 232, 215, 0.74) !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] input[type="checkbox"]{ width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #c9b57f !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr[class*="with_photo"] td.ow_value, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_table_1.ow_form tr td.ow_value:has(input[type="checkbox"]){ display: flex !important; align-items: center !important; min-height: 20px !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .userach_submit_button, html body.usearch_search .ow_page form[name="MainSearchForm"] .userach_submit_button{ margin-top: 10px !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .userach_submit_button .ow_right, html body.usearch_search .ow_page form[name="MainSearchForm"] .userach_submit_button .ow_right{ float: none !important; display: flex !important; justify-content: flex-end !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] span.ow_button, html body.usearch_search .ow_page form[name="MainSearchForm"] span.ow_button{ background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] input[type="submit"], html body.usearch_search .ow_page form[name="MainSearchForm"] input[type="submit"]{ min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body.usearch_search .ow_page form[name="MainSearchForm"] .questions_div{ margin-top: 8px !important; } html body.usearch_search .ow_page form[name="UsernameSearchForm"] .ow_error, html body.usearch_search .ow_page form[name="MainSearchForm"] .ow_error{ margin-top: 6px !important; font-size: 12px !important; } } @media (max-width: 900px){ html body .ow_page:has(.ow_sort_control a[href*="/profile/matches/"]) .ow_sort_control{ display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; margin: 0 4px 12px !important; padding: 12px 14px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; box-sizing: border-box !important; } html body .ow_page:has(.ow_sort_control a[href*="/profile/matches/"]) .ow_sort_control_label{ padding: 0 !important; color: rgba(224, 194, 131, 0.82) !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body .ow_page:has(.ow_sort_control a[href*="/profile/matches/"]) .ow_sort_control a{ display: inline-flex !important; align-items: center !important; min-height: 18px !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; color: rgba(241, 232, 215, 0.68) !important; font-size: 15px !important; line-height: 1.2 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body .ow_page:has(.ow_sort_control a[href*="/profile/matches/"]) .ow_sort_control a + a{ padding-left: 12px !important; border-left: 1px solid rgba(224, 194, 131, 0.16) !important; } html body .ow_page:has(.ow_sort_control a[href*="/profile/matches/"]) .ow_sort_control a span{ line-height: 1.2 !important; } html body .ow_page:has(.ow_sort_control a[href*="/profile/matches/"]) .ow_sort_control a.active, html body .ow_page:has(.ow_sort_control a[href*="/profile/matches/"]) .ow_sort_control a:hover{ color: #d2be8b !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; margin: 0 4px 12px !important; background: transparent !important; border: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list > .clearfix{ display: contents !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list div, html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list div:first-child, html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list div:last-child{ border: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_item_set3{ width: auto !important; margin: 0 !important; padding: 0 !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 22px !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; overflow: hidden !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_item{ float: none !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; min-height: 0 !important; padding: 12px !important; position: relative !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_picture{ float: none !important; width: 96px !important; margin: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_picture .ow_avatar{ width: 96px !important; height: 96px !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_picture .ow_avatar a, html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_picture .ow_avatar img{ display: block !important; width: 96px !important; height: 96px !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_picture img{ border-radius: 18px !important; object-fit: cover !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; background: rgba(53, 48, 41, 0.92) !important; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18) !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_data{ margin: 0 !important; min-width: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_data > a, html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_data > span:first-child{ display: block !important; margin: 0 0 6px !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.15 !important; font-weight: 500 !important; text-decoration: none !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_data .ow_small{ color: rgba(241, 232, 215, 0.84) !important; font-size: 15px !important; line-height: 1.55 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_data .ow_small br{ content: "" !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_user_list_data .ow_txt_value{ color: #d98a63 !important; font-weight: 600 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list .ow_uli_context_menu{ display: none !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list + center{ display: block !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list + center .ow_paging{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; margin: 2px 4px 0 !important; padding: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list + center .ow_paging a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; min-height: 40px !important; padding: 0 14px !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list + center .ow_paging a.active, html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list + center .ow_paging a:hover{ background: linear-gradient(180deg, rgba(215, 196, 145, 0.98) 0%, rgba(182, 161, 106, 1) 100%) !important; color: #241f18 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + .ow_user_list + center .ow_paging span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; min-height: 20px !important; padding: 0 2px !important; color: rgba(241, 232, 215, 0.66) !important; font-size: 12px !important; } } @media (max-width: 900px){ html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; margin: 0 4px 12px !important; padding-top: 0 !important; background: transparent !important; border: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_item{ float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_item_cont{ display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 12px !important; overflow: visible !important; position: relative !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_avatar{ width: 96px !important; height: 96px !important; border-radius: 18px !important; overflow: hidden !important; background-position: center center !important; background-size: cover !important; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18) !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_avatar_shadow{ height: 96px !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_avatar_bookmark{ right: 8px !important; bottom: 8px !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_info{ position: relative !important; margin: 0 !important; min-width: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_info > .clearfix{ margin: 0 0 6px !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_info_name, html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_info_name.ow_small{ float: none !important; display: block !important; max-width: none !important; max-height: none !important; overflow: visible !important; margin: 0 !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.15 !important; font-weight: 500 !important; text-decoration: none !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_info .ow_small{ display: block !important; margin: 0 !important; color: rgba(241, 232, 215, 0.84) !important; font-size: 15px !important; line-height: 1.5 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big .ow_ulist_big_compatibility .ow_txt_value{ color: #d98a63 !important; font-weight: 600 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big + center{ display: block !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big + center .ow_paging{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; margin: 2px 4px 0 !important; padding: 0 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big + center .ow_paging a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; min-height: 40px !important; padding: 0 14px !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big + center .ow_paging a.active, html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big + center .ow_paging a:hover{ background: linear-gradient(180deg, rgba(215, 196, 145, 0.98) 0%, rgba(182, 161, 106, 1) 100%) !important; color: #241f18 !important; } html body .ow_sort_control:has(a[href*="/profile/matches/"]) + #user-list.ow_ulist_big + center .ow_paging span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; min-height: 20px !important; padding: 0 2px !important; color: rgba(241, 232, 215, 0.66) !important; font-size: 12px !important; } } @media (min-width: 901px){ html body.matchmaking_matches .ow_page .ow_sort_control{ display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; margin: 0 4px 12px !important; padding: 12px 14px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; box-sizing: border-box !important; } html body.matchmaking_matches .ow_page .ow_sort_control_label{ padding: 0 !important; color: rgba(224, 194, 131, 0.82) !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body.matchmaking_matches .ow_page .ow_sort_control a{ display: inline-flex !important; align-items: center !important; min-height: 18px !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; color: rgba(241, 232, 215, 0.68) !important; font-size: 15px !important; line-height: 1.2 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body.matchmaking_matches .ow_page .ow_sort_control a + a{ padding-left: 12px !important; border-left: 1px solid rgba(224, 194, 131, 0.16) !important; } html body.matchmaking_matches .ow_page .ow_sort_control a span{ line-height: 1.2 !important; } html body.matchmaking_matches .ow_page .ow_sort_control a.active, html body.matchmaking_matches .ow_page .ow_sort_control a:hover{ color: #d2be8b !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; margin: 0 4px 12px !important; background: transparent !important; border: 0 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list > .clearfix{ display: contents !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list div, html body.matchmaking_matches .ow_sort_control + .ow_user_list div:first-child, html body.matchmaking_matches .ow_sort_control + .ow_user_list div:last-child{ border: 0 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_item_set3{ width: auto !important; margin: 0 !important; padding: 0 !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 22px !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; overflow: hidden !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_item{ float: none !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; min-height: 0 !important; padding: 12px !important; position: relative !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_picture{ float: none !important; width: 96px !important; margin: 0 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_picture .ow_avatar{ width: 96px !important; height: 96px !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_picture .ow_avatar a, html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_picture .ow_avatar img{ display: block !important; width: 96px !important; height: 96px !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_picture img{ border-radius: 18px !important; object-fit: cover !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; background: rgba(53, 48, 41, 0.92) !important; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18) !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_data{ margin: 0 !important; min-width: 0 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_data > a, html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_data > span:first-child{ display: block !important; margin: 0 0 6px !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.15 !important; font-weight: 500 !important; text-decoration: none !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_data .ow_small{ color: rgba(241, 232, 215, 0.84) !important; font-size: 15px !important; line-height: 1.55 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_data .ow_small br{ content: "" !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_user_list_data .ow_txt_value{ color: #d98a63 !important; font-weight: 600 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list .ow_uli_context_menu{ display: none !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list + center{ display: block !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list + center .ow_paging{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; margin: 2px 4px 0 !important; padding: 0 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list + center .ow_paging a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; min-height: 40px !important; padding: 0 14px !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list + center .ow_paging a.active, html body.matchmaking_matches .ow_sort_control + .ow_user_list + center .ow_paging a:hover{ background: linear-gradient(180deg, rgba(215, 196, 145, 0.98) 0%, rgba(182, 161, 106, 1) 100%) !important; color: #241f18 !important; } html body.matchmaking_matches .ow_sort_control + .ow_user_list + center .ow_paging span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; min-height: 20px !important; padding: 0 2px !important; color: rgba(241, 232, 215, 0.66) !important; font-size: 12px !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big{ display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; margin: 0 4px 12px !important; padding-top: 0 !important; background: transparent !important; border: 0 !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_item{ float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-sizing: border-box !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_item_cont{ display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 12px !important; overflow: visible !important; position: relative !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 22px !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_avatar{ width: 96px !important; height: 96px !important; border-radius: 18px !important; overflow: hidden !important; background-position: center center !important; background-size: cover !important; box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18) !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_avatar_shadow{ height: 96px !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_avatar_bookmark{ right: 8px !important; bottom: 8px !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_info{ position: relative !important; margin: 0 !important; min-width: 0 !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_info > .clearfix{ margin: 0 0 6px !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_info_name, html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_info_name.ow_small{ float: none !important; display: block !important; max-width: none !important; max-height: none !important; overflow: visible !important; margin: 0 !important; color: #f1e8d7 !important; font-size: 18px !important; line-height: 1.15 !important; font-weight: 500 !important; text-decoration: none !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_info .ow_small{ display: block !important; margin: 0 !important; color: rgba(241, 232, 215, 0.84) !important; font-size: 15px !important; line-height: 1.5 !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big .ow_ulist_big_compatibility .ow_txt_value{ color: #d98a63 !important; font-weight: 600 !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big + center{ display: block !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big + center .ow_paging{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; margin: 2px 4px 0 !important; padding: 0 !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big + center .ow_paging a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; min-height: 40px !important; padding: 0 14px !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big + center .ow_paging a.active, html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big + center .ow_paging a:hover{ background: linear-gradient(180deg, rgba(215, 196, 145, 0.98) 0%, rgba(182, 161, 106, 1) 100%) !important; color: #241f18 !important; } html body.matchmaking_matches .ow_sort_control + #user-list.ow_ulist_big + center .ow_paging span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; min-height: 20px !important; padding: 0 2px !important; color: rgba(241, 232, 215, 0.66) !important; font-size: 12px !important; } } @media (max-width: 900px){ html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]):not(:has(.ow_sort_control)), html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]):not(:has(.ow_sort_control)){ margin: 0 4px 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu{ display: inline-flex !important; gap: 0 !important; margin: 0 !important; padding: 6px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 0 !important; background: rgba(53, 53, 57, 0.88) !important; box-shadow: none !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li{ float: none !important; padding: 0 !important; border-top: 3px solid transparent !important; background: transparent !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li + li, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li + li{ margin-left: 6px !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li a, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li a{ display: block !important; min-width: 88px !important; padding: 0 !important; color: rgba(241, 232, 215, 0.72) !important; font-size: 14px !important; text-decoration: none !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li a span, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li a span{ display: block !important; padding: 12px 14px 11px 36px !important; background-color: transparent !important; background-position: 12px center !important; background-size: 16px 16px !important; color: inherit !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li.active, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li.active{ border-top-color: #d3c088 !important; background: rgba(70, 68, 63, 0.62) !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li.active a, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li.active a{ color: #f1e8d7 !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin{ float: none !important; width: auto !important; max-width: none !important; margin: 0 4px 12px !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty{ margin: 0 !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; overflow: hidden !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty .ow_box_cap_empty{ padding: 0 !important; border: 0 !important; background: transparent !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap h3, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty .ow_box_cap_empty h3{ margin: 0 !important; padding: 14px 14px 12px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; color: #f1e8d7 !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) .ow_box_cap h3{ background-image: none !important; padding-left: 14px !important; } html body .ow_page form[name='buy-credits-form']{ display: block !important; } html body .ow_page form[name='buy-credits-form'] .ow_smallmargin{ margin: 0 !important; } html body .ow_page form[name='buy-credits-form'] > div{ padding: 14px 14px 16px !important; } html body .ow_page form[name='buy-credits-form'] input[type='radio']{ width: 18px !important; height: 18px !important; margin: 0 10px 0 0 !important; accent-color: #c9b57f !important; } html body .ow_page form[name='buy-credits-form'] ul, html body .ow_page form[name='buy-credits-form'] ol{ margin: 0 !important; padding: 0 !important; list-style: none !important; } html body .ow_page form[name='buy-credits-form'] li{ display: flex !important; align-items: center !important; margin: 0 !important; padding: 10px 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.08) !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.35 !important; } html body .ow_page form[name='buy-credits-form'] li:first-child{ border-top: 0 !important; } html body .ow_page form[name='buy-credits-form'] .ow_right{ float: none !important; display: flex !important; justify-content: flex-end !important; margin-top: 16px !important; } html body .ow_page form[name='buy-credits-form'] span.ow_button{ background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body .ow_page form[name='buy-credits-form'] input[type='button'], html body .ow_page form[name='buy-credits-form'] input[type='submit'], html body .ow_page form[name='buy-credits-form'] a.ow_button, html body .ow_page form[name='buy-credits-form'] span.ow_button input{ min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body .ow_page form[name='subscribe-form'] .ow_automargin.ow_superwide{ float: none !important; width: auto !important; max-width: none !important; margin: 0 4px 12px !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table{ display: block !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; overflow: hidden !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tbody{ display: table !important; width: 100% !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table th, html body .ow_page form[name='subscribe-form'] .ow_subscribe_table td{ padding: 12px 10px !important; border-color: rgba(224, 194, 131, 0.12) !important; color: #f3ead9 !important; background: transparent !important; font-size: 13px !important; line-height: 1.3 !important; vertical-align: middle !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr:first-child th{ color: #f1e8d7 !important; font-size: 14px !important; font-weight: 600 !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_tr_first th[colspan]{ padding-top: 14px !important; padding-bottom: 10px !important; color: #f1e8d7 !important; font-size: 14px !important; font-weight: 600 !important; text-align: center !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_membership_column{ width: auto !important; min-width: 86px !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_highbox{ background: rgba(70, 68, 63, 0.52) !important; color: #d3c088 !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table td.ow_alt.ow_txtleft.ow_small{ color: rgba(241, 232, 215, 0.86) !important; font-size: 12px !important; line-height: 1.35 !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_membership_plans ul{ margin: 0 !important; padding: 0 !important; list-style: none !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_membership_plans li{ margin: 0 !important; padding: 6px 0 !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table input[type='radio']{ width: 16px !important; height: 16px !important; margin-right: 8px !important; accent-color: #c9b57f !important; } html body .ow_page form[name='subscribe-form'] .ow_center.ow_tr_last td{ padding-top: 16px !important; padding-bottom: 16px !important; } html body .ow_page form[name='subscribe-form'] span.ow_button{ background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body .ow_page form[name='subscribe-form'] input[type='button'], html body .ow_page form[name='subscribe-form'] input[type='submit'], html body .ow_page form[name='subscribe-form'] a.ow_button, html body .ow_page form[name='subscribe-form'] span.ow_button input{ min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } } @media (max-width: 900px){ html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu{ border-radius: 20px !important; padding: 6px !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li{ border-radius: 14px !important; overflow: hidden !important; } html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="buy-credits"]) .ow_content_menu li.active, html body .ow_page .ow_content_menu_wrap:has(.ow_content_menu a[href*="view=membership"]) .ow_content_menu li.active{ box-shadow: inset 0 0 0 1px rgba(224, 194, 131, 0.12) !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty{ border-radius: 20px !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap_right, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap_body{ background: transparent !important; border: 0 !important; box-shadow: none !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_left, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_right, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_body, html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_shadow{ display: none !important; } html body .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box{ padding-bottom: 0 !important; } html body .ow_page form[name='buy-credits-form'] .ow_center.ow_stdmargin{ display: none !important; } html body .ow_page form[name='buy-credits-form'] > div{ padding: 16px 16px 18px !important; } html body .ow_page form[name='buy-credits-form'] li{ padding: 14px 0 !important; font-size: 16px !important; } html body .ow_page form[name='buy-credits-form'] .ow_right{ width: 100% !important; margin-top: 18px !important; } html body .ow_page form[name='buy-credits-form'] span.ow_button, html body .ow_page form[name='buy-credits-form'] span.ow_button > span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body .ow_page form[name='buy-credits-form'] input.ow_ic_right.ow_positive, html body .ow_page form[name='buy-credits-form'] span.ow_button input{ min-width: 116px !important; border-radius: 14px !important; } html body .ow_page form[name='subscribe-form'] .ow_automargin.ow_superwide{ margin: 0 4px 12px !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table{ border-radius: 20px !important; position: relative !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr:first-child th{ background: rgba(54, 53, 58, 0.72) !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_tr_first th[colspan]{ background: rgba(32, 32, 36, 0.76) !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last td.ow_gateways_td_empty{ display: none !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last{ background: rgba(28, 28, 32, 0.82) !important; display: block !important; width: 100% !important; min-height: 88px !important; position: static !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last td.ow_center{ border-left: 0 !important; border-left-width: 0 !important; border-right: 0 !important; background-image: none !important; box-shadow: none !important; display: block !important; width: 100% !important; box-sizing: border-box !important; text-align: left !important; padding: 0 !important; position: static !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last span.ow_button, html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last span.ow_button > span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last span.ow_button{ position: absolute !important; right: 22px !important; bottom: 24px !important; top: auto !important; transform: none !important; margin: 0 !important; } html body .ow_page form[name='subscribe-form'] input.ow_ic_right.ow_positive, html body .ow_page form[name='subscribe-form'] span.ow_button input{ min-width: 116px !important; border-radius: 14px !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table th, html body .ow_page form[name='subscribe-form'] .ow_subscribe_table td{ padding-top: 13px !important; padding-bottom: 13px !important; } html body .ow_page form[name='subscribe-form'] .ow_subscribe_table td.ow_alt.ow_txtleft.ow_small{ font-size: 13px !important; } } @media (min-width: 901px){ html body.credits_vip .ow_page .ow_content_menu_wrap:not(:has(.ow_sort_control)){ margin: 0 4px 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu{ display: inline-flex !important; gap: 0 !important; margin: 0 !important; padding: 6px !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 0 !important; background: rgba(53, 53, 57, 0.88) !important; box-shadow: none !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li{ float: none !important; padding: 0 !important; border-top: 3px solid transparent !important; background: transparent !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li + li{ margin-left: 6px !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li a{ display: block !important; min-width: 88px !important; padding: 0 !important; color: rgba(241, 232, 215, 0.72) !important; font-size: 14px !important; text-decoration: none !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li a span{ display: block !important; padding: 12px 14px 11px 36px !important; background-color: transparent !important; background-position: 12px center !important; background-size: 16px 16px !important; color: inherit !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li.active{ border-top-color: #d3c088 !important; background: rgba(70, 68, 63, 0.62) !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li.active a{ color: #f1e8d7 !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin{ float: none !important; width: auto !important; max-width: none !important; margin: 0 4px 12px !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty{ margin: 0 !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; overflow: hidden !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty .ow_box_cap_empty{ padding: 0 !important; border: 0 !important; background: transparent !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap h3, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty .ow_box_cap_empty h3{ margin: 0 !important; padding: 14px 14px 12px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; color: #f1e8d7 !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin:has(form[name='buy-credits-form']) .ow_box_cap h3{ background-image: none !important; padding-left: 14px !important; } html body.credits_vip .ow_page form[name='buy-credits-form']{ display: block !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] .ow_smallmargin{ margin: 0 !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] > div{ padding: 14px 14px 16px !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] input[type='radio']{ width: 18px !important; height: 18px !important; margin: 0 10px 0 0 !important; accent-color: #c9b57f !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] ul, html body.credits_vip .ow_page form[name='buy-credits-form'] ol{ margin: 0 !important; padding: 0 !important; list-style: none !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] li{ display: flex !important; align-items: center !important; margin: 0 !important; padding: 10px 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.08) !important; color: #f3ead9 !important; font-size: 15px !important; line-height: 1.35 !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] li:first-child{ border-top: 0 !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] .ow_right{ float: none !important; display: flex !important; justify-content: flex-end !important; margin-top: 16px !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button{ background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] input[type='button'], html body.credits_vip .ow_page form[name='buy-credits-form'] input[type='submit'], html body.credits_vip .ow_page form[name='buy-credits-form'] a.ow_button, html body.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button input{ min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_automargin.ow_superwide{ float: none !important; width: auto !important; max-width: none !important; margin: 0 4px 12px !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table{ display: block !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(37, 37, 41, 0.96) 0%, rgba(26, 26, 30, 0.99) 100%) !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16) !important; overflow: hidden !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tbody{ display: table !important; width: 100% !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table th, html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table td{ padding: 12px 10px !important; border-color: rgba(224, 194, 131, 0.12) !important; color: #f3ead9 !important; background: transparent !important; font-size: 13px !important; line-height: 1.3 !important; vertical-align: middle !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr:first-child th{ color: #f1e8d7 !important; font-size: 14px !important; font-weight: 600 !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_tr_first th[colspan]{ padding-top: 14px !important; padding-bottom: 10px !important; color: #f1e8d7 !important; font-size: 14px !important; font-weight: 600 !important; text-align: center !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_membership_column{ width: auto !important; min-width: 86px !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_highbox{ background: rgba(70, 68, 63, 0.52) !important; color: #d3c088 !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table td.ow_alt.ow_txtleft.ow_small{ color: rgba(241, 232, 215, 0.86) !important; font-size: 12px !important; line-height: 1.35 !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_membership_plans ul{ margin: 0 !important; padding: 0 !important; list-style: none !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table .ow_membership_plans li{ margin: 0 !important; padding: 6px 0 !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table input[type='radio']{ width: 16px !important; height: 16px !important; margin-right: 8px !important; accent-color: #c9b57f !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_center.ow_tr_last td{ padding-top: 16px !important; padding-bottom: 16px !important; } html body.credits_vip .ow_page form[name='subscribe-form'] span.ow_button{ background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body.credits_vip .ow_page form[name='subscribe-form'] input[type='button'], html body.credits_vip .ow_page form[name='subscribe-form'] input[type='submit'], html body.credits_vip .ow_page form[name='subscribe-form'] a.ow_button, html body.credits_vip .ow_page form[name='subscribe-form'] span.ow_button input{ min-height: 42px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu{ border-radius: 20px !important; padding: 6px !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li{ border-radius: 14px !important; overflow: hidden !important; } html body.credits_vip .ow_page .ow_content_menu_wrap .ow_content_menu li.active{ box-shadow: inset 0 0 0 1px rgba(224, 194, 131, 0.12) !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_empty{ border-radius: 20px !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap_right, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_cap_body{ background: transparent !important; border: 0 !important; box-shadow: none !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_left, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_right, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_body, html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box_bottom_shadow{ display: none !important; } html body.credits_vip .ow_page .ow_wide.ow_automargin.ow_stdmargin .ow_box{ padding-bottom: 0 !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] .ow_center.ow_stdmargin{ display: none !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] > div{ padding: 16px 16px 18px !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] li{ padding: 14px 0 !important; font-size: 16px !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] .ow_right{ width: 100% !important; margin-top: 18px !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button, html body.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button > span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body.credits_vip .ow_page form[name='buy-credits-form'] input.ow_ic_right.ow_positive, html body.credits_vip .ow_page form[name='buy-credits-form'] span.ow_button input{ min-width: 116px !important; border-radius: 14px !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_automargin.ow_superwide{ margin: 0 4px 12px !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table{ border-radius: 20px !important; position: relative !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr:first-child th{ background: rgba(54, 53, 58, 0.72) !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_tr_first th[colspan]{ background: rgba(32, 32, 36, 0.76) !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last td.ow_gateways_td_empty{ display: none !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last{ background: rgba(28, 28, 32, 0.82) !important; display: block !important; width: 100% !important; min-height: 88px !important; position: static !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last td.ow_center{ border-left: 0 !important; border-left-width: 0 !important; border-right: 0 !important; background-image: none !important; box-shadow: none !important; display: block !important; width: 100% !important; box-sizing: border-box !important; text-align: left !important; padding: 0 !important; position: static !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last span.ow_button, html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last span.ow_button > span{ display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table tr.ow_center.ow_tr_last span.ow_button{ position: absolute !important; right: 22px !important; bottom: 24px !important; top: auto !important; transform: none !important; margin: 0 !important; } html body.credits_vip .ow_page form[name='subscribe-form'] input.ow_ic_right.ow_positive, html body.credits_vip .ow_page form[name='subscribe-form'] span.ow_button input{ min-width: 116px !important; border-radius: 14px !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table th, html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table td{ padding-top: 13px !important; padding-bottom: 13px !important; } html body.credits_vip .ow_page form[name='subscribe-form'] .ow_subscribe_table td.ow_alt.ow_txtleft.ow_small{ font-size: 13px !important; } } /* ========================================================= RP_LANDING_JOIN_STEP_V1 Startsidan: steg 1 i registreringen inom befintlig hero/frame. ========================================================= */ body.base_index_page .index_master_page .index_qs_widget, body.base_index .index_master_page .index_qs_widget{ height: auto !important; min-height: 0 !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step{ display: flex !important; flex-direction: column !important; gap: 14px !important; width: 100% !important; margin: 0 !important; padding: 8px 10px 4px !important; box-sizing: border-box !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__group, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__group{ display: flex !important; flex-direction: column !important; gap: 8px !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__label, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__label{ margin: 0 !important; color: #f1e8d7 !important; font-size: 13px !important; line-height: 1.2 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__options, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__options{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__card, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__card{ position: relative !important; display: block !important; margin: 0 !important; cursor: pointer !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__input, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__input{ position: absolute !important; inset: 0 !important; opacity: 0 !important; pointer-events: none !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__text, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__text{ display: flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; padding: 0 10px !important; border: 1px solid rgba(231, 201, 146, 0.42) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(28, 22, 18, 0.74) 0%, rgba(16, 12, 10, 0.8) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.06) !important; color: #fff7e8 !important; font-size: 15px !important; line-height: 1.1 !important; text-align: center !important; box-sizing: border-box !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__input:checked + .rp-landing-join-step__text, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__input:checked + .rp-landing-join-step__text{ border-color: rgba(241, 221, 178, 0.92) !important; background: linear-gradient(180deg, rgba(45, 35, 29, 0.85) 0%, rgba(24, 18, 14, 0.9) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.12), 0 0 0 1px rgba(241, 221, 178, 0.18) !important; color: #fffdf7 !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__input:focus-visible + .rp-landing-join-step__text, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__input:focus-visible + .rp-landing-join-step__text{ border-color: rgba(241, 221, 178, 0.92) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.12), 0 0 0 1px rgba(241, 221, 178, 0.22) !important; } body.base_index_page .index_master_page .ow_join_button > button.index_join_button, body.base_index .index_master_page .ow_join_button > button.index_join_button{ appearance: none !important; -webkit-appearance: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 62px !important; height: 62px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid rgba(231, 201, 146, 0.72) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(26, 20, 17, 0.78) 0%, rgba(16, 12, 10, 0.86) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.12), 0 14px 28px rgba(0, 0, 0, 0.34), 0 0 18px rgba(224, 194, 131, 0.12) !important; color: #fff7e8 !important; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: 0.22em !important; font-family: 'pf_din_text_comp_proregular', "Trebuchet MS", "Helvetica CY", sans-serif !important; font-size: 18px !important; line-height: 1 !important; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85) !important; cursor: pointer !important; } body.base_index_page .index_master_page .ow_join_button > button.index_join_button:hover, body.base_index_page .index_master_page .ow_join_button > button.index_join_button:focus, body.base_index .index_master_page .ow_join_button > button.index_join_button:hover, body.base_index .index_master_page .ow_join_button > button.index_join_button:focus{ color: #fffdf7 !important; border-color: rgba(241, 221, 178, 0.9) !important; background: linear-gradient(180deg, rgba(32, 24, 20, 0.84) 0%, rgba(18, 13, 11, 0.9) 100%) !important; } @media (max-width: 900px){ body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step{ gap: 12px !important; padding: 0 !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__label, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__label{ font-size: 12px !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__options, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__options{ gap: 8px !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__text, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__text{ min-height: 44px !important; border-radius: 12px !important; font-size: 14px !important; } } /* ========================================================= RP_LANDING_JOIN_CENTER_MOBILE_V1 Startsidan mobil: flytta ner ram + innehåll tillsammans. ========================================================= */ @media (max-width: 900px){ body.base_index_page .index_master_page .ow_header_pic_wrap, body.base_index .index_master_page .ow_header_pic_wrap{ padding: 132px 0 52px !important; } body.base_index_page .index_master_page .ow_header_pic_wrap::after, body.base_index .index_master_page .ow_header_pic_wrap::after{ top: 84px !important; bottom: 64px !important; } body.base_index_page .index_master_page .ow_header_pic_wrap::before, body.base_index .index_master_page .ow_header_pic_wrap::before{ top: 102px !important; bottom: 82px !important; } body.base_index_page .index_master_page .index_qs_widget, body.base_index .index_master_page .index_qs_widget{ margin-top: 22px !important; margin-bottom: 22px !important; } } /* ========================================================= RP_DESKTOP_INDEX_HERO_TONE_NEUTRALIZE_V1 Desktop-startsida: neutralisera den varma/röda tonen lite utan att byta bildfil eller påverka mobil. ========================================================= */ @media (min-width: 901px){ body.base_index_page .index_master_page .ow_header, body.base_index .index_master_page .ow_header{ position: relative !important; } body.base_index_page .index_master_page .ow_header::after, body.base_index .index_master_page .ow_header::after{ content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 60px !important; bottom: 0 !important; pointer-events: none !important; z-index: 0 !important; background: linear-gradient( 180deg, rgba(16, 24, 36, 0.10) 0%, rgba(10, 18, 28, 0.08) 100% ) !important; } body.base_index_page .index_master_page .ow_header_pic_wrap, body.base_index .index_master_page .ow_header_pic_wrap{ position: relative !important; z-index: 1 !important; } } /* ========================================================= RP_DESKTOP_LANDING_FRAME_REPLACE_V5 Desktop-startsida: lite smalare premium-ram med mindre sidluft runt ordmärket. ========================================================= */ @media (min-width: 901px){ body.base_index_page .index_master_page .ow_header_pic, body.base_index .index_master_page .ow_header_pic{ border-left: none !important; border-right: none !important; position: relative !important; } body.base_index_page .index_master_page .index_top_left, body.base_index_page .index_master_page .index_top_right, body.base_index_page .index_master_page .index_bot_left, body.base_index_page .index_master_page .index_bot_right, body.base_index .index_master_page .index_top_left, body.base_index .index_master_page .index_top_right, body.base_index .index_master_page .index_bot_left, body.base_index .index_master_page .index_bot_right{ display: none !important; } body.base_index_page .index_master_page .ow_header_pic_wrap, body.base_index .index_master_page .ow_header_pic_wrap{ position: relative !important; } /* Samma inramningsmodell som mobil (RP_MEMBER_MOBILE_MIN_PATCH_V21): top/bottom/left/right mot .ow_header_pic_wrap — inte “full höjd när heron tvingas till 100dvh” (stretch-ram). */ body.base_index_page .index_master_page .ow_header_pic_wrap::after, body.base_index .index_master_page .ow_header_pic_wrap::after{ content: "" !important; position: absolute !important; left: 26px !important; right: 26px !important; top: 54px !important; bottom: 88px !important; border-radius: 28px !important; border: 1px solid rgba(232, 200, 155, 0.44) !important; background: linear-gradient(180deg, rgba(18, 14, 12, 0.16) 0%, rgba(18, 14, 12, 0.08) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 245, 224, 0.10), inset 0 0 0 1px rgba(255, 240, 210, 0.03), 0 18px 40px rgba(0, 0, 0, 0.22), 0 0 24px rgba(224, 194, 131, 0.08) !important; pointer-events: none !important; z-index: 2 !important; } /* Inre linje — samma deklaration som @media (max-width: 900px) ovan. */ body.base_index_page .index_master_page .ow_header_pic_wrap::before, body.base_index .index_master_page .ow_header_pic_wrap::before{ content: "" !important; position: absolute !important; left: 44px !important; right: 44px !important; top: 72px !important; bottom: 106px !important; border-radius: 22px !important; border: 1px solid rgba(255, 244, 220, 0.08) !important; pointer-events: none !important; z-index: 2 !important; } body.base_index_page .index_master_page .index_top, body.base_index_page .index_master_page .index_qs_widget, body.base_index_page .index_master_page .index_bot, body.base_index .index_master_page .index_top, body.base_index .index_master_page .index_qs_widget, body.base_index .index_master_page .index_bot{ position: relative !important; z-index: 2 !important; } body.base_index_page .index_master_page .index_bot, body.base_index .index_master_page .index_bot{ display: flex !important; justify-content: center !important; align-items: center !important; bottom: 0 !important; margin-top: 26px !important; transform: translateY(-6px) !important; } body.base_index_page .index_master_page .ow_join_button, body.base_index .index_master_page .ow_join_button{ margin-top: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; float: none !important; width: 100% !important; max-width: 286px !important; position: relative !important; z-index: 3 !important; } } /* ========================================================= RP_JOIN_PREMIUM_SURFACE_V1 Join-sidor: ta bort hero/header-bild och visa formuläret på en ren premium-yta, desktop + mobil. ========================================================= */ body.base_user_join .ow_header, body.base_user_join .ow_header_pic_wrap, body.base_user_join .ow_header_pic, body.base_user_join .index_top, body.base_user_join .index_qs_widget, body.base_user_join .index_bot{ display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } body.base_user_join .ow_page_padding{ padding-top: 88px !important; } body.base_user_join .ow_page_container{ max-width: 1080px !important; margin: 0 auto !important; } body.base_user_join .ow_page.ow_bg_color{ background: linear-gradient(180deg, rgba(24, 19, 18, 0.98) 0%, rgba(17, 14, 13, 0.99) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.18) !important; border-radius: 24px !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important; overflow: hidden !important; } body.base_user_join .ow_superwide.ow_automargin{ max-width: 100% !important; margin: 0 !important; } body.base_user_join .ow_superwide.ow_automargin > .ow_box_empty, body.base_user_join .ow_superwide.ow_automargin > .ow_box, body.base_user_join .owm_join_form{ background: transparent !important; border: 0 !important; box-shadow: none !important; } body.base_user_join .ow_table_1.ow_form{ background: transparent !important; } body.base_user_join .ow_table_1.ow_form tr.ow_tr_delimiter{ display: none !important; } body.base_user_join .ow_table_1.ow_form th{ background: transparent !important; color: #f1e8d7 !important; border-bottom: 1px solid rgba(224, 194, 131, 0.16) !important; } body.base_user_join .ow_table_1.ow_form td.ow_label, body.base_user_join .ow_table_1.ow_form td.ow_desc, body.base_user_join .ow_table_1.ow_form td.ow_value, body.base_user_join .owm_form_label, body.base_user_join .owm_section_label{ color: #f1e8d7 !important; } body.base_user_join .ow_table_1.ow_form td.ow_desc{ opacity: 0.75 !important; } body.base_user_join .ow_table_1.ow_form input[type="text"], body.base_user_join .ow_table_1.ow_form input[type="password"], body.base_user_join .ow_table_1.ow_form select, body.base_user_join .ow_table_1.ow_form textarea, body.base_user_join .owm_join_form input[type="text"], body.base_user_join .owm_join_form input[type="password"], body.base_user_join .owm_join_form select, body.base_user_join .owm_join_form textarea{ background: rgba(28, 24, 22, 0.96) !important; border: 1px solid rgba(224, 194, 131, 0.28) !important; border-radius: 14px !important; color: #fff7e8 !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.06) !important; } body.base_user_join .ow_table_1.ow_form input[type="text"]:focus, body.base_user_join .ow_table_1.ow_form input[type="password"]:focus, body.base_user_join .ow_table_1.ow_form select:focus, body.base_user_join .ow_table_1.ow_form textarea:focus, body.base_user_join .owm_join_form input[type="text"]:focus, body.base_user_join .owm_join_form input[type="password"]:focus, body.base_user_join .owm_join_form select:focus, body.base_user_join .owm_join_form textarea:focus{ border-color: rgba(241, 221, 178, 0.92) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.08), 0 0 0 1px rgba(241, 221, 178, 0.18) !important; } body.base_user_join input[type="submit"], body.base_user_join button[type="submit"], body.base_user_join .owm_btn_wide .owm_btn, body.base_user_join .owm_btn_wide input[type="submit"]{ border-radius: 16px !important; border: 1px solid rgba(231, 201, 146, 0.72) !important; background: linear-gradient(180deg, rgba(26, 20, 17, 0.92) 0%, rgba(16, 12, 10, 0.96) 100%) !important; color: #fff7e8 !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.12), 0 14px 28px rgba(0, 0, 0, 0.24) !important; } body.base_user_join span.ow_button, body.base_user_join span.ow_button:hover, body.base_user_join span.ow_button span, body.base_user_join span.ow_button span.ow_button{ background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body.base_user_join span.ow_button input[type="submit"]{ min-height: 48px !important; padding: 0 18px !important; } @media (max-width: 900px){ body.base_user_join .ow_page_padding{ padding-top: 76px !important; } body.base_user_join .ow_page.ow_bg_color{ border-radius: 18px !important; margin: 0 12px !important; } body.base_user_join .owm_join_form{ padding: 10px 6px 2px !important; } } /* ========================================================= RP_CREDITS_FLOATBOX_PREMIUM_V1 Mina krediter: Historik + Kostnad för åtgärder (ajax floatbox). ========================================================= */ .floatbox_container:has(#credits-history-tbl), .floatbox_container:has(.ow_action_price_td){ border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(34, 34, 38, 0.98) 0%, rgba(24, 24, 28, 0.99) 100%) !important; box-shadow: 0 22px 48px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 241, 214, 0.05) !important; overflow: hidden !important; } .floatbox_container:has(#credits-history-tbl) .floatbox_header, .floatbox_container:has(.ow_action_price_td) .floatbox_header{ padding: 14px 16px 12px !important; background: linear-gradient(180deg, rgba(48, 48, 52, 0.96) 0%, rgba(36, 36, 40, 0.98) 100%) !important; border-bottom: 1px solid rgba(224, 194, 131, 0.14) !important; } .floatbox_container:has(#credits-history-tbl) .floatbox_title, .floatbox_container:has(.ow_action_price_td) .floatbox_title{ color: #f1e8d7 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } .floatbox_container:has(#credits-history-tbl) .floatbox_header a.ow_ic_delete, .floatbox_container:has(.ow_action_price_td) .floatbox_header a.ow_ic_delete{ width: 32px !important; height: 32px !important; border-radius: 999px !important; background-color: rgba(255, 244, 220, 0.08) !important; opacity: 0.92 !important; } .floatbox_container:has(#credits-history-tbl) .floatbox_body, .floatbox_container:has(.ow_action_price_td) .floatbox_body, .floatbox_container:has(#credits-history-tbl) .floatbox_bottom, .floatbox_container:has(.ow_action_price_td) .floatbox_bottom{ background: #25252a !important; color: #e8dcc8 !important; } .floatbox_container:has(#credits-history-tbl) .floatbox_body{ padding: 14px 16px 16px !important; } .floatbox_container:has(.ow_action_price_td) .floatbox_body{ padding: 12px 14px 16px !important; } /* Historik-tabell */ .floatbox_container:has(#credits-history-tbl) table.ow_credits{ width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid rgba(224, 194, 131, 0.12) !important; border-radius: 12px !important; overflow: hidden !important; background: rgba(18, 18, 22, 0.55) !important; } .floatbox_container:has(#credits-history-tbl) table.ow_credits th{ padding: 12px 10px !important; background: linear-gradient(180deg, rgba(52, 52, 56, 0.95) 0%, rgba(40, 40, 44, 0.98) 100%) !important; color: #f1e8d7 !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(224, 194, 131, 0.14) !important; } .floatbox_container:has(#credits-history-tbl) table.ow_credits td{ padding: 11px 10px !important; color: #e4d6c0 !important; font-size: 14px !important; line-height: 1.35 !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; background: rgba(28, 28, 32, 0.35) !important; } .floatbox_container:has(#credits-history-tbl) table.ow_credits tr:nth-child(even) td{ background: rgba(34, 34, 38, 0.42) !important; } .floatbox_container:has(#credits-history-tbl) table.ow_credits td.ow_txtcenter:last-child{ color: #f3e6c8 !important; font-weight: 600 !important; } .floatbox_container:has(#credits-history-tbl) .ow_box_toolbar{ float: none !important; display: flex !important; justify-content: flex-end !important; margin-top: 14px !important; padding: 0 !important; } .floatbox_container:has(#credits-history-tbl) .ow_bl.ow_box_toolbar li a{ display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; padding: 0 18px !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(201, 181, 127, 0.94) 0%, rgba(169, 149, 97, 0.98) 100%) !important; color: #2f2920 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important; } /* Kostnad för åtgärder — kort i floatbox */ .floatbox_container:has(.ow_action_price_td) .ow_automargin > .ow_box{ margin: 0 0 12px 0 !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(42, 42, 46, 0.92) 0%, rgba(30, 30, 34, 0.96) 100%) !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18) !important; overflow: hidden !important; } .floatbox_container:has(.ow_action_price_td) .ow_box_cap h3{ padding: 12px 14px 10px !important; color: #f1e8d7 !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(224, 194, 131, 0.1) !important; } .floatbox_container:has(.ow_action_price_td) .ow_box_empty{ padding: 8px 12px 12px !important; background: transparent !important; } .floatbox_container:has(.ow_action_price_td) table.ow_table_2{ width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; } .floatbox_container:has(.ow_action_price_td) table.ow_table_2 tr.ow_tr_first td{ padding: 10px 12px !important; background: rgba(48, 48, 52, 0.65) !important; color: #f1e8d7 !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; } .floatbox_container:has(.ow_action_price_td) table.ow_table_2 tr:not(.ow_tr_first) td{ padding: 10px 12px !important; color: #e4d6c0 !important; font-size: 14px !important; line-height: 1.35 !important; border-top: 1px solid rgba(224, 194, 131, 0.06) !important; background: rgba(26, 26, 30, 0.4) !important; } .floatbox_container:has(.ow_action_price_td) table.ow_table_2 tr:not(.ow_tr_first):nth-child(even) td{ background: rgba(34, 34, 38, 0.45) !important; } .floatbox_container:has(.ow_action_price_td) .ow_action_price_td{ color: #f3e6c8 !important; font-weight: 600 !important; text-align: right !important; white-space: nowrap !important; } .floatbox_container:has(.ow_action_price_td) .ow_nocontent{ color: rgba(241, 232, 215, 0.75) !important; padding: 12px 4px !important; } /* ========================================================= RP_SIGNIN_PREMIUM_SURFACE_V1 Login-ruta: premium-stil for floatbox + sign-in-sida utan att andra templates eller DOM-struktur andras. ========================================================= */ #floatbox_overlay{ background: rgba(7, 5, 5, 0.78) !important; } .floatbox_container:has(.ow_sign_in_wrap){ width: min(92vw, 860px) !important; border: 1px solid rgba(224, 194, 131, 0.22) !important; border-radius: 28px !important; background: linear-gradient(180deg, rgba(30, 24, 22, 0.98) 0%, rgba(19, 15, 14, 0.99) 100%) !important; box-shadow: 0 26px 60px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255, 241, 214, 0.04) inset !important; overflow: hidden !important; } .floatbox_container:has(.ow_sign_in_wrap) .floatbox_header{ padding: 16px 16px 0 !important; background: transparent !important; } .floatbox_container:has(.ow_sign_in_wrap) .floatbox_title, .floatbox_container:has(.ow_sign_in_wrap) .floatbox_bottom{ display: none !important; } .floatbox_container:has(.ow_sign_in_wrap) .floatbox_body{ padding: 0 16px 16px !important; background: transparent !important; } .floatbox_container:has(.ow_sign_in_wrap) .floatbox_header a.ow_ic_delete{ width: 36px !important; height: 36px !important; margin: 0 !important; border-radius: 999px !important; background-color: rgba(255, 244, 220, 0.08) !important; box-shadow: inset 0 1px 0 rgba(255, 244, 220, 0.08) !important; opacity: 0.92 !important; } .floatbox_container .ow_sign_in_wrap, body.base_sign_in .ow_sign_in_wrap{ width: auto !important; max-width: 100% !important; } .floatbox_container .ow_sign_in_wrap h2, body.base_sign_in .ow_sign_in_wrap h2{ display: none !important; } .floatbox_container .ow_sign_in_wrap form, body.base_sign_in .ow_sign_in_wrap form{ margin: 0 !important; padding: 28px !important; background: linear-gradient(180deg, rgba(37, 31, 29, 0.96) 0%, rgba(27, 22, 20, 0.98) 100%) !important; border: 1px solid rgba(224, 194, 131, 0.16) !important; border-radius: 22px !important; box-shadow: inset 0 1px 0 rgba(255, 245, 224, 0.05), 0 14px 34px rgba(0, 0, 0, 0.24) !important; } .floatbox_container .ow_sign_in_wrap form > .clearfix, body.base_sign_in .ow_sign_in_wrap form > .clearfix{ display: flex !important; align-items: flex-start !important; gap: 34px !important; } .floatbox_container .ow_sign_in_wrap form .ow_sign_in, body.base_sign_in .ow_sign_in_wrap form .ow_sign_in{ float: none !important; width: 360px !important; max-width: 100% !important; flex: 0 1 360px !important; } .floatbox_container .ow_sign_in_wrap form .ow_sign_up, body.base_sign_in .ow_sign_in_wrap form .ow_sign_up{ margin: 0 !important; padding-top: 18px !important; flex: 1 1 0 !important; color: #f1e8d7 !important; } .floatbox_container .ow_sign_in_wrap form .ow_sign_up p, body.base_sign_in .ow_sign_in_wrap form .ow_sign_up p{ margin: 0 0 18px !important; color: #f1e8d7 !important; font-size: 15px !important; line-height: 1.65 !important; } .floatbox_container .ow_sign_in_wrap form .ow_sign_up hr, body.base_sign_in .ow_sign_in_wrap form .ow_sign_up hr{ margin: 0 0 18px !important; border: 0 !important; border-top: 1px solid rgba(224, 194, 131, 0.14) !important; } .floatbox_container .ow_sign_in_wrap form .ow_sign_up a, body.base_sign_in .ow_sign_in_wrap form .ow_sign_up a{ color: #e9c98e !important; } .floatbox_container .ow_sign_in_wrap form .ow_box_cap, body.base_sign_in .ow_sign_in_wrap form .ow_box_cap{ margin-bottom: 0 !important; background: transparent !important; padding: 6px 14px 12px !important; border-bottom: 1px solid rgba(224, 194, 131, 0.12) !important; } .floatbox_container .ow_sign_in_wrap form .ow_box_cap_right, body.base_sign_in .ow_sign_in_wrap form .ow_box_cap_right{ border-left: 0 !important; border-right: 0 !important; } .floatbox_container .ow_sign_in_wrap form .ow_box_cap h3, .floatbox_container .ow_sign_in_wrap form .ow_box_cap span, body.base_sign_in .ow_sign_in_wrap form .ow_box_cap h3, body.base_sign_in .ow_sign_in_wrap form .ow_box_cap span{ margin: 0 !important; padding: 0 !important; background: none !important; background-image: none !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 600 !important; color: #f6ead4 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } .floatbox_container .ow_sign_in_wrap form .ow_box, body.base_sign_in .ow_sign_in_wrap form .ow_box{ background: rgba(22, 18, 17, 0.52) !important; border: 1px solid rgba(224, 194, 131, 0.14) !important; border-radius: 20px !important; padding: 20px 20px 10px !important; box-shadow: inset 0 1px 0 rgba(255, 245, 224, 0.04) !important; } .floatbox_container .ow_sign_in_wrap input[type="text"], .floatbox_container .ow_sign_in_wrap input[type="password"], body.base_sign_in .ow_sign_in_wrap input[type="text"], body.base_sign_in .ow_sign_in_wrap input[type="password"]{ height: 50px !important; background: rgba(28, 24, 22, 0.96) !important; border: 1px solid rgba(224, 194, 131, 0.26) !important; border-radius: 14px !important; color: #fff7e8 !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.06) !important; } .floatbox_container .ow_sign_in_wrap input[type="text"]:focus, .floatbox_container .ow_sign_in_wrap input[type="password"]:focus, body.base_sign_in .ow_sign_in_wrap input[type="text"]:focus, body.base_sign_in .ow_sign_in_wrap input[type="password"]:focus{ border-color: rgba(241, 221, 178, 0.92) !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.08), 0 0 0 1px rgba(241, 221, 178, 0.18) !important; } .floatbox_container .ow_sign_in_wrap input::placeholder, body.base_sign_in .ow_sign_in_wrap input::placeholder{ color: rgba(241, 232, 215, 0.56) !important; } .floatbox_container .ow_sign_in_wrap form .ow_form_options, body.base_sign_in .ow_sign_in_wrap form .ow_form_options{ margin-bottom: 4px !important; } .floatbox_container .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, .floatbox_container .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass, body.base_sign_in .ow_sign_in_wrap form .ow_form_options p.ow_remember_me, body.base_sign_in .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass{ color: #d8c9ad !important; font-size: 13px !important; line-height: 1.4 !important; } .floatbox_container .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass a, body.base_sign_in .ow_sign_in_wrap form .ow_form_options p.ow_forgot_pass a{ color: #e9c98e !important; } .floatbox_container .ow_sign_in_wrap span.ow_button, .floatbox_container .ow_sign_in_wrap span.ow_button:hover, .floatbox_container .ow_sign_in_wrap span.ow_button span, body.base_sign_in .ow_sign_in_wrap span.ow_button, body.base_sign_in .ow_sign_in_wrap span.ow_button:hover, body.base_sign_in .ow_sign_in_wrap span.ow_button span{ background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } .floatbox_container .ow_sign_in_wrap input[type="submit"], body.base_sign_in .ow_sign_in_wrap input[type="submit"]{ min-height: 50px !important; padding: 0 24px !important; border-radius: 16px !important; border: 1px solid rgba(231, 201, 146, 0.72) !important; background: linear-gradient(180deg, rgba(26, 20, 17, 0.92) 0%, rgba(16, 12, 10, 0.96) 100%) !important; color: #fff7e8 !important; box-shadow: inset 0 1px 0 rgba(255, 247, 229, 0.12), 0 14px 28px rgba(0, 0, 0, 0.24) !important; } .floatbox_container .ow_sign_in_wrap form .ow_connect_buttons, body.base_sign_in .ow_sign_in_wrap form .ow_connect_buttons{ padding: 4px 0 0 !important; } @media (max-width: 820px){ .floatbox_container:has(.ow_sign_in_wrap){ width: calc(100vw - 24px) !important; border-radius: 22px !important; } .floatbox_container .ow_sign_in_wrap form, body.base_sign_in .ow_sign_in_wrap form{ padding: 20px !important; } .floatbox_container .ow_sign_in_wrap form > .clearfix, body.base_sign_in .ow_sign_in_wrap form > .clearfix{ display: block !important; } .floatbox_container .ow_sign_in_wrap form .ow_sign_in, .floatbox_container .ow_sign_in_wrap form .ow_sign_up, body.base_sign_in .ow_sign_in_wrap form .ow_sign_in, body.base_sign_in .ow_sign_in_wrap form .ow_sign_up{ width: 100% !important; max-width: 100% !important; } .floatbox_container .ow_sign_in_wrap form .ow_sign_up, body.base_sign_in .ow_sign_in_wrap form .ow_sign_up{ padding-top: 12px !important; } } /* ========================================================= RP_LANDING_JOIN_CLUSTER_FRAME_V2 Yttre/inre: endast linjer (ingen mörk gradient → ingen “fyrkant” bakom). Inre linje tydligare som före; innehåll + SVG centrerat i ytan. Desktop: oförändrat herolås (100dvh/svh − 60px topbar). ========================================================= */ html body .index_master_page .ow_logo_wrap{ display: none !important; } body.base_index_page .index_master_page .ow_header_pic_wrap::before, body.base_index_page .index_master_page .ow_header_pic_wrap::after, body.base_index .index_master_page .ow_header_pic_wrap::before, body.base_index .index_master_page .ow_header_pic_wrap::after{ content: none !important; display: none !important; } /* center gav v0-bredd för .logo_url (width:100%) — kvar stretch + max; text/SVG i index_top justeras nedan. */ body.base_index_page .index_master_page .rp_landing_join_cluster, body.base_index .index_master_page .rp_landing_join_cluster{ position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; box-sizing: border-box !important; width: 100% !important; max-width: min(260px, calc(100% - 24px)) !important; margin-left: auto !important; margin-right: auto !important; /* Vertikal luft: botten oförändrad, topp lägre så innehåll/ logga ligger närmare inre kant. */ padding-top: 6px !important; padding-bottom: 26px !important; padding-left: 0 !important; padding-right: 0 !important; } /* Yttre/inre kant: flyttat till .rp_landing_join_frame så innehåll kan skalas separat. */ body.base_index_page .index_master_page .rp_landing_join_frame, body.base_index .index_master_page .rp_landing_join_frame{ position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; min-height: 100% !important; pointer-events: none !important; z-index: 0 !important; } /* Yttre: enbart kant (ingen fyllnad — det var mörk ruta i hörnen). */ body.base_index_page .index_master_page .rp_landing_join_frame::after, body.base_index .index_master_page .rp_landing_join_frame::after{ content: "" !important; position: absolute !important; left: -18px !important; right: -18px !important; top: -16px !important; bottom: -18px !important; border-radius: 28px !important; border: 1px solid rgba(232, 200, 155, 0.58) !important; background: none !important; background-image: none !important; box-shadow: none !important; pointer-events: none !important; z-index: 0 !important; } /* Inre linje — klarare (var 0.08, nära V5 0.20). */ body.base_index_page .index_master_page .rp_landing_join_frame::before, body.base_index .index_master_page .rp_landing_join_frame::before{ content: "" !important; position: absolute !important; left: -6px !important; right: -6px !important; top: -4px !important; bottom: -6px !important; border-radius: 22px !important; border: 1px solid rgba(255, 244, 220, 0.28) !important; background: none !important; box-shadow: 0 0 0 1px rgba(255, 240, 210, 0.14) !important; pointer-events: none !important; z-index: 1 !important; } /* Form + innehåll: endast här sänks/ändras skala, inte ramlayret. */ body.base_index_page .index_master_page .rp_landing_join_content, body.base_index .index_master_page .rp_landing_join_content{ position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* Centrera ordmärke + premium-SVG inuti ramen (kolumn, horis. center, behåll full bredd). */ body.base_index_page .index_master_page .rp_landing_join_cluster .index_top.clearfix, body.base_index .index_master_page .rp_landing_join_cluster .index_top.clearfix{ z-index: 3 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; width: 100% !important; } body.base_index_page .index_master_page .rp_landing_join_cluster .index_top .logo_url, body.base_index .index_master_page .rp_landing_join_cluster .index_top .logo_url{ margin-left: auto !important; margin-right: auto !important; background-position: center center !important; } /* ========================================================= RP_LANDING_LOGO_INFRAME_DESKTOP_ONLY_V1 Endast desktop + base_index: endast .logo_url (SVG) skalas; ram + innehåll i .rp_landing_join_content oförändrat därutöver. Flex + min-height:0 (se RP_INDEX_PREMIUM_LOGO_ONLY_V1) kunde ge 0 beräknad höjd här; flex-shrink:0 + min-height:auto bevarar samma yta som i DevTools. overflow: visible på innehåll/ index_top: translateY får inte klippas bort. ========================================================= */ @media (min-width: 901px){ body.base_index_page .index_master_page .rp_landing_join_content, body.base_index .index_master_page .rp_landing_join_content{ overflow: visible !important; } body.base_index_page .index_master_page .rp_landing_join_cluster .index_top.clearfix, body.base_index .index_master_page .rp_landing_join_cluster .index_top.clearfix{ overflow: visible !important; } body.base_index_page .index_master_page .rp_landing_join_cluster .index_top .logo_url, body.base_index .index_master_page .rp_landing_join_cluster .index_top .logo_url{ min-height: auto !important; flex-shrink: 0 !important; /* scale(1,15) fick bakgrund+box att sticka ur ~260px-kolumn → R/N såg ut som utklippta. Storlek i SVG istället. */ transform: translateY(-40px) !important; } /* Mindre avstånd logga–form (layout, inte bara transform). */ body.base_index_page .index_master_page .rp_landing_join_cluster .index_top.clearfix, body.base_index .index_master_page .rp_landing_join_cluster .index_top.clearfix{ margin-bottom: -8px !important; } } /* Form + CTA: block centrerat mot klustret */ body.base_index_page .index_master_page .rp_landing_join_cluster .rp_landing_join_forms, body.base_index .index_master_page .rp_landing_join_cluster .rp_landing_join_forms, body.base_index_page .index_master_page .rp_landing_join_cluster .index_qs_widget, body.base_index .index_master_page .rp_landing_join_cluster .index_qs_widget, body.base_index_page .index_master_page .rp_landing_join_cluster .index_bot, body.base_index .index_master_page .rp_landing_join_cluster .index_bot{ display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; } @media (min-width: 901px){ /* Ytterligare tydlig inre kant, desktop. */ body.base_index_page .index_master_page .rp_landing_join_frame::before, body.base_index .index_master_page .rp_landing_join_frame::before{ border-color: rgba(255, 244, 220, 0.38) !important; box-shadow: 0 0 0 1px rgba(255, 240, 210, 0.22) !important; } body.base_index_page .index_master_page .rp_landing_join_frame::after, body.base_index .index_master_page .rp_landing_join_frame::after{ border-color: rgba(232, 200, 155, 0.7) !important; } } @media (min-width: 901px){ /* Låst hero under fast 60px topbar. */ /* z-index:3: ow_header_pic_wrap::before/::after har z-index:2 samma nivå som syskon; utan detta ligger hela .ow_header_pic inkl. a.logo_url UNDER ram- lagret så guldloggan förefaller "borta" (mörk gradient) medan form/knappar ofta ändå syns. */ body.base_index_page .index_master_page .ow_header_pic, body.base_index .index_master_page .ow_header_pic{ z-index: 3 !important; min-height: calc(100dvh - 60px) !important; min-height: calc(100svh - 60px) !important; height: calc(100dvh - 60px) !important; height: calc(100svh - 60px) !important; max-height: none !important; overflow: visible !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-content: center !important; align-items: stretch !important; box-sizing: border-box !important; } } /* ========================================================= RP_INDEX_DESKTOP_VERT_TRUE_CENTER_V1 FAS1: padding 84/54 på .ow_header_pic_wrap sänkte heron; flex såg “för låg”. 0 här, desktop + base_index endast. Rensar gammal index_top-nudge så märke + innehåll följer samma mitten. ========================================================= */ @media (min-width: 901px){ body.base_index_page .index_master_page .ow_header_pic_wrap, body.base_index .index_master_page .ow_header_pic_wrap{ padding: 0 !important; } body.base_index .index_master_page .rp_landing_join_cluster .index_top.clearfix, body.base_index_page .index_master_page .rp_landing_join_cluster .index_top.clearfix{ top: 0 !important; transform: none !important; } } /* ========================================================= RP_LANDING_FRAME_VS_CONTENT_DESKTOP_V1 Skilj ram (yttre+inre linjer) från innehåll: .rp_landing_join_frame håller samma 1,28 som tidigare helhetsscale; .rp_landing_join_content skalar endast logga, steg, knappar. .rp_landing_join_cluster får aldrig transform här (annars följer linjerna innehållet). ========================================================= */ @media (min-width: 901px){ body.base_index_page .index_master_page .rp_landing_join_cluster, body.base_index .index_master_page .rp_landing_join_cluster{ transform: none !important; } body.base_index_page .index_master_page .rp_landing_join_frame, body.base_index .index_master_page .rp_landing_join_frame{ transform: scale(1.28) !important; transform-origin: 50% 50% !important; } /* zoom: ändrar layout; scale() här låter tom luft kvar då transform inte krymper blockets höjd. */ body.base_index_page .index_master_page .rp_landing_join_content, body.base_index .index_master_page .rp_landing_join_content{ zoom: 0.86 !important; } } /* ========================================================= RP_LANDING_JOIN_DESKTOP_GLASS_SPACING_V1 Endast min-width:901 + base_index: tydlig genomskinlighet (step-kort + CTA samma känsla som efter mobile-justering) vertikal balans: mer luft logo/ordmärke → steg, mindre steg → CTA. ========================================================= */ @media (min-width: 901px){ /* Desktop: större steg+CTA i ram (logo oförändrad) — oskalat luft ovan: margin på omslaget, inte inuti scale */ body.base_index_page .index_master_page .rp_landing_join_cluster .rp_landing_join_forms, body.base_index .index_master_page .rp_landing_join_cluster .rp_landing_join_forms{ margin-top: 36px !important; margin-bottom: 18px !important; transform: scale(1.16) !important; transform-origin: 50% 0 !important; } body.base_index_page .index_master_page .rp_landing_join_cluster .index_qs_widget, body.base_index .index_master_page .rp_landing_join_cluster .index_qs_widget{ margin-top: 0 !important; margin-bottom: 20px !important; } body.base_index_page .index_master_page .rp_landing_join_cluster .index_bot, body.base_index .index_master_page .rp_landing_join_cluster .index_bot{ margin-top: 12px !important; transform: none !important; } /* Man / Kvinna: mer synligt glas, hero igenom */ body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__text, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__text{ background: linear-gradient(180deg, rgba(28, 22, 18, 0.5) 0%, rgba(16, 12, 10, 0.58) 100%) !important; } body.base_index_page .index_master_page .index_qs_widget .rp-landing-join-step__input:checked + .rp-landing-join-step__text, body.base_index .index_master_page .index_qs_widget .rp-landing-join-step__input:checked + .rp-landing-join-step__text{ background: linear-gradient(180deg, rgba(45, 35, 29, 0.65) 0%, rgba(24, 18, 14, 0.72) 100%) !important; } /* Gå med nu: desktop använder