/* PDR BuddyPress Final */ /* ========================================================= MENÜ SZÍNSABLONOK ========================================================= */ body.pdr-menu-preset-obsidian{ --pdr-final-menu-top:#3b3539; --pdr-final-menu-bottom:#111014; --pdr-final-menu-border:#ff6428; --pdr-final-menu-glow:rgba(255,69,0,.25); } body.pdr-menu-preset-graphite{ --pdr-final-menu-top:#3c4650; --pdr-final-menu-bottom:#11171e; --pdr-final-menu-border:#65cbff; --pdr-final-menu-glow:rgba(77,190,255,.25); } body.pdr-menu-preset-bronze{ --pdr-final-menu-top:#594630; --pdr-final-menu-bottom:#211711; --pdr-final-menu-border:#e4a64d; --pdr-final-menu-glow:rgba(230,162,65,.25); } body.pdr-menu-preset-violet{ --pdr-final-menu-top:#503755; --pdr-final-menu-bottom:#181019; --pdr-final-menu-border:#e057ff; --pdr-final-menu-glow:rgba(219,63,255,.25); } body.pdr-menu-preset-emerald{ --pdr-final-menu-top:#2c4b40; --pdr-final-menu-bottom:#0d1915; --pdr-final-menu-border:#45df93; --pdr-final-menu-glow:rgba(50,221,139,.25); } body.pdr-menu-preset-crimson{ --pdr-final-menu-top:#573136; --pdr-final-menu-bottom:#1e1014; --pdr-final-menu-border:#ef4b58; --pdr-final-menu-glow:rgba(239,57,75,.25); } /* ========================================================= PC: HARANG + PROFILKÉP A LOGÓ ELŐTT ========================================================= */ @media (min-width:861px){ .pdr-header .pdr-header-inner{ display:flex !important; align-items:center !important; gap:12px !important; } .pdr-header .pdr-actions{ order:1 !important; flex:0 0 auto !important; margin:0 !important; } .pdr-header .pdr-brand{ order:2 !important; flex:0 0 auto !important; margin:0 14px 0 0 !important; } .pdr-header .pdr-nav{ order:3 !important; flex:1 1 auto !important; margin-left:auto !important; } .pdr-header .pdr-mobile-toggle{ order:4 !important; } } /* ========================================================= FŐMENÜ ========================================================= */ .pdr-header .pdr-nav > ul > li > a, .pdr-header .pdr-nav .menu > li > a{ min-height:36px !important; padding:0 14px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:11px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 180deg, var(--pdr-final-menu-top,#3b3539), var(--pdr-final-menu-bottom,#111014) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 7px 17px rgba(0,0,0,.38) !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; text-decoration:none !important; text-shadow:0 1px 2px rgba(0,0,0,.9) !important; } .pdr-header .pdr-nav > ul > li > a:hover, .pdr-header .pdr-nav .menu > li > a:hover, .pdr-header .pdr-nav .current-menu-item > a, .pdr-header .pdr-nav .current-menu-ancestor > a{ border-color: var(--pdr-final-menu-border,#ff6428) !important; color:#fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 8px 20px rgba(0,0,0,.44), 0 0 18px var(--pdr-final-menu-glow,rgba(255,69,0,.25)) !important; } /* ========================================================= MOBIL FEJLÉC ÉS HAMBURGER MENÜ ========================================================= */ @media (max-width:860px){ .pdr-header .pdr-header-inner{ display:flex !important; align-items:center !important; gap:10px !important; } .pdr-header .pdr-brand{ order:1 !important; } .pdr-header .pdr-mobile-toggle{ order:2 !important; } .pdr-header .pdr-actions{ order:3 !important; margin-left:auto !important; } .pdr-mobile-nav[hidden]{ display:none !important; } .pdr-mobile-nav:not([hidden]){ width:100% !important; max-width:480px !important; margin:10px auto 0 !important; padding:7px 0 !important; display:block !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } .pdr-mobile-nav > ul, .pdr-mobile-nav .menu{ width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns:1fr !important; gap:7px !important; } .pdr-mobile-nav li{ width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important; float:none !important; } .pdr-mobile-nav li::before, .pdr-mobile-nav li::after{ content:none !important; display:none !important; } .pdr-mobile-nav li > a{ width:100% !important; min-width:0 !important; min-height:43px !important; margin:0 !important; padding:7px 13px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:11px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 180deg, var(--pdr-final-menu-top,#3b3539), var(--pdr-final-menu-bottom,#111014) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 7px 15px rgba(0,0,0,.33) !important; font-size:14px !important; font-weight:800 !important; line-height:1.15 !important; text-align:center !important; white-space:normal !important; text-decoration:none !important; } .pdr-mobile-nav .current-menu-item > a, .pdr-mobile-nav .current-menu-ancestor > a{ border-color: var(--pdr-final-menu-border,#ff6428) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 16px var(--pdr-final-menu-glow,rgba(255,69,0,.25)) !important; } .pdr-mobile-nav .sub-menu{ width:100% !important; margin:7px 0 0 !important; padding:7px !important; display:grid !important; grid-template-columns:1fr !important; gap:6px !important; background:rgba(0,0,0,.22) !important; } } /* ========================================================= BUDDYPRESS MENÜK – NINCS FEHÉR GOMB ÉS NINCS CSÚSZKA ========================================================= */ body.buddypress #buddypress .bp-navs, body.buddypress #buddypress .item-list-tabs, body.buddypress .buddypress-wrap .bp-navs, body.buddypress .buddypress-wrap .item-list-tabs{ width:100% !important; max-width:100% !important; margin:12px 0 !important; padding:7px !important; overflow:visible !important; overflow-x:visible !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:14px !important; background: linear-gradient( 180deg, rgba(31,28,32,.98), rgba(9,9,12,.99) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 9px 22px rgba(0,0,0,.34) !important; } body.buddypress #buddypress .bp-navs ul, body.buddypress #buddypress .item-list-tabs ul, body.buddypress .buddypress-wrap .bp-navs ul, body.buddypress .buddypress-wrap .item-list-tabs ul{ width:100% !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:0 !important; display:flex !important; flex-wrap:wrap !important; gap:6px !important; overflow:visible !important; } body.buddypress #buddypress .bp-navs ul li, body.buddypress #buddypress .item-list-tabs ul li{ width:auto !important; min-width:0 !important; max-width:100% !important; margin:0 !important; padding:0 !important; float:none !important; } body.buddypress #buddypress .bp-navs ul li a, body.buddypress #buddypress .item-list-tabs ul li a{ min-height:38px !important; padding:7px 13px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:10px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 180deg, rgba(56,51,55,.99), rgba(17,15,19,.99) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 6px 13px rgba(0,0,0,.30) !important; font-size:13px !important; font-weight:800 !important; line-height:1.15 !important; text-align:center !important; white-space:normal !important; opacity:1 !important; text-decoration:none !important; } body.buddypress #buddypress .bp-navs ul li.current a, body.buddypress #buddypress .bp-navs ul li.selected a, body.buddypress #buddypress .item-list-tabs ul li.current a, body.buddypress #buddypress .item-list-tabs ul li.selected a{ border-color:rgba(255,105,38,.84) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 180deg, rgba(105,57,34,.99), rgba(43,24,23,.99) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 0 16px rgba(255,69,0,.19) !important; } @media (max-width:700px){ body.buddypress #buddypress .bp-navs ul, body.buddypress #buddypress .item-list-tabs ul, body.buddypress .buddypress-wrap .bp-navs ul, body.buddypress .buddypress-wrap .item-list-tabs ul{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:7px !important; overflow:visible !important; } body.buddypress #buddypress .bp-navs ul li, body.buddypress #buddypress .item-list-tabs ul li{ width:auto !important; min-width:0 !important; max-width:none !important; grid-column:auto !important; } body.buddypress #buddypress .bp-navs ul li a, body.buddypress #buddypress .item-list-tabs ul li a{ width:100% !important; min-width:0 !important; min-height:43px !important; padding:7px 8px !important; overflow-wrap:anywhere !important; } } @media (max-width:390px){ body.buddypress #buddypress .bp-navs ul, body.buddypress #buddypress .item-list-tabs ul{ grid-template-columns:1fr !important; } } /* ========================================================= PROFIL: @ ELTÁVOLÍTÁSA ÉS DISPLAY NÉV ========================================================= */ #buddypress #item-header-content .user-nicename{ display:none !important; visibility:hidden !important; } #buddypress .pdr-final-display-name{ display:inline-flex !important; align-items:center !important; min-height:35px !important; margin:0 0 7px !important; padding:5px 11px !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:10px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background:rgba(8,8,11,.62) !important; box-shadow:0 6px 16px rgba(0,0,0,.31) !important; font-size:18px !important; font-weight:900 !important; line-height:1.2 !important; text-shadow:0 2px 4px rgba(0,0,0,.95) !important; } /* ========================================================= BORÍTÓKÉP EGYENLETES FÉNYERŐ ========================================================= */ #buddypress #cover-image-container, #buddypress #header-cover-image, #buddypress #item-header-cover-image, #buddypress #item-header-content{ opacity:1 !important; filter:none !important; background-blend-mode:normal !important; } #buddypress #item-header-cover-image, #buddypress #item-header-content{ background:transparent !important; background-image:none !important; box-shadow:none !important; } #buddypress #cover-image-container::before, #buddypress #cover-image-container::after, #buddypress #header-cover-image::before, #buddypress #header-cover-image::after, #buddypress #item-header-cover-image::before, #buddypress #item-header-cover-image::after, #buddypress #item-header-content::before, #buddypress #item-header-content::after{ content:none !important; display:none !important; opacity:0 !important; background:none !important; } /* ========================================================= PROFIL ADATLAP – MOBILON NEM LÓG KI ========================================================= */ #buddypress table.profile-fields, #buddypress .profile-fields{ width:100% !important; max-width:100% !important; table-layout:fixed !important; border-collapse:separate !important; border-spacing:0 6px !important; } #buddypress .profile-fields td{ max-width:100% !important; padding:13px 14px !important; overflow-wrap:anywhere !important; word-break:break-word !important; color:#f4f4f6 !important; background: linear-gradient( 145deg, rgba(34,30,33,.96), rgba(13,12,15,.98) ) !important; } #buddypress .profile-fields td.label{ width:32% !important; color:#ff9b65 !important; font-weight:800 !important; } @media (max-width:700px){ #buddypress table.profile-fields, #buddypress .profile-fields, #buddypress .profile-fields tbody{ width:100% !important; max-width:100% !important; display:block !important; } #buddypress .profile-fields tr{ width:100% !important; max-width:100% !important; display:block !important; margin:0 0 8px !important; } #buddypress .profile-fields td.label, #buddypress .profile-fields td.data{ width:100% !important; max-width:100% !important; display:block !important; border-radius:10px !important; box-sizing:border-box !important; } } /* ========================================================= TAGOK RÁCS – NINCS ÜRES ELSŐ HELY ========================================================= */ #buddypress #members-dir-list #members-list, #buddypress #members-dir-list ul.bp-list, #buddypress #members-dir-list ul.item-list{ width:100% !important; display:grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; grid-auto-flow:row dense !important; gap:14px !important; margin:15px 0 0 !important; padding:0 !important; } #buddypress #members-dir-list #members-list::before, #buddypress #members-dir-list #members-list::after, #buddypress #members-dir-list ul.bp-list::before, #buddypress #members-dir-list ul.bp-list::after, #buddypress #members-dir-list ul.item-list::before, #buddypress #members-dir-list ul.item-list::after{ content:none !important; display:none !important; } #buddypress #members-dir-list #members-list > li, #buddypress #members-dir-list ul.bp-list > li, #buddypress #members-dir-list ul.item-list > li{ width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; float:none !important; clear:none !important; position:relative !important; left:auto !important; right:auto !important; transform:none !important; grid-column:auto !important; visibility:visible !important; opacity:1 !important; } #buddypress #members-dir-list .pdr-final-empty-member{ display:none !important; } #buddypress #members-dir-list .list-wrap{ width:100% !important; min-height:278px !important; height:100% !important; padding:18px 14px 13px !important; display:flex !important; flex-direction:column !important; align-items:center !important; border:1px solid rgba(255,255,255,.15) !important; border-radius:18px !important; background: radial-gradient( circle at 50% -15%, rgba(255,96,28,.14), transparent 48% ), linear-gradient( 145deg, rgba(35,30,33,.97), rgba(12,11,14,.98) ) !important; } #buddypress #members-dir-list .item{ width:100% !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; } #buddypress #members-dir-list .action{ width:100% !important; margin-top:auto !important; padding-top:12px !important; } @media (max-width:980px){ #buddypress #members-dir-list #members-list, #buddypress #members-dir-list ul.bp-list, #buddypress #members-dir-list ul.item-list{ grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width:650px){ #buddypress #members-dir-list #members-list, #buddypress #members-dir-list ul.bp-list, #buddypress #members-dir-list ul.item-list{ grid-template-columns:1fr !important; } } /* ========================================================= ISMERŐSGOMBOK ========================================================= */ #buddypress #members-dir-list .action a, #buddypress #members-dir-list .action button, #buddypress #members-dir-list .generic-button a{ width:100% !important; min-height:35px !important; padding:0 13px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:10px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:12px !important; font-weight:900 !important; opacity:1 !important; text-decoration:none !important; } #buddypress .pdr-final-friend-add{ border:1px solid rgba(255,110,38,.80) !important; background: linear-gradient( 180deg, #71351e, #3a201b 55%, #211417 ) !important; } #buddypress .pdr-final-friend-pending{ border:1px solid rgba(255,184,57,.75) !important; background: linear-gradient( 180deg, #67491d, #392b19 55%, #1d1713 ) !important; } #buddypress .pdr-final-friend-confirm{ border:1px solid rgba(73,229,145,.82) !important; background: linear-gradient( 180deg, #176b43, #103f2c 55%, #09231a ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 16px rgba(41,218,127,.22) !important; } #buddypress .pdr-final-friend-remove{ border:1px solid rgba(223,90,90,.75) !important; background: linear-gradient( 180deg, #682727, #3d1c20 55%, #211317 ) !important; } #buddypress .pdr-final-friend-accepted{ width:100%; min-height:35px; padding:0 13px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(62,229,140,.82); border-radius:10px; color:#fff; background: linear-gradient( 180deg, #197047, #10432f 56%, #09251b ); font-size:12px; font-weight:900; } /* ========================================================= BELÉPÉS ÉS REGISZTRÁCIÓ GOMBOK ========================================================= */ .pdr-final-auth-button{ min-width:176px !important; min-height:46px !important; padding:0 22px !important; border:1px solid rgba(255,111,45,.88) !important; border-radius:13px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 180deg, #5f3a2e 0%, #302021 52%, #111015 100% ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.17), inset 0 -2px 0 rgba(0,0,0,.67), 0 9px 20px rgba(0,0,0,.46), 0 0 17px rgba(255,69,0,.20) !important; font-size:15px !important; font-weight:900 !important; text-shadow:0 1px 2px rgba(0,0,0,.95) !important; opacity:1 !important; } /* ========================================================= HARANG VILLANÁS ========================================================= */ @keyframes pdrFinalBellPulse{ 0%{ transform:scale(1); box-shadow: 0 0 0 rgba(255,69,0,0); } 35%{ transform:scale(1.13); box-shadow: 0 0 28px rgba(255,89,20,.95); } 70%{ transform:scale(.98); box-shadow: 0 0 12px rgba(255,89,20,.52); } 100%{ transform:scale(1); box-shadow: 0 0 0 rgba(255,69,0,0); } } .pdr-notification-btn.has-unread{ border-color:rgba(255,97,28,.88) !important; color:#fff !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 0 20px rgba(255,69,0,.30) !important; } .pdr-notification-btn.pdr-final-notification-pulse{ animation: pdrFinalBellPulse .65s ease-in-out 3 !important; } .pdr-notification-btn .pdr-badge[hidden]{ display:none !important; } /* ========================================================= KIJELENTKEZETT CHAT ========================================================= */ .pdr-chat-login-required{ width:100%; max-width:1040px; margin:0 auto; } .pdr-chat-login-message{ margin:0 0 18px; padding:22px; text-align:center; border:1px solid rgba(255,99,30,.46); border-radius:18px; color:#fff; background: linear-gradient( 145deg, rgba(31,27,30,.97), rgba(9,9,12,.99) ); } .pdr-chat-auth-grid{ display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; align-items:start; } @media (max-width:720px){ .pdr-chat-auth-grid{ grid-template-columns:1fr; } } /* PDR FINAL UI POLISH START */ /* ========================================================= PC FEJLÉC: LOGÓ + OLDALNÉV | HARANG + PROFIL | MENÜ ========================================================= */ @media (min-width:861px){ .pdr-header .pdr-header-inner{ display:flex !important; align-items:center !important; gap:0 !important; } .pdr-header .pdr-brand{ order:1 !important; flex:0 0 auto !important; margin:0 !important; } .pdr-header .pdr-actions{ order:2 !important; flex:0 0 auto !important; margin:0 18px 0 15px !important; padding-left:15px !important; border-left: 1px solid rgba(255,255,255,.24) !important; display:flex !important; align-items:center !important; gap:9px !important; } .pdr-header .pdr-nav{ order:3 !important; flex:1 1 auto !important; margin-left:auto !important; } .pdr-header .pdr-mobile-toggle{ order:4 !important; } } /* ========================================================= MOBIL HAMBURGER: NEM FÜGG A DASHICONS BETÖLTÉSÉTŐL ========================================================= */ .pdr-mobile-toggle{ position:relative !important; } .pdr-mobile-toggle .dashicons-menu{ width:24px !important; height:18px !important; display:block !important; position:relative !important; font-size:0 !important; line-height:0 !important; font-family:inherit !important; } .pdr-mobile-toggle .dashicons-menu::before{ content:"" !important; width:24px !important; height:18px !important; display:block !important; position:absolute !important; inset:0 !important; background: linear-gradient(#fff,#fff) top center / 100% 2px no-repeat, linear-gradient(#fff,#fff) center center / 100% 2px no-repeat, linear-gradient(#fff,#fff) bottom center / 100% 2px no-repeat !important; border-radius:1px !important; } /* ========================================================= KIJELENTKEZETT PROFIL/BELÉPÉS IKON NEM FÜGG A DASHICONS BETÖLTÉSÉTŐL ========================================================= */ .pdr-actions a[href*="belepes-regisztracio"] .dashicons{ display:none !important; } .pdr-actions a[href*="belepes-regisztracio"]::before{ content:"" !important; width:25px !important; height:25px !important; display:block !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7.5' r='4' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M4.5 21c.7-4.5 3.2-7 7.5-7s6.8 2.5 7.5 7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-position:center !important; background-size:contain !important; background-repeat:no-repeat !important; } /* ========================================================= PROFIL OLDAL FELSŐ, DUPLIKÁLT NÉV ELTÁVOLÍTÁSA ========================================================= */ body.bp-user h1.entry-title{ display:none !important; } /* ========================================================= BORÍTÓKÉP: NINCS HATALMAS ÜRES TERÜLET A KÉP A PROFILKÉP ÉS NÉV ALJÁIG ÉR ========================================================= */ body.bp-user #buddypress #cover-image-container{ width:100% !important; max-width:100% !important; min-height:0 !important; height:auto !important; margin:0 0 8px !important; padding:0 !important; display:grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: clamp(260px,28vw,380px) !important; overflow:hidden !important; position:relative !important; border-radius:16px !important; isolation:isolate !important; } body.bp-user #buddypress #header-cover-image{ grid-column:1 !important; grid-row:1 !important; position:relative !important; inset:auto !important; width:100% !important; max-width:100% !important; height:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; opacity:1 !important; filter:none !important; z-index:1 !important; } body.bp-user #buddypress #item-header-cover-image{ grid-column:1 !important; grid-row:1 !important; align-self:stretch !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 26px 20px !important; display:flex !important; align-items:flex-end !important; justify-content:flex-start !important; box-sizing:border-box !important; position:relative !important; z-index:2 !important; background: linear-gradient( 180deg, transparent 52%, rgba(0,0,0,.24) 76%, rgba(0,0,0,.54) 100% ) !important; } body.bp-user #buddypress #item-header-avatar{ width:auto !important; height:auto !important; min-height:0 !important; margin:0 15px 0 0 !important; padding:0 !important; float:none !important; position:relative !important; left:auto !important; top:auto !important; transform:none !important; } body.bp-user #buddypress #item-header-content{ width:auto !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 0 5px !important; float:none !important; position:relative !important; left:auto !important; top:auto !important; transform:none !important; background:transparent !important; } body.bp-user #buddypress #item-nav, body.bp-user #buddypress #object-nav{ margin-top:8px !important; } body.bp-user #buddypress .bp-navs, body.bp-user #buddypress .item-list-tabs{ margin-top:8px !important; margin-bottom:8px !important; } /* ========================================================= MOBIL BORÍTÓKÉP ========================================================= */ @media (max-width:700px){ body.bp-user #buddypress #cover-image-container{ grid-template-rows: clamp(225px,58vw,315px) !important; margin-bottom:7px !important; border-radius:13px !important; } body.bp-user #buddypress #item-header-cover-image{ padding:0 14px 13px !important; } body.bp-user #buddypress #item-header-avatar{ margin-right:11px !important; } body.bp-user #buddypress #item-header-avatar img.avatar{ width:92px !important; height:92px !important; max-width:92px !important; object-fit:cover !important; } body.bp-user #buddypress .pdr-final-display-name{ max-width:calc(100vw - 155px) !important; margin:0 !important; padding:6px 10px !important; font-size:16px !important; line-height:1.15 !important; overflow-wrap:anywhere !important; } } /* ========================================================= BUDDYPRESS MENÜK: FEHÉR SARKOK ÉS VÍZSZINTES CSÚSZKA ELTÁVOLÍTÁSA ========================================================= */ body.buddypress #buddypress .bp-navs ul li, body.buddypress #buddypress .item-list-tabs ul li, body.buddypress .buddypress-wrap .bp-navs ul li, body.buddypress .buddypress-wrap .item-list-tabs ul li{ background:transparent !important; background-image:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important; overflow:visible !important; } body.buddypress #buddypress .bp-navs ul li::before, body.buddypress #buddypress .bp-navs ul li::after, body.buddypress #buddypress .item-list-tabs ul li::before, body.buddypress #buddypress .item-list-tabs ul li::after{ content:none !important; display:none !important; } body.buddypress #buddypress .bp-navs ul li a, body.buddypress #buddypress .item-list-tabs ul li a{ overflow:hidden !important; background-clip:padding-box !important; -webkit-background-clip:padding-box !important; appearance:none !important; -webkit-appearance:none !important; } body.buddypress #buddypress .bp-navs ul li a::before, body.buddypress #buddypress .bp-navs ul li a::after, body.buddypress #buddypress .item-list-tabs ul li a::before, body.buddypress #buddypress .item-list-tabs ul li a::after{ content:none !important; display:none !important; } /* ========================================================= MOBILON KÉTOSZLOPOS, KOMPAKT PROFILMENÜ NINCS OLDALIRÁNYÚ HÚZOGATÁS ========================================================= */ @media (max-width:700px){ body.bp-user #buddypress .bp-navs, body.bp-user #buddypress .item-list-tabs{ width:100% !important; max-width:100% !important; padding:6px !important; overflow:visible !important; overflow-x:visible !important; } body.bp-user #buddypress .bp-navs ul, body.bp-user #buddypress .item-list-tabs ul{ width:100% !important; max-width:100% !important; min-width:0 !important; display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:6px !important; overflow:visible !important; } body.bp-user #buddypress .bp-navs ul li, body.bp-user #buddypress .item-list-tabs ul li{ width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; grid-column:auto !important; } body.bp-user #buddypress .bp-navs ul li a, body.bp-user #buddypress .item-list-tabs ul li a{ width:100% !important; min-width:0 !important; min-height:43px !important; padding:7px 7px !important; font-size:12.5px !important; line-height:1.15 !important; white-space:normal !important; overflow-wrap:anywhere !important; } } @media (max-width:340px){ body.bp-user #buddypress .bp-navs ul, body.bp-user #buddypress .item-list-tabs ul{ grid-template-columns:1fr !important; } } /* ========================================================= BUDDYPRESS SZÁMLÁLÓK: PDR TAGOK / ISMERŐSÖK / ÉRTESÍTÉSEK ========================================================= */ body.buddypress #buddypress .bp-navs .count, body.buddypress #buddypress .item-list-tabs .count, body.buddypress .buddypress-wrap .bp-navs .count, body.buddypress .buddypress-wrap .item-list-tabs .count{ min-width:22px !important; height:22px !important; margin-left:6px !important; padding:0 6px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(0,0,0,.24) !important; border-radius:999px !important; color:#28140e !important; -webkit-text-fill-color:#28140e !important; background:#f6f3f1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 1px 4px rgba(0,0,0,.25) !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; text-shadow:none !important; opacity:1 !important; visibility:visible !important; } /* ========================================================= PROFILADATOK MOBILON NEM LÓGNAK KI ========================================================= */ @media (max-width:700px){ body.bp-user #buddypress .profile-fields, body.bp-user #buddypress .profile-fields tbody, body.bp-user #buddypress .profile-fields tr, body.bp-user #buddypress .profile-fields td{ width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; } body.bp-user #buddypress .profile-fields{ display:block !important; table-layout:fixed !important; overflow:hidden !important; } body.bp-user #buddypress .profile-fields tbody, body.bp-user #buddypress .profile-fields tr{ display:block !important; } body.bp-user #buddypress .profile-fields td.label, body.bp-user #buddypress .profile-fields td.data{ display:block !important; margin:0 !important; padding:12px 13px !important; overflow-wrap:anywhere !important; word-break:break-word !important; } } /* ========================================================= USER SWITCHING „SWITCH TO” GOMB ========================================================= */ #buddypress .pdr-final-switch-parent{ width:100% !important; margin:7px 0 0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } #buddypress a.pdr-final-switch-to{ width:100% !important; min-height:32px !important; padding:0 11px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,110,38,.58) !important; border-radius:9px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; background: linear-gradient( 180deg, #43312c, #241b1d 58%, #111014 ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 5px 12px rgba(0,0,0,.32) !important; font-size:11px !important; font-weight:800 !important; text-decoration:none !important; } /* ========================================================= MOBIL HAMBURGER MENÜ PANEL FINOMÍTÁSA ========================================================= */ @media (max-width:860px){ .pdr-mobile-nav:not([hidden]){ width:calc(100% - 20px) !important; max-width:500px !important; margin:10px auto 0 !important; padding:9px !important; border: 1px solid rgba(255,101,35,.34) !important; border-radius:15px !important; background: linear-gradient( 145deg, rgba(27,23,26,.98), rgba(8,8,11,.99) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 13px 29px rgba(0,0,0,.40) !important; } .pdr-mobile-nav > ul, .pdr-mobile-nav .menu{ display:grid !important; grid-template-columns:1fr !important; gap:6px !important; } .pdr-mobile-nav li{ background:transparent !important; border:0 !important; box-shadow:none !important; } .pdr-mobile-nav li > a{ min-height:42px !important; border-radius:10px !important; overflow:hidden !important; } } /* PDR FINAL UI POLISH END */ /* PDR PRECISION FIX START */ /* ========================================================= PC FEJLÉC: ELVÁLASZTÓ + HARANG + PROFIL KICSIT BALRÁBB ========================================================= */ @media (min-width:861px){ .pdr-header .pdr-actions{ margin: 0 16px 0 8px !important; padding-left: 8px !important; border-left: 1px solid rgba( 255, 255, 255, .24 ) !important; gap: 8px !important; } } /* ========================================================= DUPLA KIJELENTKEZETT PROFIL IKON MEGSZÜNTETÉSE A valódi header.php SVG marad. A korábban CSS-ből létrehozott második ikon eltűnik. ========================================================= */ .pdr-actions a[href*="belepes-regisztracio"]::before{ content:none !important; display:none !important; width:0 !important; height:0 !important; min-width:0 !important; min-height:0 !important; background:none !important; background-image:none !important; } .pdr-actions a[href*="belepes-regisztracio"] .pdr-login-user-svg{ display:inline-flex !important; align-items:center !important; justify-content:center !important; visibility:visible !important; opacity:1 !important; } .pdr-actions a[href*="belepes-regisztracio"] .pdr-login-user-svg svg{ display:block !important; width:25px !important; height:25px !important; } /* ========================================================= BUDDYPRESS PROFILADATOK MOBILON A fehér háttércsíkokat a táblázatsor és a cellák örökölt háttérszínei okozzák. Minden adat egyetlen összefüggő sötét kártyát kap. ========================================================= */ @media (max-width:700px){ body.bp-user #buddypress table.profile-fields, body.bp-user #buddypress .profile-fields, body.bp-user #buddypress .profile-fields tbody{ width:100% !important; max-width:100% !important; min-width:0 !important; display:block !important; margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; background:transparent !important; background-image:none !important; box-shadow:none !important; overflow:visible !important; box-sizing:border-box !important; } body.bp-user #buddypress .profile-fields tr{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 0 10px !important; padding:0 !important; display:grid !important; grid-template-columns:1fr !important; gap:0 !important; border: 1px solid rgba( 255, 255, 255, .12 ) !important; border-radius:14px !important; outline:0 !important; background: linear-gradient( 145deg, rgba(38,34,38,.98), rgba(14,13,17,.99) ) !important; background-image: linear-gradient( 145deg, rgba(38,34,38,.98), rgba(14,13,17,.99) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.28) !important; overflow:hidden !important; box-sizing:border-box !important; } body.bp-user #buddypress .profile-fields tr::before, body.bp-user #buddypress .profile-fields tr::after{ content:none !important; display:none !important; } body.bp-user #buddypress .profile-fields td, body.bp-user #buddypress .profile-fields td.label, body.bp-user #buddypress .profile-fields td.data{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; padding:13px 14px !important; display:block !important; border:0 !important; border-radius:0 !important; outline:0 !important; color:#f2f2f4 !important; background:transparent !important; background-image:none !important; box-shadow:none !important; overflow-wrap:anywhere !important; word-break:break-word !important; box-sizing:border-box !important; } body.bp-user #buddypress .profile-fields td.label{ color:#ff9b70 !important; font-weight:900 !important; border-bottom: 1px solid rgba( 255, 255, 255, .10 ) !important; } body.bp-user #buddypress .profile-fields td.data{ color:#d98b50 !important; } } /* ========================================================= BUDDYPRESS SZÁMLÁLÓK PDR Tagok, Ismerősök, Említések, Értesítések. ========================================================= */ body.buddypress #buddypress .bp-navs span.count, body.buddypress #buddypress .item-list-tabs span.count, body.buddypress #buddypress span.bp-count, body.buddypress #buddypress span[class*="count"], body.buddypress .buddypress-wrap .bp-navs span.count, body.buddypress .buddypress-wrap .item-list-tabs span.count{ min-width:22px !important; width:auto !important; height:22px !important; min-height:22px !important; margin-left:6px !important; padding:0 6px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; vertical-align:middle !important; border: 1px solid rgba( 255, 117, 48, .75 ) !important; border-radius:999px !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; background: linear-gradient( 180deg, #e46530, #9f341b ) !important; background-image: linear-gradient( 180deg, #e46530, #9f341b ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 2px 6px rgba(0,0,0,.35) !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; text-shadow: 0 1px 2px rgba(0,0,0,.85) !important; opacity:1 !important; visibility:visible !important; } /* ========================================================= USER SWITCHING – SWITCH TO A plugin saját fehér szülőkonténereit is nullázzuk. ========================================================= */ #buddypress .pdr-final-switch-parent, #buddypress .pdr-precision-switch-parent, #buddypress .user-switching-switch-to, #buddypress [class*="user-switching"]{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:7px 0 0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; outline:0 !important; background:transparent !important; background-image:none !important; box-shadow:none !important; overflow:visible !important; box-sizing:border-box !important; } #buddypress a.pdr-final-switch-to, #buddypress a.pdr-precision-switch-to, #buddypress a[href*="switch_to_user"], #buddypress a[href*="user-switching"]{ width:100% !important; max-width:100% !important; min-width:0 !important; min-height:33px !important; margin:0 !important; padding:0 12px !important; display:flex !important; align-items:center !important; justify-content:center !important; border: 1px solid rgba( 255, 109, 38, .72 ) !important; border-radius:9px !important; outline:0 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; background: linear-gradient( 180deg, #5d382c, #302022 56%, #121015 ) !important; background-image: linear-gradient( 180deg, #5d382c, #302022 56%, #121015 ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 14px rgba(0,0,0,.36) !important; font-size:11px !important; font-weight:900 !important; line-height:1 !important; text-align:center !important; text-decoration:none !important; text-shadow: 0 1px 2px rgba(0,0,0,.92) !important; opacity:1 !important; box-sizing:border-box !important; } /* ========================================================= TAGKÁRTYA ALSÓ FEHÉR SÁVJAINAK NULLÁZÁSA ========================================================= */ #buddypress #members-dir-list .action > div:has( a[href*="switch_to_user"] ), #buddypress #members-dir-list .action > p:has( a[href*="switch_to_user"] ), #buddypress #members-dir-list .action > span:has( a[href*="switch_to_user"] ){ margin:7px 0 0 !important; padding:0 !important; border:0 !important; background:transparent !important; background-image:none !important; box-shadow:none !important; } /* PDR PRECISION FIX END */ /* PDR BELL CENTER POSITION START */ @media (min-width:861px){ .pdr-header .pdr-header-inner{ display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:0 !important; column-gap:0 !important; } /* * A régi style.css 220 px minimumszélességet adott * a márkanév blokkjának. Ez okozta a nagy üres helyet * közvetlenül a „Party Dj Rádió” szöveg után. */ .pdr-header .pdr-brand{ order:1 !important; flex:0 0 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:0 !important; } .pdr-header .pdr-brand > a{ width:auto !important; min-width:0 !important; margin:0 !important; } /* * Bal oldalon 18 px, jobb oldalon 18 px. * Így a harang és profil valóban a márkanév és * a Hírfolyam gomb közé kerül. */ .pdr-header .pdr-actions{ order:2 !important; flex:0 0 auto !important; margin:0 18px !important; padding:0 !important; border:0 !important; display:flex !important; align-items:center !important; gap:8px !important; position:relative !important; } /* * Az elválasztó a bal oldali 18 px közepén áll. */ .pdr-header .pdr-actions::before{ content:"" !important; width:1px !important; height:28px !important; display:block !important; position:absolute !important; left:-9px !important; top:50% !important; transform:translateY(-50%) !important; background:rgba(255,255,255,.28) !important; border:0 !important; box-shadow:none !important; pointer-events:none !important; } .pdr-header .pdr-nav{ order:3 !important; flex:1 1 auto !important; min-width:0 !important; margin:0 !important; margin-left:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; } .pdr-header .pdr-nav > ul, .pdr-header .pdr-nav .menu{ margin-left:0 !important; justify-content:flex-start !important; } } /* PDR BELL CENTER POSITION END */ /* PDR BADGE LOCK CSS START */ /* * A mobilos túlhúzáskor megjelenő háttér sötét marad. * Görgetési és overflow szabály nincs módosítva. */ html, body{ background-color:#08080b !important; } /* * HARANG * * Ez a jelenlegi, már jól működő számlálóvédelem. * Változatlanul megmarad. */ .pdr-actions .pdr-notification-btn .pdr-badge[data-pdr-locked-count]{ font-size:0 !important; color:transparent !important; -webkit-text-fill-color:transparent !important; text-indent:0 !important; overflow:visible !important; } .pdr-actions .pdr-notification-btn .pdr-badge[data-pdr-locked-count]::after{ content:attr(data-pdr-locked-count) !important; display:inline-block !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; font-family:Arial,Helvetica,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:20px !important; text-align:center !important; text-indent:0 !important; text-shadow:0 1px 2px rgba(0,0,0,.9) !important; white-space:nowrap !important; opacity:1 !important; visibility:visible !important; } .pdr-actions .pdr-notification-btn .pdr-badge[data-pdr-locked-count]:not( [data-pdr-locked-count="0"] ){ display:flex !important; opacity:1 !important; visibility:visible !important; } .pdr-actions .pdr-notification-btn .pdr-badge[data-pdr-locked-count="0"]{ display:none !important; } /* * BUDDYPRESS MENÜSZÁMOK * * Nincs több ::after másolat. * Kizárólag a BuddyPress eredeti száma jelenik meg. */ body.buddypress #buddypress .bp-navs span.count, body.buddypress #buddypress .item-list-tabs span.count, body.buddypress #buddypress span.bp-count, body.buddypress .buddypress-wrap .bp-navs span.count, body.buddypress .buddypress-wrap .item-list-tabs span.count{ min-width:22px !important; width:auto !important; height:22px !important; min-height:22px !important; margin-left:6px !important; padding:0 6px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:1px solid rgba(255,255,255,.62) !important; border-radius:999px !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; background: linear-gradient( 180deg, #ff7437, #b93412 ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.23), 0 2px 6px rgba(0,0,0,.40) !important; font-family:Arial,Helvetica,sans-serif !important; font-size:11px !important; font-weight:900 !important; line-height:22px !important; text-align:center !important; text-indent:0 !important; text-shadow:0 1px 2px rgba(0,0,0,.90) !important; white-space:nowrap !important; opacity:1 !important; visibility:visible !important; overflow:visible !important; } /* * Régi attribútum esetén sem készül második szám. */ body.buddypress #buddypress [data-pdr-tab-count]{ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; font-size:11px !important; text-indent:0 !important; } body.buddypress #buddypress [data-pdr-tab-count]::after{ content:none !important; display:none !important; } /* PDR BADGE LOCK CSS END */