/* ========================================================================== KDF – mobilné doladenie (načítava sa ako posledné, len pre ≤767 px) Profil, skupiny, fóra, správy (Messenger UX), hlavička, dotykové ciele. ========================================================================== */ @media (max-width: 767px) { /* --- Globálne: žiadny vodorovný posuvník --- */ /* clip (na rozdiel od hidden) nevytvára scroll kontajner, takže nerozbije sticky/fixed prvky */ html, body { overflow-x: hidden; overflow-x: clip; max-width: 100%; } img, video, iframe, table { max-width: 100%; } #Content, .section_wrapper, #buddypress, #bbpress-forums { min-width: 0; } #bbpress-forums, #buddypress { overflow-wrap: anywhere; } input, select, textarea { font-size: 16px !important; } /* iOS nezoomuje pri fokuse */ /* --- Hlavička: rozmery a polohu hamburgera riadi Betheme; dotykovú plochu na 44×44 zväčšujeme len neviditeľným pseudo-prvkom, ktorý nemení layout --- */ #Top_bar .responsive-menu-toggle::after { content: ""; position: absolute; inset: -5px; } /* --- Profil: kompaktná hlavička --- */ #buddypress #item-header { padding: 12px 0 4px !important; } #buddypress #item-header-avatar img.avatar { width: 84px !important; height: 84px !important; } #buddypress #item-header .user-nicename { margin: 4px 0 !important; font-size: 13px; } #buddypress #item-header-content { display: flex; flex-direction: column; align-items: center; } #buddypress #item-header .member-header-actions, #buddypress #item-header .generic-button { width: 100%; } #buddypress #item-header .kdf-profile-actions, #buddypress #item-header .item-actions { display: flex; gap: 8px; justify-content: center; flex-wrap: nowrap; } #buddypress #item-header a.button, #buddypress #item-header .button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } /* --- Záložky profilu/skupiny: vodorovne posuvné, bez zalomenia --- */ #buddypress .bp-navs.main-navs ul, #buddypress #object-nav ul, #buddypress .bp-navs.bp-subnavs ul, #buddypress .bp-navs.dir-navs ul, #buddypress #subnav ul, #buddypress .bp-navs.group-create-links ul { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; width: 100% !important; border-radius: 0 !important; } #buddypress .bp-navs ul::-webkit-scrollbar { display: none; } #buddypress .bp-navs li { flex: 0 0 auto !important; scroll-snap-align: start; white-space: nowrap; } #buddypress .bp-navs li a { min-height: 44px; display: flex !important; align-items: center; white-space: nowrap; } #buddypress .bp-navs { position: relative; } /* jemný prechod na pravom okraji = „dá sa posúvať“ */ #buddypress .bp-navs.main-navs::after, #buddypress #object-nav::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 28px; background: linear-gradient(to right, rgba(255,255,255,0), var(--kdf-bg-light, #f1f3f6)); pointer-events: none; } /* --- Adresár skupín: tlačidlo „Vytvoriť skupinu“ nevyčnieva --- */ body #buddypress .bp-navs.dir-navs ul { gap: 4px !important; padding: 0 !important; margin: 0 !important; } body #buddypress .bp-navs.dir-navs li a { padding: 0 8px !important; } body #buddypress .bp-navs.dir-navs li#groups-create { margin-left: auto !important; } body #buddypress .bp-navs.dir-navs li#groups-create a { padding: 0 12px !important; font-size: 12px !important; } /* --- Karty skupín / členov: kompaktný riadok namiesto veľkých kariet --- */ /* zoznam je na desktope 2-stĺpcová mriežka */ body #buddypress ul#groups-list, body #buddypress ul#members-list { grid-template-columns: 1fr !important; } body #buddypress #groups-list li .list-wrap, body #buddypress #members-list li .list-wrap { display: grid !important; grid-template-columns: 64px minmax(0, 1fr); gap: 4px 14px; align-items: center; text-align: left !important; padding: 14px !important; } body #buddypress #groups-list li .item-avatar, body #buddypress #members-list li .item-avatar { grid-column: 1; grid-row: 1; align-self: start; margin: 0 !important; width: 64px !important; } body #buddypress #groups-list li .item-avatar img, body #buddypress #members-list li .item-avatar img { width: 64px !important; height: 64px !important; } body #buddypress #groups-list li .item, body #buddypress #members-list li .item { grid-column: 2; grid-row: 1; flex-direction: column; align-items: flex-start !important; text-align: left !important; margin: 0 !important; width: auto !important; } body #buddypress #groups-list li .group-details, body #buddypress #members-list li .item-meta { text-align: left !important; } body #buddypress #groups-list li .action, body #buddypress #members-list li .action, body #buddypress #members-list li .members-action-buttons { grid-column: 2; justify-content: flex-start !important; text-align: left !important; } body #buddypress #groups-list li .item-block, body #buddypress #members-list li .item-block { width: 100% !important; align-items: flex-start !important; text-align: left !important; } body #buddypress #groups-list li .list-title, body #buddypress #members-list li .list-title { font-size: 16px !important; margin: 0 0 2px !important; text-align: left !important; } body #buddypress #groups-list li .item-meta { margin: 0 !important; font-size: 12px; text-align: left !important; } body #buddypress #groups-list li .group-desc { width: 100% !important; text-align: left !important; margin: 4px 0 0 !important; } /* --- Bočné panely: pod obsah --- */ .with_aside .sections_group, .with_aside .four.columns.sidebar, .with_aside .sidebar { width: 100% !important; float: none !important; } .with_aside .sidebar { margin-top: 24px; } /* --- Aktivita: akčné tlačidlá ako dotykové ciele --- */ #buddypress .activity-list .activity-meta { display: flex; flex-wrap: nowrap; gap: 4px; } html body #buddypress .activity-list .activity-meta .button, html body #buddypress .activity-list .activity-meta button.button, html body #buddypress .activity-list .activity-meta .generic-button a, html body #buddypress .activity-list .activity-meta a { min-height: 44px !important; min-width: 44px !important; display: inline-flex !important; align-items: center; justify-content: center; } /* --- bbPress fóra --- */ #bbpress-forums ul.forum-titles, #bbpress-forums li.bbp-header .bbp-forum-topic-count, #bbpress-forums li.bbp-header .bbp-forum-reply-count, #bbpress-forums li.bbp-header .bbp-topic-voice-count, #bbpress-forums li.bbp-header .bbp-topic-reply-count { display: none; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; padding: 14px !important; } #bbpress-forums li.bbp-body ul > li { width: auto !important; float: none !important; text-align: left !important; padding: 0 !important; } #bbpress-forums .bbp-forum-info, #bbpress-forums .bbp-topic-title { grid-column: 1 / -1; } #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-freshness { grid-column: 1 / -1; font-size: 12px; } #bbpress-forums .bbp-forum-topic-count, #bbpress-forums .bbp-forum-reply-count, #bbpress-forums .bbp-topic-voice-count, #bbpress-forums .bbp-topic-reply-count { display: none; } #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author { float: none !important; width: 100% !important; display: flex; align-items: center; gap: 10px; text-align: left !important; margin: 0 0 8px !important; } #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar { width: 40px !important; height: 40px !important; margin: 0 !important; } #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content { margin: 0 !important; padding: 0 !important; } /* konverzácia v téme: kompaktnejšie príspevky (hlavička na 1 riadok, autor vedľa avatara) */ #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-topic-header { padding: 6px 12px !important; margin: 0 0 10px !important; } #bbpress-forums .bbp-reply-header .bbp-meta, #bbpress-forums .bbp-topic-header .bbp-meta { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 0 !important; } #bbpress-forums .bbp-meta .bbp-reply-permalink, #bbpress-forums .bbp-meta .bbp-topic-permalink { order: 3; margin-left: auto !important; float: none !important; } #bbpress-forums .bbp-meta .bbp-admin-links { order: 2; float: none !important; margin: 0 !important; } #bbpress-forums ul.forums li.bbp-body > div, #bbpress-forums .bbp-replies > li > div { margin: 0 !important; } #bbpress-forums div.reply, #bbpress-forums div.topic { padding: 10px 12px !important; margin: 0 !important; } #bbpress-forums div.bbp-reply-author br, #bbpress-forums div.bbp-topic-author br { display: none; } #bbpress-forums div.bbp-reply-author .bbp-author-name, #bbpress-forums div.bbp-topic-author .bbp-author-name, #bbpress-forums div.bbp-reply-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role { margin: 0 !important; padding: 0 !important; line-height: 1.2; } #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar { width: 34px !important; height: 34px !important; } /* meno zarovnané na stred s fotkou (avatar aj meno sú v jednom odkaze .bbp-author-link) */ #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author { gap: 8px !important; padding: 6px 0 !important; margin: 0 0 8px !important; min-height: 0 !important; height: auto !important; overflow: visible !important; } /* bbPress (pod 480 px) dáva fotke position:absolute a menu padding-left -> prekrývanie */ #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar { position: static !important; top: auto !important; left: auto !important; flex-shrink: 0; display: block !important; border-radius: 50% !important; } #bbpress-forums div.bbp-reply-author .bbp-author-link, #bbpress-forums div.bbp-topic-author .bbp-author-link { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; } #bbpress-forums div.bbp-reply-author :is(.bbp-author-avatar, .bbp-author-name, .bbp-author-role), #bbpress-forums div.bbp-topic-author :is(.bbp-author-avatar, .bbp-author-name, .bbp-author-role) { display: inline-flex !important; align-items: center; margin: 0 !important; padding: 0 !important; position: static !important; top: auto !important; float: none !important; } #bbpress-forums fieldset.bbp-form { padding: 14px !important; margin: 0 !important; } #bbpress-forums fieldset.bbp-form input[type="text"], #bbpress-forums fieldset.bbp-form select, #bbpress-forums .wp-editor-area, #bbpress-forums textarea { width: 100% !important; box-sizing: border-box; } #bbpress-forums .wp-editor-area, #bbpress-forums textarea { min-height: 140px; } #bbpress-forums .quicktags-toolbar input.button { min-width: 40px; min-height: 40px; margin: 2px !important; } #bbpress-forums .bbp-submit-wrapper { float: none !important; display: flex; justify-content: flex-end; } #bbpress-forums .bbp-submit-wrapper button { min-height: 44px; padding: 0 24px !important; } #bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } /* ====================================================================== SPRÁVY – zoznam (inbox): žiadny náhľad pod zoznamom ====================================================================== */ body.my-messages #buddypress #thread-preview { display: none !important; } body.my-messages #buddypress .bp-messages-content, body.my-messages #buddypress .bp-messages-content > div { min-height: 0 !important; max-height: none !important; height: auto !important; } body.my-messages #buddypress ul.message-lists { max-height: none !important; border: 0; } body.my-messages #buddypress #subsubnav, body.my-messages #buddypress #subsubnav ul { height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 0 10px !important; background: none !important; box-shadow: none !important; border: 0 !important; } body.my-messages #buddypress #subsubnav li.user-messages-search { margin: 0 !important; } body.my-messages #buddypress ul.message-lists li.thread-item { padding: 12px 14px !important; } body.my-messages #buddypress ul.message-lists .thread-content { min-width: 0; } body.my-messages #buddypress ul.message-lists .excerpt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* V správach netreba veľkú hlavičku profilu */ body.bp-user.my-messages #buddypress #item-header.users-header, body.bp-user.my-messages #buddypress #item-header { display: none !important; } /* style.css dáva filtrom flex-basis 280px – v stĺpci by to bola výška */ body #buddypress #item-body .subnav-filters > ul, body #buddypress .subnav-filters > ul { flex: 0 0 auto !important; } /* ====================================================================== SPRÁVY – konverzácia: celá obrazovka ako Messenger ====================================================================== */ body.my-messages.view { overflow: hidden; } body.my-messages.view #buddypress .bp-messages-content > div { position: fixed !important; inset: 0; z-index: 9990; display: flex !important; flex-direction: column; height: 100vh !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff; } body.my-messages.view #buddypress .bp-messages-content { border: 0 !important; } /* horná lišta */ body.my-messages.view #buddypress #bp-message-thread-header { flex: 0 0 auto; display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 8px !important; padding: 8px 10px !important; padding-top: calc(8px + env(safe-area-inset-top)) !important; border-radius: 0 !important; box-shadow: 0 1px 0 var(--kdf-border, #e5e7eb); } body.my-messages.view #buddypress #bp-message-thread-header > div { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap !important; gap: 8px !important; } body.my-messages.view #buddypress #bp-message-thread-header #message-subject { order: 2 !important; flex: 1 1 auto !important; min-width: 0; font-size: 16px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.my-messages.view #buddypress #bp-message-thread-header .single-message-thread-header { order: 1 !important; flex: 0 0 auto !important; width: auto !important; flex-wrap: nowrap !important; } body.my-messages.view #buddypress #bp-message-thread-header dl.thread-participants dt { display: none; } body.my-messages.view #buddypress #bp-message-thread-header .participants-list img.avatar { width: 36px !important; height: 36px !important; } body.my-messages.view #buddypress #bp-message-thread-header .actions { order: 3; } body.my-messages.view #buddypress #bp-message-thread-header .actions button, body.my-messages.view #buddypress #bp-message-thread-header .actions a { width: 44px !important; height: 44px !important; } .kdf-m-back { flex: 0 0 44px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--kdf-text, #1f2937) !important; text-decoration: none !important; } .kdf-m-back:active { background: var(--kdf-bg-light, #f1f3f6); } .kdf-m-back svg { width: 24px; height: 24px; } /* zoznam bublín */ body.my-messages.view #buddypress #bp-message-thread-list { flex: 1 1 auto; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 12px 10px !important; gap: 6px !important; background: #fff; } body.my-messages.view #buddypress #bp-message-thread-list li { max-width: 82% !important; width: auto !important; gap: 2px !important; padding: 0 !important; margin: 0 !important; flex-direction: column; } body.my-messages.view #buddypress #bp-message-thread-list li.kdf-mine { align-self: flex-end; align-items: flex-end; } body.my-messages.view #buddypress #bp-message-thread-list li:not(.kdf-mine) { align-self: flex-start; align-items: flex-start; } /* metadáta: jeden tenký riadok, bez mena/avataru pri vlastných */ body.my-messages.view #buddypress #bp-message-thread-list .message-metadata { display: flex !important; align-items: center; gap: 6px !important; height: auto !important; min-height: 0 !important; padding: 0 4px !important; margin: 0 !important; font-size: 11px !important; line-height: 1.3; color: var(--kdf-text-light, #6b7280); background: none !important; border: 0 !important; } body.my-messages.view #buddypress #bp-message-thread-list .message-metadata .user-link { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; height: auto !important; } body.my-messages.view #buddypress #bp-message-thread-list .message-metadata img.avatar { width: 22px !important; height: 22px !important; margin: 0 !important; } body.my-messages.view #buddypress #bp-message-thread-list .message-metadata strong { font-size: 12px !important; white-space: nowrap; } body.my-messages.view #buddypress #bp-message-thread-list li.kdf-mine .message-metadata .user-link { display: none !important; } body.my-messages.view #buddypress #bp-message-thread-list .message-metadata time { height: auto !important; white-space: nowrap; } body.my-messages.view #buddypress #bp-message-thread-list .message-metadata .actions { display: none !important; } /* bubliny */ body.my-messages.view #buddypress #bp-message-thread-list .message-content { max-width: 100% !important; padding: 9px 14px !important; border-radius: 18px 18px 18px 6px !important; font-size: 15px; line-height: 1.4; overflow-wrap: anywhere; } body.my-messages.view #buddypress #bp-message-thread-list li.kdf-mine .message-content { border-radius: 18px 18px 6px 18px !important; } body.my-messages.view #buddypress #bp-message-thread-list .message-content img { border-radius: 12px; height: auto; } /* odpoveď prilepená dole */ body.my-messages.view #buddypress #send-reply { flex: 0 0 auto; padding: 8px 10px !important; padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important; background: #fff !important; } body.my-messages.view #buddypress #send-reply .message-content { flex-direction: row !important; align-items: flex-end; gap: 8px !important; } body.my-messages.view #buddypress #send-reply .message-box { padding: 0 !important; } body.my-messages.view #buddypress #send-reply .message-content > #bp-message-content { flex: 1 1 auto !important; width: auto !important; min-width: 0; } body.my-messages.view #buddypress #send-reply .message-content > .submit { flex: 0 0 44px !important; width: 44px !important; margin: 0 !important; } /* TinyMCE: len jednoriadkové pole bez panelov */ body.my-messages.view #buddypress #send-reply .mce-tinymce { border: 0 !important; box-shadow: none !important; background: var(--kdf-bg-light, #f1f3f6) !important; border-radius: 22px !important; overflow: hidden; } body.my-messages.view #buddypress #send-reply .mce-top-part, body.my-messages.view #buddypress #send-reply .mce-menubar, body.my-messages.view #buddypress #send-reply .mce-statusbar { display: none !important; } body.my-messages.view #buddypress #send-reply .mce-edit-area iframe { height: 44px !important; min-height: 44px; max-height: 120px; } body.my-messages.view #buddypress #send-reply .quicktags-toolbar, body.my-messages.view #buddypress #send-reply .mce-toolbar-grp, body.my-messages.view #buddypress #send-reply .medium-editor-toolbar, body.my-messages.view #buddypress #send-reply .wp-editor-tools, body.my-messages.view #buddypress #send-reply .bp-messages-content-label { display: none !important; } body.my-messages.view #buddypress #send-reply .wp-editor-wrap, body.my-messages.view #buddypress #send-reply .wp-editor-container { border: 0 !important; border-radius: 22px !important; } body.my-messages.view #buddypress #send-reply .wp-editor-area, body.my-messages.view #buddypress #send-reply textarea, body.my-messages.view #buddypress #send-reply [contenteditable] { min-height: 44px !important; max-height: 120px; padding: 11px 16px !important; background: var(--kdf-bg-light, #f1f3f6) !important; border-radius: 22px !important; resize: none; } body.my-messages.view #buddypress #send-reply #send_reply_button { width: 44px !important; height: 44px !important; min-height: 0; padding: 0 !important; border-radius: 50% !important; font-size: 0 !important; color: transparent !important; background: var(--kdf-teal, #14b8a6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3.4 20.4 21 12 3.4 3.6 3.4 10l12.6 2-12.6 2z'/%3E%3C/svg%3E") center / 20px no-repeat !important; } /* plávajúce chatovacie okienka nemajú na mobile v konverzácii čo robiť */ body.my-messages.view .kdf-chat-dock, body.my-messages.view #Header_wrapper, body.my-messages.view #Top_bar, body.my-messages.view #Footer { display: none !important; } /* ====================================================================== Nová správa (compose) ====================================================================== */ #buddypress #send_message_form .submit { flex-direction: column-reverse; } #buddypress #send_message_form .submit input, #buddypress #send_message_form .submit button { width: 100% !important; min-height: 44px; } /* ====================================================================== Profil v rozložení Instagramu: avatar vľavo, štatistiky vpravo, meno a bio pod nimi, tlačidlá v riadku, mriežka fotiek 3 v rade až do krajov ====================================================================== */ html body #buddypress #item-header.users-header { display: grid !important; grid-template-columns: 86px 1fr; grid-template-areas: "av nick" "av stats" "bio bio" "meta meta" "act act"; column-gap: 20px; row-gap: 2px; align-items: center; padding: 14px 16px 10px !important; text-align: left !important; } html body #buddypress #item-header.users-header #item-header-content { display: contents !important; } html body #buddypress #item-header.users-header #item-header-avatar { grid-area: av; margin: 0 !important; } html body #buddypress #item-header.users-header #item-header-avatar img.avatar { width: 86px !important; height: 86px !important; margin: 0 !important; } html body #buddypress #item-header.users-header .user-nicename { grid-area: nick; align-self: end; margin: 0 0 4px !important; font-size: 17px !important; font-weight: 700 !important; text-align: left !important; } html body #buddypress #item-header.users-header .kdf-profile-stats { grid-area: stats; align-self: start; display: flex !important; justify-content: space-between; gap: 8px; margin: 0 !important; } html body #buddypress #item-header.users-header .kdf-profile-stats a { display: flex; flex-direction: column; align-items: flex-start; text-align: left; } html body #buddypress #item-header.users-header .kdf-profile-stats strong { font-size: 17px; line-height: 1.2; } html body #buddypress #item-header.users-header .kdf-profile-stats span { font-size: 13px; } html body #buddypress #item-header.users-header .kdf-profile-bio { grid-area: bio; margin: 10px 0 0 !important; text-align: left !important; width: auto !important; } html body #buddypress #item-header.users-header .kdf-profile-bio .kdf-profile-name { margin: 0 !important; font-size: 15px !important; font-weight: 600 !important; text-align: left !important; } html body #buddypress #item-header.users-header .kdf-profile-bio p { margin: 2px 0 0 !important; font-size: 14px; text-align: left !important; } html body #buddypress #item-header.users-header .item-meta { grid-area: meta; margin: 2px 0 0 !important; text-align: left !important; font-size: 12px; } html body #buddypress #item-header.users-header .member-header-actions { grid-area: act; margin: 10px 0 0 !important; width: 100%; } html body #buddypress #item-header.users-header .member-header-actions:empty { display: none; } html body #buddypress #item-header.users-header .member-header-actions, html body #buddypress #item-header.users-header .kdf-profile-actions { display: flex !important; gap: 6px; flex-wrap: nowrap; justify-content: stretch; } html body #buddypress #item-header.users-header .member-header-actions > *, html body #buddypress #item-header.users-header .kdf-profile-actions > * { flex: 1 1 0; min-width: 0; margin: 0 !important; } html body #buddypress #item-header.users-header a.button, html body #buddypress #item-header.users-header .button { width: 100%; min-height: 36px !important; padding: 0 8px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* mriežka fotiek: 3 stĺpce, 2px medzery, cez celú šírku obrazovky */ html body #buddypress ul.rtmedia-list.rtm-gallery-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 2px !important; width: 100vw !important; max-width: none !important; margin: 0 0 0 calc(50% - 50vw) !important; padding: 0 !important; } html body #buddypress ul.rtmedia-list.rtm-gallery-list > li.rtmedia-list-item { width: auto !important; height: auto !important; aspect-ratio: 1 / 1; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body #buddypress ul.rtmedia-list.rtm-gallery-list > li.rtmedia-list-item a, html body #buddypress ul.rtmedia-list.rtm-gallery-list .rtmedia-item-thumbnail { width: 100% !important; height: 100% !important; border-radius: 0 !important; } html body #buddypress ul.rtmedia-list.rtm-gallery-list .rtmedia-item-thumbnail img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; } /* --- Kompaktný profil: avatar | @meno + štatistiky, pod tým meno, bio, aktivita, tlačidlá --- */ html body.bp-user #buddypress #item-header.users-header { /* body.bp-user: style.css (body.bp-user ...) má inak vyššiu špecificitu */ grid-template-columns: 86px 1fr !important; grid-template-areas: none !important; column-gap: 20px !important; row-gap: 0 !important; padding: 12px 4px 6px !important; /* + 12px .kdf-feed = 16px, rovnaká ľavá línia ako záložky */ margin: 0 !important; } html body #buddypress #item-header.users-header .kdf-profile-bio { display: contents !important; } html body #buddypress #item-header.users-header #item-header-avatar { grid-area: 1 / 1 / 4 / 2 !important; } html body #buddypress #item-header.users-header .user-nicename { grid-area: 1 / 2 / 2 / 3 !important; } /* rola (napr. Vedenie klubu) tesne pod @menom */ html body #buddypress #item-header.users-header .bp-member-type-list { grid-area: 2 / 2 / 3 / 3 !important; align-self: start !important; justify-self: start !important; margin: -2px 0 6px !important; padding-left: 1.53em !important; /* šírka „@“ pri 17px nicku → zarovnané s prvým písmenom mena */ font-size: 12px !important; line-height: 1.2 !important; } html body #buddypress #item-header.users-header .bp-member-type-list a::before { content: none !important; } html body #buddypress #item-header.users-header .kdf-profile-stats { grid-area: 3 / 2 / 4 / 3 !important; } html body #buddypress #item-header.users-header .kdf-profile-name { grid-area: 4 / 1 / 5 / 3 !important; margin: 10px 0 0 !important; } html body #buddypress #item-header.users-header .kdf-profile-bio > p { grid-area: 5 / 1 / 6 / 3 !important; margin: 0 !important; line-height: 1.4 !important; } html body #buddypress #item-header.users-header .kdf-profile-bio:not(:has(.kdf-profile-name)) > p { margin-top: 10px !important; } html body #buddypress #item-header.users-header .item-meta { grid-area: 6 / 1 / 7 / 3 !important; display: block !important; margin: 2px 0 0 !important; padding: 0 !important; line-height: 1.3 !important; color: #8a8f93; } html body #buddypress #item-header.users-header .item-meta * { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; text-align: left !important; } html body #buddypress #item-header.users-header .kdf-profile-actions { grid-area: 7 / 1 / 8 / 3 !important; margin: 10px 0 0 !important; display: flex !important; gap: 6px !important; } html body #buddypress #item-header.users-header .member-header-actions { grid-area: 8 / 1 / 9 / 3 !important; } html body #buddypress #item-header.users-header .member-header-actions:not(:has(*)) { display: none !important; } html body #buddypress #item-header.users-header .kdf-profile-name, html body #buddypress #item-header.users-header .kdf-profile-bio > p, html body #buddypress #item-header.users-header .item-meta { text-align: left !important; justify-self: stretch !important; width: auto !important; } /* tlačidlá profilu: svetlosivé, bez okraja, nízke (Instagram) */ html body #buddypress #item-header.users-header .kdf-profile-actions > * { flex: 1 1 0; min-width: 0; margin: 0 !important; } html body #buddypress #item-header.users-header .kdf-profile-actions a, html body #buddypress #item-header.users-header a.button, html body #buddypress #item-header.users-header .button { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: 100% !important; min-height: 32px !important; height: 32px !important; padding: 6px 12px !important; border: 0 !important; border-radius: 8px !important; background: #e4e6e9 !important; color: #1b1d1f !important; box-shadow: none !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html body #buddypress #item-header.users-header .kdf-profile-actions a:active { background: #d8dbdf !important; } /* cudzí profil: Zrušiť priateľstvo / Verejná správa / Súkromná správa - tri rovnaké tlačidlá v riadku */ html body #buddypress #item-header.users-header .member-header-actions { display: flex !important; gap: 6px !important; margin: 10px 0 0 !important; padding: 0 !important; width: 100% !important; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > a, html body #buddypress #item-header.users-header .member-header-actions > .generic-button > button { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; width: 100% !important; height: 32px !important; min-height: 32px !important; margin: 0 !important; padding: 0 6px !important; box-sizing: border-box !important; border: 0 !important; border-radius: 8px !important; background: #e4e6e9 !important; color: #1b1d1f !important; box-shadow: none !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html body #buddypress #item-header.users-header .member-header-actions > #send-private-message > a { background: #0097b2 !important; color: #fff !important; } /* krátke popisy ako Instagram (celý text ostáva v title tlačidla) */ html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .friendship-button, html body #buddypress #item-header.users-header .member-header-actions > #post-mention > a, html body #buddypress #item-header.users-header .member-header-actions > #send-private-message > a { font-size: 0 !important; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .friendship-button::after { content: "Priateľstvo"; font-size: 13px; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .is_friend::after { content: "Priatelia ✓"; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .not_friends::after { content: "Pridať"; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .pending_friend::after { content: "Čaká sa"; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .awaiting_response_friend::after { content: "Potvrdiť"; } html body #buddypress #item-header.users-header .member-header-actions > #post-mention > a::after { content: "Zmienka"; font-size: 13px; } html body #buddypress #item-header.users-header .member-header-actions > #send-private-message > a::after { content: "Správa"; font-size: 13px; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > a::after, html body #buddypress #item-header.users-header .member-header-actions > .generic-button > button::after { line-height: 1 !important; display: block; } /* vlastný profil: prázdny kontajner akcií nesmie robiť medzeru (vyššia špecificita než display:flex vyššie) */ html body #buddypress #item-header.users-header .member-header-actions.action:not(:has(*)) { display: none !important; } html body #buddypress #item-header.users-header .kdf-profile-actions svg { width: 14px !important; height: 14px !important; } /* Upraviť profil | Zdieľať profil | ⚙ - dve rovnaké tlačidlá + úzke koliesko */ html body #buddypress #item-header.users-header .kdf-profile-actions { flex-wrap: nowrap !important; } html body #buddypress #item-header.users-header .kdf-profile-actions button.kdf-share-profile-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: 100% !important; min-height: 32px !important; height: 32px !important; padding: 6px 12px !important; border: 0 !important; border-radius: 8px !important; background: #e4e6e9 !important; color: #1b1d1f !important; box-shadow: none !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap; overflow: hidden; } html body #buddypress #item-header.users-header .kdf-profile-actions button.kdf-share-profile-btn:active { background: #d8dbdf !important; } html body #buddypress #item-header.users-header .kdf-profile-actions .kdf-share-profile-btn .dashicons { display: none; } /* na mobile len text ako Instagram */ html body #buddypress #item-header.users-header .kdf-profile-actions > .kdf-settings-btn { flex: 0 0 40px !important; width: 40px !important; padding: 0 !important; } /* cudzí profil: ikona Zdieľať na konci riadku Priatelia / Zmienka / Správa (rovnaká bunka mriežky) */ html body #buddypress #item-header.users-header .kdf-profile-actions--share { grid-area: 8 / 1 / 9 / 3 !important; justify-self: end !important; align-self: start !important; width: 40px !important; margin: 10px 0 0 !important; z-index: 1; } html body #buddypress #item-header.users-header:has(.kdf-profile-actions--share) .member-header-actions { padding-right: 46px !important; box-sizing: border-box !important; } html body #buddypress #item-header.users-header .kdf-profile-actions--share > button.kdf-share-profile-btn { flex: 0 0 40px !important; width: 40px !important; padding: 0 !important; } html body #buddypress #item-header.users-header .kdf-profile-actions--share .kdf-share-profile-btn .dashicons { display: block; } html body #buddypress #item-header.users-header .kdf-profile-actions--share .kdf-share-profile-btn > span:not(.dashicons) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* záložky, podzáložky a "Nahrať" v jednom riadku tesne nad mriežkou */ html body.bp-user #buddypress #object-nav { margin: 0 !important; } html body.bp-user #buddypress #item-body { position: relative; padding: 0 4px !important; } /* 12 + 4 = 16px ľavá línia */ html body.bp-user #buddypress #subnav { margin: 0 0 2px !important; padding: 0 !important; } html body.bp-user #buddypress #subnav ul { display: flex !important; justify-content: flex-start !important; gap: 0 !important; margin: 0 !important; } html body.bp-user #buddypress #subnav li { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; } html body.bp-user #buddypress #subnav li a { padding-left: 6px !important; padding-right: 6px !important; font-size: 14px !important; } html body.bp-user #buddypress #subnav li:first-child a { padding-left: 0 !important; } html body.bp-user #buddypress #rtm-gallery-title-container { position: absolute; top: 4px; right: 4px; left: auto; width: auto !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; border: 0 !important; z-index: 2; } html body.bp-user #buddypress #rtm-gallery-title-container .rtm-gallery-title { display: none !important; } html body.bp-user #buddypress #rtm-media-options a, html body.bp-user #buddypress #rtm-media-options button { min-height: 34px !important; height: 34px !important; padding: 0 10px !important; font-size: 13px !important; } /* "Nahrať" len ikona, aby ozubené koliesko neprekrývalo podzáložky; podzáložky si rezervujú miesto vpravo */ html body.bp-user #buddypress #rtm-media-options #rtm_show_upload_ui { font-size: 0 !important; width: 34px !important; padding: 0 !important; justify-content: center; gap: 0 !important; } html body.bp-user #buddypress #rtm-media-options button.clicker { width: 34px !important; padding: 0 !important; justify-content: center; } html body.bp-user #buddypress #subnav ul { padding-right: 84px !important; } /* albumy: 2 stĺpce vnútri obsahu (nie cez celú šírku), názov pod obrázkom nesmie pretiecť do "Načítať ďalšie" */ html body #buddypress ul.rtmedia-list.rtmedia-album-list.rtmedia-album-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; margin: 0 !important; } html body #buddypress ul.rtmedia-list.rtmedia-album-list.rtmedia-album-list > li.rtmedia-list-item { aspect-ratio: auto; min-width: 0; } html body #buddypress ul.rtmedia-list.rtmedia-album-list.rtmedia-album-list > li.rtmedia-list-item > a { height: auto !important; } html body #buddypress ul.rtmedia-list.rtmedia-album-list.rtmedia-album-list .rtmedia-item-thumbnail { height: auto !important; aspect-ratio: 1 / 1; border-radius: 12px !important; overflow: hidden; } html body #buddypress ul.rtmedia-list.rtmedia-album-list.rtmedia-album-list .rtmedia-item-title h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } /* ========================================================================== Tablet a desktop (≥ 768 px): kompaktné tlačidlá profilu v jednom riadku (Instagram) ========================================================================== */ @media (min-width: 768px) { html body #buddypress #item-header .kdf-profile-actions { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; margin: 12px 0 0 !important; } html body #buddypress #item-header .kdf-profile-actions > .kdf-edit-profile, html body #buddypress #item-header .kdf-profile-actions > button.kdf-share-profile-btn { flex: 0 1 auto !important; min-width: 0; min-height: 32px !important; height: 32px !important; padding: 0 16px !important; margin: 0 !important; font-size: 13px !important; border-radius: 8px !important; } html body #buddypress #item-header .kdf-profile-actions > .kdf-settings-btn { flex: 0 0 32px !important; width: 32px !important; padding: 0 !important; } html body #buddypress #item-header .kdf-profile-actions .dashicons { font-size: 15px !important; width: 15px !important; height: 15px !important; } } /* Cudzí profil (≥ 768 px): Priatelia | Zmienka | Správa | Zdieľať v JEDNOM kompaktnom riadku pod bio. */ @media (min-width: 768px) { html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; align-content: flex-start; column-gap: 0 !important; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) > * { flex: 0 0 100%; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .kdf-profile-bio { display: contents !important; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .user-nicename { order: 1 !important; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .kdf-profile-stats { order: 2 !important; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .kdf-profile-name { order: 3 !important; flex: 0 0 100%; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .kdf-profile-bio > p { order: 4 !important; flex: 0 0 100%; margin-bottom: 0 !important; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .member-header-actions { order: 5 !important; flex: 0 1 auto !important; width: auto !important; display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; margin: 12px 8px 0 0 !important; padding: 0 !important; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .member-header-actions > .generic-button { display: flex !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .member-header-actions > .generic-button > a, html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .member-header-actions > .generic-button > button { min-height: 32px !important; height: 32px !important; padding: 0 14px !important; margin: 0 !important; font-size: 0 !important; border-radius: 8px !important; white-space: nowrap; /* text dodá ::after nižšie */ } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .kdf-profile-actions--share { order: 6 !important; flex: 0 0 auto !important; width: auto !important; margin: 12px 0 0 !important; } /* ikona bez textu - riadok ostane krátky */ html body #buddypress #item-header.users-header .kdf-profile-actions--share > button.kdf-share-profile-btn { width: 32px !important; padding: 0 !important; } html body #buddypress #item-header.users-header .kdf-profile-actions--share .kdf-share-profile-btn > span:not(.dashicons) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } html body #buddypress #item-header.users-header #item-header-content:has(.kdf-profile-actions--share) .item-meta { order: 7 !important; margin-top: 6px !important; } /* krátke popisy ako na mobile (celý text ostáva v title), aby sa riadok nezalamoval */ html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .friendship-button, html body #buddypress #item-header.users-header .member-header-actions > #post-mention > a, html body #buddypress #item-header.users-header .member-header-actions > #send-private-message > a { font-size: 0 !important; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .friendship-button::after, html body #buddypress #item-header.users-header .member-header-actions > #post-mention > a::after, html body #buddypress #item-header.users-header .member-header-actions > #send-private-message > a::after { font-size: 13px; line-height: 1; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .friendship-button::after { content: "Priateľstvo"; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .is_friend::after { content: "Priatelia ✓"; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .not_friends::after { content: "Pridať"; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .pending_friend::after { content: "Čaká sa"; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .awaiting_response_friend::after { content: "Potvrdiť"; } html body #buddypress #item-header.users-header .member-header-actions > #post-mention > a::after { content: "Zmienka"; } html body #buddypress #item-header.users-header .member-header-actions > #send-private-message > a::after { content: "Správa"; } } /* Priateľstvo počas AJAX (všetky breakpointy): BP Nouveau točí ::after, kde máme krátky popis – točil by sa celý text. */ html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .friendship-button.loading { opacity: .7 !important; cursor: progress !important; pointer-events: none; } html body #buddypress #item-header.users-header .member-header-actions > .generic-button > .friendship-button.loading::after { content: "…" !important; animation: none !important; transform: none !important; font-family: inherit !important; font-size: 13px; line-height: 1; } /* ========================================================================== KDF – Príspevky a komentáre: kompaktné zjednotenie (všetky breakpointy) Nástenka, profil, skupiny + diskusia v detaile udalosti (kdf-ev-*). Blok je mimo mobilného @media vyššie – platí aj pre tablet/desktop. ========================================================================== */ /* --- 1) Formulár nového príspevku (#whats-new-form.activity-form) --- */ html body #buddypress #whats-new-form.activity-form { gap: 10px 12px !important; } html body #buddypress #whats-new-form.activity-form > * { min-width: 0; max-width: 100%; box-sizing: border-box; } html body #buddypress #whats-new-form.activity-form #whats-new-textarea { margin: 0 !important; } /* avatar presne na stred riadku s textom (obal bez nadbytočnej výšky riadku) */ html body #buddypress #whats-new-form.activity-form #whats-new-avatar { display: flex; align-items: center; height: auto !important; line-height: 0; } html body #buddypress #whats-new-form.activity-form #whats-new-avatar a { display: block; line-height: 0; } html body #buddypress #whats-new-form.activity-form-expanded #whats-new { height: 84px !important; min-height: 84px !important; max-height: 40vh; padding: 8px 12px !important; resize: vertical; } html body #buddypress #whats-new-form.activity-form .kdf-pe { margin: 8px 0 0 !important; } /* Anketa sa ukáže až po rozbalení formulára (spolu s Fotkou a tlačidlami) */ html body #buddypress #whats-new-form.activity-form:not(.activity-form-expanded) .kdf-pe { display: none !important; } html body #buddypress #whats-new-form.activity-form .kdf-pe-toggle { height: 34px !important; min-height: 34px !important; padding: 0 12px !important; font-size: 13px !important; border-radius: 999px !important; } /* lišta "Pridať k príspevku · Fotka · súkromie" – jeden riadok, nikdy nepreteká */ html body #buddypress #whats-new-form.activity-form .rtmedia-uploader-div { flex: 1 1 100% !important; width: 100% !important; margin: 0 !important; padding: 6px 8px 6px 14px !important; border: 1px solid #e4e6eb !important; border-radius: 12px !important; background: none !important; box-shadow: none !important; } html body #buddypress #whats-new-form.activity-form .rtmedia-plupload-container { display: flex !important; width: 100% !important; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 0 !important; } html body #buddypress #whats-new-form.activity-form #rtmedia-action-update { flex: 0 0 auto; justify-content: flex-start; gap: 8px; } html body #buddypress #whats-new-form.activity-form #rtSelectPrivacy { flex: 1 1 160px; width: auto !important; min-width: 0; max-width: 100%; height: 36px !important; margin: 0 !important; font-size: 14px !important; } /* "Uverejniť v" + tlačidlá */ html body #buddypress #whats-new-form.activity-form #whats-new-options { flex: 1 1 100% !important; display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; } html body #buddypress #whats-new-form.activity-form #whats-new-post-in-box { flex: 1 1 200px !important; } html body #buddypress #whats-new-form.activity-form #whats-new-post-in-box select { width: 100% !important; height: 38px !important; margin: 0 !important; font-size: 14px !important; } html body #buddypress #whats-new-form.activity-form #whats-new-submit { flex: 0 0 auto !important; display: flex !important; flex-direction: row-reverse; align-items: center; gap: 6px; width: auto !important; margin: 0 0 0 auto !important; } html body #buddypress #whats-new-form.activity-form #aw-whats-new-submit, html body #buddypress #whats-new-form.activity-form #aw-whats-new-reset { flex: 0 0 auto !important; width: auto !important; height: 38px !important; min-height: 38px !important; line-height: 38px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 999px !important; font-size: 14px !important; } /* --- 2) Akcie pod príspevkom: súkromie v jednom riadku s ikonami --- */ html body #buddypress .activity-list .activity-meta.action { display: flex !important; flex-wrap: nowrap; align-items: center; gap: 4px 6px; } html body #buddypress .activity-list .activity-meta .rtm-activity-privacy-opt { order: 9; flex: 0 1 auto; width: auto !important; max-width: 150px !important; height: 32px !important; min-height: 32px !important; margin: 0 0 0 auto !important; padding: 0 26px 0 10px !important; border: 0 !important; border-radius: 999px !important; background-color: #f0f2f5 !important; font-size: 12px !important; color: #65676b !important; text-overflow: ellipsis; } /* hlavička príspevku: BP Nouveau dáva width:80 %, takže "meno zverejnil(a) príspevok" sa zbytočne zalamovalo */ html body #buddypress .activity-list .activity-item .activity-header { width: auto !important; max-width: 100%; min-width: 0; } /* --- 3) Komentáre (BP) – rovnaký štýl ako diskusia udalostí --- */ html body #buddypress .activity-list .activity-comments > ul { margin: 6px 0 0 !important; padding: 0 !important; } html body #buddypress .activity-list .activity-comments li.comment-item { margin: 0 0 6px !important; padding: 0 0 0 40px !important; } html body #buddypress .activity-list .activity-comments li.comment-item > .acomment-avatar { top: 0 !important; } html body #buddypress .activity-list .activity-comments .acomment-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; font-size: 13px; line-height: 1.35; } html body #buddypress .activity-list .activity-comments .acomment-meta > a:first-child { font-weight: 600; color: var(--kdf-dark) !important; } html body #buddypress .activity-list .activity-comments .acomment-meta .activity-time-since, html body #buddypress .activity-list .activity-comments .acomment-meta time { font-size: 12px; color: #65676b !important; } html body #buddypress .activity-list .activity-comments .acomment-content { margin: 2px 0 0 !important; line-height: 1.45; overflow-wrap: anywhere; } /* komentár iba s fotkou: obal sa nesmie zmrštiť na 0 px */ html body #buddypress .activity-list .activity-comments .acomment-content:has(.rtmedia-list-item) { display: block !important; width: min(320px, 100%) !important; } html body #buddypress .activity-list .activity-comments .acomment-content:has(.rtmedia-list-item) .rtmedia-activity-container, html body #buddypress .activity-list .activity-comments .acomment-content:has(.rtmedia-list-item) .rtmedia-list { width: 100% !important; max-width: 100% !important; } html body #buddypress .activity-list .activity-comments li.comment-item > .activity-meta { display: flex !important; gap: 12px; margin: 0 !important; padding: 0 0 0 12px !important; } html body #buddypress .activity-list .activity-comments li.comment-item > .activity-meta .generic-button { margin: 0 !important; } html body #buddypress .activity-list .activity-comments li.comment-item > .activity-meta a { height: 28px !important; min-height: 28px !important; line-height: 28px !important; padding: 0 !important; font-size: 12px !important; background: none !important; } /* vnorené odpovede: menšie odsadenie, žiadne pretekanie */ html body #buddypress .activity-list .activity-comments li.comment-item ul { margin: 4px 0 0 !important; padding: 0 !important; } html body #buddypress .activity-list .activity-comments li.comment-item li.comment-item { padding-left: 32px !important; } html body #buddypress .activity-list .activity-comments li.comment-item li.comment-item > .acomment-avatar img { width: 24px !important; height: 24px !important; } html body #buddypress .activity-list .activity-comments li.comment-item li.comment-item li.comment-item { padding-left: 28px !important; } html body #buddypress .activity-list .activity-comments form.ac-form { margin: 8px 0 2px !important; } /* --- 4) Diskusia v detaile udalosti: rovnaké rozmery ako nástenka --- */ .kdf-ev-comment { margin: 0 0 6px !important; } .kdf-ev-comment-meta { gap: 12px; padding: 0 12px; } .kdf-ev-comment-meta button { min-height: 28px !important; } .kdf-ev-cform { margin: 8px 0 4px; padding-top: 10px; } /* --- Tablet + desktop: súkromie nezaberá celú lištu --- */ @media (min-width: 768px) { html body #buddypress #whats-new-form.activity-form #rtSelectPrivacy { flex: 0 1 280px; margin-left: auto !important; } } /* --- Mobil + tablet --- */ @media (max-width: 1023px) { html body #buddypress #whats-new-form.activity-form.activity-form { padding: 12px !important; gap: 8px 10px !important; } html body #buddypress #whats-new-form.activity-form #whats-new-avatar img { width: 36px !important; height: 36px !important; } } @media (max-width: 767px) { /* nadpis "Pridať k príspevku" skryť, nech sa Fotka + súkromie zmestia do riadku */ html body #buddypress #whats-new-form.activity-form #rtmedia-action-update::before { display: none !important; } html body #buddypress #whats-new-form.activity-form .rtmedia-uploader-div { padding: 4px !important; border: 0 !important; } html body #buddypress #whats-new-form.activity-form-expanded #whats-new { height: 72px !important; min-height: 72px !important; font-size: 16px !important; } html body #buddypress #whats-new-form.activity-form #whats-new-post-in-box { flex: 1 1 100% !important; } html body #buddypress #whats-new-form.activity-form #whats-new-submit { flex: 1 1 100% !important; width: 100% !important; } html body #buddypress #whats-new-form.activity-form #aw-whats-new-submit { flex: 1 1 auto !important; } html body #buddypress #whats-new-form.activity-form #aw-whats-new-submit, html body #buddypress #whats-new-form.activity-form #aw-whats-new-reset, html body #buddypress #whats-new-form.activity-form #rtSelectPrivacy, html body #buddypress #whats-new-form.activity-form #whats-new-post-in-box select, html body #buddypress #whats-new-form.activity-form #rtmedia-add-media-button-post-update { height: 40px !important; min-height: 40px !important; } html body #buddypress #whats-new-form.activity-form #rtSelectPrivacy, html body #buddypress #whats-new-form.activity-form #whats-new-post-in-box select, html body #buddypress .activity-list .activity-meta .rtm-activity-privacy-opt { font-size: 16px !important; } /* iOS nezoomuje */ html body #buddypress .activity-list .activity-meta .rtm-activity-privacy-opt { max-width: 112px !important; padding-right: 22px !important; } html body #buddypress .activity-list .activity-meta.action { gap: 4px 2px; } } /* ---- Infinite scroll: tlačidlo „Načítať ďalšie“ nahradené spinnerom ---- */ .kdf-is-trigger { position: relative; min-height: 48px; list-style: none; background: none !important; border: 0 !important; box-shadow: none !important; text-align: center; } .kdf-is-trigger > a, .kdf-is-trigger > button, a.kdf-is-trigger, .kdf-is-bbp > * { opacity: 0 !important; pointer-events: none; } a.kdf-is-trigger { display: block !important; color: transparent !important; background: none !important; border: 0 !important; } .kdf-is-hidden { display: none !important; } .kdf-is-trigger.kdf-is-loading::after { content: ""; position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; border: 2.5px solid rgba(0,0,0,.12); border-top-color: currentColor; border-radius: 50%; color: #888; animation: kdf-is-spin .7s linear infinite; } @keyframes kdf-is-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .kdf-is-trigger.kdf-is-loading::after { animation-duration: 2s; } } .kdf-is-end { list-style: none; width: 100%; flex-basis: 100%; grid-column: 1 / -1; padding: 22px 0 10px; text-align: center; font-size: 13px; color: #999; background: none !important; border: 0 !important; } /* --- audit: panely a okná nesmú pretiecť úzky displej --- */ html body .kdf-me-panel, html body .kdf-bell-panel { max-width: calc(100vw - 16px) !important; } html body .kdf-lb img { max-width: 100% !important; } /* lightbox a fotky nad chatom/PWA lištou; chat sa pri otvorenej fotke a vo vlákne správ skryje */ html body .mfp-wrap, html body .mfp-bg, html body .kdf-lb { z-index: 100050 !important; } html.kdf-lb-open body .kdf-chat-dock, html body.my-messages.view .kdf-chat-dock, html body.my-messages.view .kdf-pwa-bar { display: none !important; } @media (min-width: 768px) and (max-width: 1100px) { html body .kdf-chat-dock { max-width: calc(100vw - 32px); overflow: hidden; } } @media (min-width: 768px) and (max-width: 1024px) { html body .bp-messages-filters { width: clamp(260px, 35%, 350px) !important; } } @media (max-width: 767px) { html body.single-item.groups #buddypress .subnav-filters { flex-wrap: wrap !important; row-gap: 8px; } html body.single-item.groups #buddypress .subnav-filters > ul { flex: 1 1 100% !important; min-width: 0; } html body.single-item.groups #buddypress .subnav-filters > .component-filters { flex: 1 1 100% !important; margin-left: 0 !important; } html body.single-item.groups #buddypress .subnav-filters > .component-filters select { width: 100% !important; } html body #buddypress .register-page #submit { min-width: 0 !important; width: 100%; } html body #bbpress-forums select, html body #buddypress table select { min-width: 0 !important; max-width: 100%; } } @media (max-width: 400px) { html body .kdf-share-compose .kdf-btn { min-width: 0 !important; flex: 1 1 0; } } /* Mobile audit: readable controls, bounded menus and individual file cards. */ html body #buddypress .rtm-plupload-list:has(.kdf-upload-file), html body #buddypress .kdf-kept-preview:has(.kdf-upload-file) { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); gap:12px; width:100% !important; margin:12px 0 !important; padding:0 !important; } html body #buddypress #whats-new-form #rtmedia_uploader_filelist li.kdf-upload-file, html body #buddypress #rtmedia-uploader-form .rtm-plupload-list li.kdf-upload-file, html body #buddypress #whats-new-form .kdf-kept-preview li.kdf-upload-file, html body #buddypress li.kdf-upload-file { box-sizing:border-box; position:relative; display:grid !important; width:100% !important; max-width:none !important; min-width:0; height:auto !important; float:none; margin:0 !important; padding:8px !important; border:1px solid #dfe5e8; border-radius:12px; background:#fff; overflow:hidden; } html body #buddypress #whats-new-form #rtmedia_uploader_filelist .kdf-upload-file .plupload_file_thumb, html body #buddypress #rtmedia-uploader-form .kdf-upload-file .plupload_file_thumb, html body #buddypress #whats-new-form .kdf-upload-file .plupload_file_thumb, html body #buddypress .kdf-upload-file .plupload_file_thumb { position:relative !important; width:100% !important; height:120px !important; margin:0 !important; background:#f0f2f5; border-radius:8px; overflow:hidden; } html body #buddypress .kdf-upload-file .plupload_file_thumb img, html body #buddypress .kdf-upload-file .plupload_file_thumb canvas { width:100% !important; height:100% !important; max-height:none !important; object-fit:cover; } html body #buddypress .kdf-upload-file .plupload_file_name { width:100% !important; height:auto !important; min-height:24px; margin:6px 0 0 !important; white-space:normal !important; overflow-wrap:anywhere; } html body #buddypress .kdf-upload-file .plupload_file_status { display:none !important; } html body #buddypress .kdf-upload-file .plupload_file_action { position:static !important; display:flex; justify-content:flex-end; height:auto !important; width:100% !important; } html body #buddypress .kdf-upload-file .plupload_file_action > div { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; } html body #buddypress .kdf-upload-file .plupload_file_size { position:static !important; width:auto !important; margin:0 !important; } .kdf-upload-state { display:block; font-size:13px; color:#52616b; padding:6px 0; overflow-wrap:anywhere; } .kdf-upload-progress { display:block; width:100%; height:7px; border:0; border-radius:5px; overflow:hidden; background:#e4e9ec; accent-color:var(--kdf-teal,#0097b2); } .kdf-upload-progress::-webkit-progress-bar { background:#e4e9ec; border-radius:5px; } .kdf-upload-progress::-webkit-progress-value { background:var(--kdf-teal,#0097b2); } .kdf-upload-progress::-moz-progress-bar { background:var(--kdf-teal,#0097b2); } .kdf-upload-file[data-kdf-upload-state=error] { border-color:#c73939 !important; } .kdf-upload-file[data-kdf-upload-state=error] .kdf-upload-state { color:#ad2020; } .kdf-upload-file[data-kdf-upload-state=done] .kdf-upload-state { color:#087666; } /* Kompaktná karta: názov + zmazať v jednom riadku, veľkosť + stav v druhom, lišta len počas nahrávania. */ html body #buddypress li.kdf-upload-file { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"thumb thumb" "name action" "size state" "bar bar"; column-gap:6px; row-gap:2px; padding:6px !important; } html body #buddypress li.kdf-upload-file > * { min-width:0; } html body #buddypress .kdf-upload-file .plupload_file_thumb { grid-area:thumb; margin-bottom:4px !important; } html body #buddypress .kdf-upload-file .plupload_file_name { grid-area:name; align-self:center; min-height:0; margin:0 !important; font-size:12px; line-height:1.3; white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; } html body #buddypress .kdf-upload-file .plupload_file_action { grid-area:action; width:auto !important; align-self:center; background:none !important; } html body #buddypress .kdf-upload-file .plupload_file_action > div { min-width:28px; min-height:28px; background:none !important; } html body #buddypress .kdf-upload-file .plupload_file_size { grid-area:size; align-self:center; font-size:11px; color:#7a8790; } html body #buddypress .kdf-upload-file .kdf-upload-state { grid-area:state; justify-self:end; align-self:center; padding:0; font-size:11px; white-space:nowrap; } html body #buddypress .kdf-upload-file .kdf-upload-progress { grid-area:bar; height:4px; margin-top:4px; } html body #buddypress .kdf-upload-file[data-kdf-upload-state=done] .kdf-upload-progress { display:none; } @media (max-width:767px) { html body #buddypress #rtmedia-uploader-form .rtm-album-privacy { display:grid !important; grid-template-columns:minmax(0,1fr); gap:12px; width:100% !important; } html body #buddypress #rtmedia-uploader-form .rtm-album-privacy > span { display:flex !important; flex-direction:column; align-items:stretch; gap:6px; width:100% !important; min-width:0; margin:0 !important; } html body #buddypress #rtmedia-uploader-form .rtm-album-privacy label { display:flex !important; align-items:center; gap:6px; flex:none !important; width:auto !important; max-width:none !important; margin:0 !important; white-space:nowrap; word-break:normal; overflow-wrap:normal; } html body #buddypress #rtmedia-uploader-form .rtm-album-privacy select { box-sizing:border-box; width:100% !important; max-width:100% !important; min-width:0; margin:0 !important; height:44px !important; } html body #buddypress #whats-new-form.activity-form #rtSelectPrivacy { flex:1 1 100% !important; width:100% !important; max-width:100% !important; } html body #buddypress #whats-new-form.activity-form #rtSelectPrivacy, html body #buddypress #whats-new-form.activity-form #whats-new-post-in-box select, html body #buddypress #whats-new-form.activity-form #rtmedia-add-media-button-post-update, html body #buddypress #whats-new-form.activity-form .kdf-pe-toggle, html body #buddypress #whats-new-form.activity-form #aw-whats-new-submit, html body #buddypress #whats-new-form.activity-form #aw-whats-new-reset, html body #buddypress .rtm-media-options button, html body #buddypress #rtMedia-upload-button, html body #buddypress .start-media-upload, html body #buddypress #rtMedia-start-upload { min-width:44px !important; min-height:44px !important; height:44px !important; } html body #buddypress .activity-list .activity-meta.action { flex-wrap:wrap !important; } html body #buddypress .activity-list .activity-meta .rtm-activity-privacy-opt { flex:1 1 100% !important; width:100% !important; max-width:100% !important; min-height:44px !important; height:44px !important; margin:4px 0 0 !important; } html body #buddypress .rtm-options { max-width:calc(100vw - 32px) !important; z-index:100 !important; } #Side_slide .kdf-m-quick a { white-space:normal; overflow-wrap:normal; } html body #buddypress .rtm-plupload-list:has(.kdf-upload-file), html body #buddypress .kdf-kept-preview:has(.kdf-upload-file) { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:767px) { html body.bp-user #buddypress #rtm-media-options button { min-height:44px !important; height:44px !important; min-width:44px !important; } html body.bp-user #buddypress #rtm-media-options button.clicker { width:44px !important; } } @media (max-width:767px) { html body #buddypress .activity-list > li.kdf-pm-host:has(.kdf-pm.is-open) { overflow:visible !important; z-index:100; } html body #buddypress .kdf-pm-toggle { width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; } html body #buddypress .kdf-pm-menu { box-sizing:border-box; max-width:calc(100vw - 32px); z-index:101; } html body #buddypress .kdf-pm-menu button { min-height:44px; } } @media (max-width:767px) { .kdf-alb-modal .kdf-modal-close, .kdf-alb-modal button, .kdf-alb-modal summary { min-height:44px; } .kdf-alb-modal .kdf-modal-close { min-width:44px; } .kdf-alb-new { flex-wrap:wrap; } .kdf-alb-new input { min-width:0; max-width:100%; } } /* Drawer is also used on tablets: keep its controls independent of page breakpoints. */ /* --- Hamburger menu (Betheme #Side_slide) --- */ #Side_slide .kdf-m-quick { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; margin: 56px 16px 12px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.12); } #Side_slide .kdf-m-quick a { display: flex; align-items: center; gap: 10px; padding: 0 12px; min-height: 48px; border-radius: 12px; background: rgba(255,255,255,.07); color: #fff !important; font-size: 13px; text-decoration: none !important; white-space: nowrap; } #Side_slide .kdf-m-quick a:active { background: rgba(255,255,255,.16); } #Side_slide .kdf-m-quick svg { flex: 0 0 20px; width: 20px; height: 20px; } #Side_slide .close-wrapper a.close { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; } #Side_slide #menu ul li a { min-height: 48px; display: flex !important; align-items: center; font-size: 15px !important; padding: 0 20px !important; } #Side_slide #menu ul li .menu-toggle { width: 48px !important; height: 48px !important; line-height: 48px !important; } #Side_slide { max-width:calc(100vw - 44px); height:100vh; height:100dvh; overflow-y:auto; overscroll-behavior:contain; padding-bottom:env(safe-area-inset-bottom,0px); } @media (max-width:1239px) { html body #rtmedia-create-album-modal input[type=text], html body #rtmedia-create-album-modal textarea { box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:44px; font-size:16px; } html body #rtmedia-create-album-modal #rtmedia_create_new_album { min-height:44px; } } @media (max-width:1239px) { html body #rtmedia-create-album-modal .mfp-close { min-width:44px; min-height:44px; line-height:44px; } } /* Mobile interaction polish: independent drawer scrolling and reliable touch targets. */ html:has(body.side-slide-is-open) { overflow-y:hidden !important; scrollbar-gutter:stable; } body.side-slide-is-open { overflow:hidden !important; overscroll-behavior:none; } #Side_slide { box-sizing:border-box; border-bottom:0 !important; padding-bottom:12px; padding-bottom:max(12px,env(safe-area-inset-bottom,0px)); } #Side_slide .close-wrapper { position:sticky; top:0; z-index:3; display:flex; justify-content:flex-end; align-items:center; box-sizing:border-box; min-height:56px; padding:6px 12px; background:inherit; } #Side_slide .close-wrapper a.close { margin:0; } #Side_slide .kdf-m-quick { margin-top:12px; } html body #Top_bar .kdf-hdr-icons { gap:10px; } html body #Top_bar .kdf-hdr-icons.is-mobile { margin-right:6px; } html body #Top_bar .kdf-hdr-btn::after { content:""; position:absolute; inset:-5px; } @media (max-width:1239px) { html body .kdf-bell-tabs button, html body .kdf-bell-foot .kdf-bell-tool, html body .kdf-bell-foot .kdf-bell-all, html body .kdf-bell-head .kdf-bell-all, html body .kdf-bell-readall, html body .kdf-me-view { min-height:44px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; } html body .kdf-bell-foot .kdf-bell-tool { min-width:44px; } } @media (max-width:1239px) { html body dialog.kdf-modal .kdf-modal-head button.kdf-modal-close { min-width:44px !important; min-height:44px !important; width:44px !important; height:44px !important; flex:0 0 44px; } html body .mfp-wrap .mfp-content #buddypress .rtmedia-author-actions .rtmedia-action-buttons { min-height:44px !important; height:44px !important; } html body .mfp-wrap #rt_media_comment_form .rtmedia-comment-media-upload { min-width:44px !important; min-height:44px !important; } } @media (max-width:1239px) { html body .mfp-wrap .mfp-arrow { min-width:44px !important; min-height:44px !important; } } @media (max-width:1239px) { html body #Top_bar .kdf-bell-panel .kdf-me-view, html body #Top_bar .kdf-bell-panel .kdf-bell-tabs button, html body #Top_bar .kdf-bell-panel .kdf-bell-foot button, html body #Top_bar .kdf-bell-panel .kdf-bell-foot a, html body #Top_bar .kdf-bell-panel .kdf-bell-head a, html body #Top_bar .kdf-bell-panel .kdf-bell-readall { min-height:44px !important; } } @media (max-width:1239px) { html body.bp-user #buddypress #item-header.users-header #item-header-content .kdf-profile-actions > .kdf-edit-profile { min-height:44px !important; height:44px !important; } html body.bp-user #buddypress #item-header.users-header #item-header-content .kdf-profile-actions > .kdf-settings-btn { min-width:44px !important; } } /* Profile gallery toolbar: compact visuals, 44px hit areas, inward dropdown. */ @media (max-width: 767px) { html body.bp-user #buddypress #rtm-gallery-title-container { top:0!important; width:auto!important; height:44px!important; display:flex!important; align-items:center!important; } html body.bp-user #buddypress #rtm-media-options { display:flex!important; align-items:center!important; gap:10px!important; min-height:44px!important; } html body.bp-user #buddypress #rtm-media-options button.clicker, html body.bp-user #buddypress #rtm-media-options #rtm_show_upload_ui { position:relative; box-sizing:border-box; width:34px!important; min-width:34px!important; height:34px!important; min-height:34px!important; margin:0!important; padding:0!important; } html body.bp-user #buddypress #rtm-media-options button.clicker::after, html body.bp-user #buddypress #rtm-media-options #rtm_show_upload_ui::after { content:""; position:absolute; inset:-5px; } html body.bp-user #buddypress #rtm-media-options .rtm-options { left:auto!important; right:0!important; top:calc(100% + 6px)!important; width:max-content!important; min-width:170px!important; max-width:calc(100vw - 32px)!important; box-sizing:border-box; z-index:100!important; } html body.bp-user #buddypress #rtm-media-options .rtm-options li { width:100%!important; box-sizing:border-box; } html body.bp-user #buddypress #rtm-media-options .rtm-options a { display:flex!important; align-items:center; gap:8px; width:100%!important; box-sizing:border-box; height:auto!important; min-height:44px!important; white-space:normal!important; } } @media (max-width:767px) { html body.bp-user #buddypress #rtm-media-options .rtm-options::before, html body.bp-user #buddypress #rtm-media-options .rtm-options::after { left:auto!important; right:12px!important; } } /* Audit 2026-10-15: počty hlasov aj nástroje editora ankety majú dotykovú plochu 44 px. */ @media (max-width: 1239px), (pointer: coarse) { body #buddypress .kdf-poll-count, body #buddypress .kdf-pe-del, body #buddypress .kdf-pe-remove, body #buddypress .kdf-pe-add, body #buddypress .kdf-pe-toggle { min-width:44px; min-height:44px; } body #buddypress .kdf-pe-del { flex-basis:44px; } } /* Prihlásený audit 2026-10-15: editor a akcie diskusného vlákna. */ @media (max-width: 1239px), (pointer: coarse) { html body #bbpress-forums .quicktags-toolbar input.ed_button { min-width:44px!important; min-height:44px!important; height:auto!important; box-sizing:border-box; margin:2px!important; } html body #bbpress-forums .bbp-admin-links { display:flex; flex-wrap:wrap; align-items:center; gap:4px; } html body #bbpress-forums .bbp-admin-links a, html body #bbpress-forums .bbp-reply-permalink, html body #bbpress-forums a.subscription-toggle { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; box-sizing:border-box; } } @media (max-width:1239px), (pointer:coarse) { html body .kdf-modal .kdf-rte-bar button { min-width:44px!important; min-height:44px!important; width:44px!important; height:44px!important; } } /* Klub KDF je len pre hostí. Betheme má samostatnú kópiu v Side_slide. Pravidlo je mimo media queries: platí aj pri 768 px, sticky hlavičke a po zmene orientácie. Neskrývame extras ani ostatné ovládanie hlavičky. */ html body.logged-in #Top_bar .wpml-languages.custom, html body.logged-in #Side_slide .lang-active, html body.logged-in #Side_slide .lang-wrapper, html body.logged-in #menu-klub-kdf, html body.logged-in #menu-klub-kdf-1 { display: none !important; } /* Staršie HTML môže ešte obsahovať PHP dodatky hlavného menu. Skryť len tieto položky, nie samostatné tlačidlá .kdf-m-quick. */ html body.logged-in #Top_bar .menu-item.kdf-mobile-only, html body.logged-in #Side_slide .menu-item.kdf-mobile-only { display: none !important; } /* Shared comment composer (activity, photo, event); native submit remains in its original form. */ html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-field { position:relative; flex:1 1 auto; min-width:0; width:100%; box-sizing:border-box; border:1px solid transparent; border-radius:20px; background:#f0f2f5; transition:border-color .15s ease, background-color .15s ease; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-field:focus-within { border-color:#0097b2; background:#fff; } html body #buddypress form.ac-form.kdf-comment-enhanced:not(#kdf-x) .ac-textarea { margin:0!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-field > textarea { display:block!important; width:100%!important; min-height:42px!important; height:42px; max-height:160px; box-sizing:border-box!important; margin:0!important; padding:10px 88px 10px 14px!important; border:0!important; border-radius:20px!important; background:transparent!important; box-shadow:none!important; outline:0!important; color:#30343b!important; font-family:inherit; font-size:14px!important; line-height:22px!important; resize:none!important; } /* iOS zooms into inputs under 16px. */ @media (max-width:767px) { html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-field > textarea { font-size:16px!important; } } /* Nápoveda „Napíš komentár…“ vždy na jeden riadok – vedľa 3 ikon je na text len ~150px (v aplikácii sa lámala). */ html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-field > textarea::placeholder { font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools { position:absolute; right:4px; top:3px; display:flex; align-items:center; gap:2px; height:36px; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools button, html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-comment-send { display:block!important; position:static!important; float:none!important; order:initial!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; background-color:transparent!important; box-shadow:none!important; cursor:pointer; transition:background-color .15s ease; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools button:hover { background-color:#e4e6eb!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-comment-emoji { /* The ☺ text glyph sits at a different height in every font; draw it as an SVG centred like the send icon. */ font-size:0!important; color:transparent!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2368737e' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M8 14.2c1 1.5 2.3 2.2 4 2.2s3-.7 4-2.2'/%3E%3Ccircle cx='9' cy='9.8' r='.6' fill='%2368737e'/%3E%3Ccircle cx='15' cy='9.8' r='.6' fill='%2368737e'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:center!important; background-size:22px!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-comment-send { font-size:0!important; color:transparent!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230097b2' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m3 3 19 9-19 9 4-9-4-9Z'/%3E%3Cpath d='M7 12h15'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:center!important; background-size:22px!important; } /* The legacy ac_form_submit hover uses the background shorthand, which would wipe the arrow icon. */ html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-comment-send:hover { background-color:#e4e6eb!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230097b2' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m3 3 19 9-19 9 4-9-4-9Z'/%3E%3Cpath d='M7 12h15'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:center!important; background-size:22px!important; transform:none!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-send:disabled, html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-send[aria-busy="true"] { opacity:.35; cursor:default; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools :focus-visible { outline:2px solid #0097b2!important; outline-offset:1px; } html body form.kdf-comment-enhanced:not(#kdf-x) .ac-reply-cancel, html body form.kdf-comment-enhanced:not(#kdf-x) .rt-emoji-picker { display:none!important; } /* Until JS enhances the reply form, keep the legacy buttons from flashing. */ html body #buddypress form.ac-form:not(.kdf-comment-enhanced) :is(.ac-reply-cancel, input[name="ac_form_submit"]) { visibility:hidden; } html body form#rt_media_comment_form.kdf-comment-enhanced:not(#kdf-x) { display:grid!important; grid-template-columns:32px minmax(0,1fr); gap:8px!important; align-items:start; } html body form#rt_media_comment_form.kdf-comment-enhanced:not(#kdf-x) > .kdf-comment-field { grid-column:2; } html body form#rt_media_comment_form.kdf-comment-enhanced:not(#kdf-x) > .kdf-comment-avatar { grid-column:1; grid-row:1; width:32px; height:32px; margin-top:5px; border-radius:50%; background:#dde3e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23949da6'%3E%3Ccircle cx='16' cy='11' r='6'/%3E%3Cpath d='M5 32v-5a11 11 0 0 1 22 0v5'/%3E%3C/svg%3E") center/cover; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-avatar img { width:32px!important; height:32px!important; border-radius:50%!important; } html body form#rt_media_comment_form.kdf-comment-enhanced:not(#kdf-x) > :not(.kdf-comment-avatar):not(.kdf-comment-field):not(input) { grid-column:2; } /* rtMedia photo button inside the pill (activity, groups, photos) – same as the lightbox. */ html body form.kdf-comment-enhanced.kdf-comment-has-attachment:not(#kdf-x) .kdf-comment-field > textarea { padding-right:124px!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .rtm-upload-button-wrapper { display:flex!important; align-items:center!important; margin:0!important; padding:0!important; flex:0 0 36px!important; width:36px!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools button.rtmedia-comment-media-upload { display:flex!important; align-items:center; justify-content:center; position:relative!important; width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; line-height:36px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; border-radius:50%!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools button.rtmedia-comment-media-upload .dashicons { font-size:22px; width:22px; height:22px; color:#45bd62; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools button.rtmedia-comment-media-upload.kdf-is-disabled:hover { background:transparent!important; } /* Event comments: photo becomes an icon inside the pill, no text button. */ html body form.kdf-ev-cform.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-field > textarea { padding-right:124px!important; } html body form.kdf-ev-cform.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-ev-cphoto-btn { display:flex!important; align-items:center; justify-content:center; width:36px; height:36px; margin:0!important; padding:0!important; border:0!important; border-radius:50%; background:transparent!important; cursor:pointer; } html body form.kdf-ev-cform.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-ev-cphoto-btn:hover { background:#e4e6eb!important; } html body form.kdf-ev-cform.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-ev-cphoto-btn svg { width:22px; height:22px; fill:#68737e; } html body form.kdf-ev-cform.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-tools .kdf-ev-cphoto-btn span { display:none!important; } html body form.kdf-ev-cform.kdf-comment-enhanced:not(#kdf-x) .kdf-ev-cform-actions:empty { display:none!important; } /* Emoji choices stay in the comment flow: activity cards clip floating popups. */ html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-emojis { position:relative!important; inset:auto!important; display:flex; flex-wrap:wrap; width:100%; max-width:100%; box-sizing:border-box; margin:0; padding:6px 10px; border:0; border-top:1px solid #e1e5e9; border-radius:0 0 20px 20px; box-shadow:none; background:transparent; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-emojis[hidden] { display:none!important; } html body form.kdf-comment-enhanced:not(#kdf-x) .kdf-comment-emojis button { display:inline-block!important; width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; box-shadow:none!important; font-size:24px!important; line-height:40px!important; cursor:pointer; } /* JS enhancement keeps the existing fallback dimensions until initialized. */ html body #buddypress form.ac-form textarea.ac-input.kdf-autoexpand, html body form#rt_media_comment_form textarea#comment_content.kdf-autoexpand { box-sizing:border-box!important; min-height:42px!important; max-height:480px!important; max-height: min(480px, 65vh)!important; resize:none!important; transition:none!important; } /* Status retains its compact/focused dimensions; content growth is separate. */ html body #buddypress #whats-new-form textarea#whats-new.kdf-autoexpand { box-sizing:border-box!important; height:44px!important; min-height:44px!important; max-height:min(480px,65vh)!important; resize:none!important; transition:height .15s ease, background-color .15s ease, border-color .15s ease!important; } html body #buddypress #whats-new-form.activity-form-expanded textarea#whats-new.kdf-autoexpand { height:84px!important; min-height:84px!important; } @media(max-width:767px) { html body #buddypress #whats-new-form.activity-form-expanded textarea#whats-new.kdf-autoexpand { height:72px!important; min-height:72px!important; } } @media(prefers-reduced-motion:reduce) { html body #buddypress #whats-new-form textarea#whats-new.kdf-autoexpand { transition:none!important; } } /* Photo popup: use all available image space while preserving the full frame. */ html body .mfp-wrap .rtm-lightbox-container:has(> .rtm-media-type-photo) { max-width:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body .mfp-wrap .rtm-lightbox-container > .rtm-single-media.rtm-media-type-photo, html body .mfp-wrap .rtm-lightbox-container > .rtm-media-type-photo .rtmedia-media { padding:0!important; margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; min-height:0; } html body .mfp-wrap .rtm-lightbox-container > .rtm-media-type-photo .rtmedia-media { position:relative; } html body .mfp-wrap .rtm-lightbox-container > .rtm-media-type-photo .rtmedia-media img { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; } /* The form itself already provides the comment action. */ html body .rtm-single-meta.kdf-comment-form-visible .rtmedia-actions-before-comments .rtmedia-comment-link, html body .rtm-single-meta.kdf-comment-form-visible .rtmedia-actions-before-comments > span:has(.rtmedia-comment-link) { display:none!important; } /* Fullscreen photo modal: black stage and an independent light comment panel. */ html:has(.mfp-wrap .kdf-photo-modal) .mfp-bg { background:#000!important; opacity:1!important; } html body .mfp-wrap:has(.kdf-photo-modal) { inset:0!important; width:100%!important; height:100%!important; } html body .mfp-wrap:has(.kdf-photo-modal) .mfp-container { padding:0!important; height:100%!important; } html body .mfp-wrap:has(.kdf-photo-modal) .mfp-content, html body .mfp-wrap:has(.kdf-photo-modal) .rtmedia-single-container { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal { display:flex!important; flex-direction:row!important; width:100%!important; max-width:none!important; height:100vh!important; height:100dvh!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:#000!important; overflow:hidden!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal::before, html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal::after { display:none!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal #rtmedia-single-media-container { flex:1 1 0!important; align-self:stretch!important; min-width:0!important; width:auto!important; height:100%!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; position:relative!important; background:#000!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal #rtmedia-single-media-container .rtmedia-media { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-height:none!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:#000!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal #rtmedia-single-media-container .rtmedia-media > img { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:contain!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal #rtmedia-single-media-container .rtm-ltb-action-container { position:absolute!important; inset:auto 0 0!important; width:100%!important; box-sizing:border-box; z-index:2; background:linear-gradient(transparent,rgba(0,0,0,.45))!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal > .rtm-single-meta { display:flex!important; flex-direction:column!important; flex:0 0 360px!important; width:360px!important; height:100%!important; min-height:0!important; box-sizing:border-box; margin:0!important; padding:0!important; border:0!important; border-left:1px solid #e5e7eb!important; border-radius:0!important; background:#fff!important; color:#30343b!important; overflow:hidden!important; } html body .mfp-wrap .kdf-photo-modal > .rtm-single-meta > .rtmedia-scroll { flex:1 1 0!important; min-height:0!important; height:auto!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; padding:0!important; background:#fff!important; } html body .mfp-wrap .kdf-photo-modal > .rtm-single-meta > .rtm-media-single-comments { flex:0 0 auto!important; max-height:55%; overflow-y:auto; box-sizing:border-box; padding:10px 12px!important; margin:0!important; border-top:1px solid #eef0f1!important; background:#fff!important; } html body .mfp-wrap .kdf-photo-modal .rtm-single-meta-contents, html body .mfp-wrap .kdf-photo-modal .rtm-like-comments-info { background:#fff!important; color:#30343b!important; } html body .mfp-wrap .kdf-photo-modal .rtm-single-meta .rtmedia-comment-content { background:#f0f2f5!important; color:#30343b!important; } html body .mfp-wrap .kdf-photo-modal .mfp-close { background:#f0f2f5!important; color:#30343b!important; } html body .mfp-wrap .kdf-photo-modal form.kdf-comment-has-attachment textarea#comment_content { padding-right:124px!important; } html body .mfp-wrap .kdf-photo-modal .kdf-comment-tools .rtm-upload-button-wrapper { display:flex!important; align-items:center!important; margin:0!important; padding:0!important; flex:0 0 36px!important; width:36px!important; } html body .mfp-wrap .kdf-photo-modal #rt_media_comment_form .kdf-comment-tools .rtmedia-comment-media-upload { width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; border-radius:50%!important; } @media(min-width:768px) and (max-width:1100px) { html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal > .rtm-single-meta { flex-basis:320px!important; width:320px!important; } } /* Narrow phones keep the photo usable, with the independently scrolling panel below. */ @media(max-width:767px) { html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal { flex-direction:column!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal #rtmedia-single-media-container { flex:0 0 48%!important; width:100%!important; height:48%!important; } html body .mfp-wrap .rtm-lightbox-container.kdf-photo-modal > .rtm-single-meta { flex:1 1 0!important; width:100%!important; height:auto!important; border-left:0!important; } html body .mfp-wrap .kdf-photo-modal .mfp-close { position:fixed!important; } } /* Mobile photo viewer ako na Facebooku: fotka cez celú obrazovku, dole lišta Komentáre / Páči sa mi / Zdieľať, komentáre v paneli vysunutom zospodu (prvky lišty pridáva kdf-mobile.js). :not(#kdf-x) prebije #buddypress button z style.css. */ .kdf-lb-bar, .kdf-lb-info, .kdf-sheet-scrim, .kdf-sheet-head { display:none; } /* rtMedia obmedzuje zoznam komentárov na 340 px s vlastným posuvníkom - panel fotky sa posúva celý, inak 2 posuvníky a prázdne miesto. */ html body .mfp-wrap .kdf-photo-modal:not(#kdf-x) .rtm-single-meta .rtm-comment-list { max-height:none!important; overflow:visible!important; } /* Na počítači preč napevno - info a scrim sú