/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Sep 09 2026 | 16:46:33 */ /* ========================================================== NOTE.radio V2 GLOBAL COMPONENT CSS CLEANUP STAGE 1D — PODCAST CARD Component class: ntr-v2-podcast-card Source: exact current accepted Elementor widget CSS, moved globally without visual changes. IMPORTANT: - QTMPlayer functionality remains native - ProRadio Share functionality remains native - no page/layout selectors outside the component ========================================================== */ /* ========================================================== NOTE.radio V2 PRORADIO PODCAST CARD FINAL CLEAN VERSION Elementor CSS class: ntr-v2-podcast-card IMPORTANT: NIE ingerujemy w: .proradio-row .proradio-col .proradio-s* .proradio-m* .proradio-l* ========================================================== */ /* ========================================================== 01. WIDGET ROOT ========================================================== */ .ntr-v2-podcast-card { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .ntr-v2-podcast-card > .elementor-widget-container { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== 02. ARTICLE ========================================================== */ .ntr-v2-podcast-card article.proradio-post { position: relative !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 12px !important; box-shadow: none !important; overflow: visible !important; transform: none !important; } /* ========================================================== 03. MAIN PODCAST IMAGE CARD ========================================================== */ .ntr-v2-podcast-card .proradio-post__header { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; aspect-ratio: 5 / 4 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: var(--ntr-surface-2) !important; border: 0 !important; border-radius: 12px !important; box-shadow: none !important; overflow: hidden !important; isolation: isolate !important; } /* ========================================================== 04. BACKGROUND IMAGE WRAPPER ========================================================== */ .ntr-v2-podcast-card .proradio-bgimg { position: absolute !important; inset: 0 !important; z-index: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 12px !important; overflow: hidden !important; transform: none !important; } /* ========================================================== 05. REMOVE NATIVE PRORADIO DUOTONE ========================================================== */ .ntr-v2-podcast-card .proradio-bgimg::before, .ntr-v2-podcast-card .proradio-bgimg::after { display: none !important; content: none !important; } /* ========================================================== 06. COVER IMAGE ========================================================== */ .ntr-v2-podcast-card .proradio-bgimg img, .ntr-v2-podcast-card .proradio-post__thumb { position: static !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; border-radius: 12px !important; opacity: 1 !important; transform: scale(1) !important; transition: transform .35s ease !important; } /* subtelny hover obrazu */ .ntr-v2-podcast-card article.proradio-post:hover .proradio-bgimg img { transform: scale(1.025) !important; } /* ========================================================== 07. HEADER OVERLAY ========================================================== */ .ntr-v2-podcast-card .proradio-post__headercont { position: absolute !important; inset: 0 !important; z-index: 2 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( to bottom, rgba(4, 12, 20, .02) 0%, rgba(4, 12, 20, .01) 34%, rgba(4, 12, 20, .16) 54%, rgba(4, 12, 20, .62) 76%, rgba(4, 12, 20, .94) 100% ) !important; border: 0 !important; border-radius: 12px !important; overflow: hidden !important; pointer-events: none !important; } /* ========================================================== 08. REMOVE NATIVE HEADER EFFECTS ========================================================== */ .ntr-v2-podcast-card .proradio-post__header::before, .ntr-v2-podcast-card .proradio-post__header::after, .ntr-v2-podcast-card .proradio-post__headercont::before, .ntr-v2-podcast-card .proradio-post__headercont::after { display: none !important; content: none !important; } /* ========================================================== 09. FULL CARD LINK ========================================================== */ .ntr-v2-podcast-card .proradio-post__header__link { position: absolute !important; inset: 0 !important; z-index: 1 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 12px !important; outline: 0 !important; box-shadow: none !important; pointer-events: auto !important; } /* ========================================================== 10. CONTENT CAP — ALWAYS BOTTOM ========================================================== */ .ntr-v2-podcast-card .proradio-post__card__cap { position: absolute !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; z-index: 4 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 16px 16px 15px 16px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; pointer-events: none !important; } /* linki pozostają klikalne */ .ntr-v2-podcast-card .proradio-post__card__cap a { pointer-events: auto !important; } /* ========================================================== 11. CATEGORY ========================================================== */ .ntr-v2-podcast-card .proradio-cats { display: block !important; width: auto !important; margin: 0 0 6px 0 !important; padding: 0 !important; line-height: 1 !important; } .ntr-v2-podcast-card .proradio-cats a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 4px 7px !important; color: #fff !important; background: var(--ntr-accent) !important; border: 0 !important; border-radius: 4px !important; outline: 0 !important; box-shadow: none !important; font-family: "Outfit", sans-serif !important; font-size: 9px !important; font-weight: 750 !important; line-height: 1 !important; letter-spacing: .02em !important; text-decoration: none !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ========================================================== 12. TITLE ========================================================== */ .ntr-v2-podcast-card .proradio-post__title { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #fff !important; background: transparent !important; border: 0 !important; font-family: "Outfit", sans-serif !important; font-size: 16px !important; font-weight: 750 !important; line-height: 1.12 !important; letter-spacing: -.015em !important; text-transform: none !important; } /* reset natywnego ProRadio cut */ .ntr-v2-podcast-card .proradio-post__title.proradio-cutme-t-2 { max-height: none !important; } /* ========================================================== 13. TITLE LINK ========================================================== */ .ntr-v2-podcast-card .proradio-post__title > a { display: -webkit-box !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #fff !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; font: inherit !important; line-height: inherit !important; text-decoration: none !important; white-space: normal !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; } /* ========================================================== 14. META ========================================================== */ .ntr-v2-podcast-card .proradio-meta { display: flex !important; align-items: center !important; width: 100% !important; min-width: 0 !important; gap: 0 !important; margin: 7px 0 0 0 !important; padding: 0 !important; color: rgba(255,255,255,.72) !important; background: transparent !important; border: 0 !important; font-family: "Outfit", sans-serif !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.05 !important; letter-spacing: 0 !important; text-transform: none !important; pointer-events: none !important; } /* ========================================================== 15. META — DATE ONLY ========================================================== */ .ntr-v2-podcast-card .proradio-meta > span:not(.proradio-date) { display: none !important; } .ntr-v2-podcast-card .proradio-date { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: rgba(255,255,255,.72) !important; font: inherit !important; text-transform: none !important; } .ntr-v2-podcast-card .proradio-date .material-icons { display: none !important; } /* ========================================================== 16. ACTION LAYER ========================================================== */ .ntr-v2-podcast-card .proradio-actions__cont { position: absolute !important; inset: 0 !important; z-index: 6 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; transform: none !important; pointer-events: none !important; } .ntr-v2-podcast-card .proradio-actions { position: static !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; transform: none !important; pointer-events: none !important; } /* ========================================================== 17. PLAY — OUTER CIRCLE ========================================================== */ .ntr-v2-podcast-card .qtmplayer-donutcontainer { position: absolute !important; top: 16px !important; left: 16px !important; right: auto !important; bottom: auto !important; z-index: 7 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; max-width: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; background: var(--ntr-accent) !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; box-shadow: 0 7px 20px rgba(0,0,0,.25) !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important; transform: scale(1) !important; pointer-events: auto !important; transition: transform .18s ease, box-shadow .18s ease !important; } /* PLAY hover */ .ntr-v2-podcast-card .qtmplayer-donutcontainer:hover { background: var(--ntr-accent) !important; border: 0 !important; outline: 0 !important; box-shadow: 0 9px 24px rgba(0,0,0,.31) !important; transform: scale(1.05) !important; } /* ========================================================== 18. QTM PLAYER INNER ========================================================== */ .ntr-v2-podcast-card .qtmplayer-trackitem, .ntr-v2-podcast-card .qtmplayer-donut { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; box-shadow: none !important; } /* ========================================================== 19. NATIVE PLAY LINK ========================================================== */ .ntr-v2-podcast-card .qtmplayer-play, .ntr-v2-podcast-card .qtmplayer-play-btn, .ntr-v2-podcast-card .qtmplayer-play-v2 { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; color: #fff !important; background: transparent !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; cursor: pointer !important; pointer-events: auto !important; } /* ========================================================== 20. PLAY / PAUSE ICON ========================================================== */ .ntr-v2-podcast-card .qtmplayer-play .material-icons, .ntr-v2-podcast-card .qtmplayer-play-btn .material-icons, .ntr-v2-podcast-card .qtmplayer-play-v2 .material-icons { display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 28px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; -webkit-text-fill-color: #fff !important; transform: none !important; } /* ========================================================== 21. REMOVE ONLY QTM DONUT SVG RING ========================================================== */ .ntr-v2-podcast-card .qtmplayer-donutcontainer svg, .ntr-v2-podcast-card .qtmplayer-donut svg { display: none !important; } /* ========================================================== 22. SHARE POSITION ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a1 { position: absolute !important; top: 16px !important; right: 16px !important; left: auto !important; bottom: auto !important; z-index: 8 !important; display: block !important; width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; max-width: 46px !important; max-height: 46px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } /* wrapper Share nigdy nie tworzy ramki */ .ntr-v2-podcast-card .proradio-actions__a1:hover, .ntr-v2-podcast-card .proradio-actions__a1:focus, .ntr-v2-podcast-card .proradio-actions__a1:focus-visible, .ntr-v2-podcast-card .proradio-actions__a1:active { background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* ========================================================== 23. SHARE LINK ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link, .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link:link, .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link:visited { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; max-width: 46px !important; max-height: 46px !important; margin: 0 !important; padding: 0 !important; color: #fff !important; background: var(--ntr-accent) !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; box-shadow: 0 6px 18px rgba(0,0,0,.24) !important; opacity: 1 !important; visibility: visible !important; text-decoration: none !important; cursor: pointer !important; transform: scale(1) !important; pointer-events: auto !important; transition: transform .18s ease, box-shadow .18s ease !important; } /* ========================================================== 24. SHARE HOVER / FOCUS / ACTIVE IMPORTANT: brak białej ramki brak zmiany koloru tła ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link:hover, .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link:focus, .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link:focus-visible, .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link:active { color: #fff !important; background: var(--ntr-accent) !important; border: 0 !important; outline: 0 !important; box-shadow: 0 8px 22px rgba(0,0,0,.30) !important; text-decoration: none !important; opacity: 1 !important; visibility: visible !important; transform: scale(1.05) !important; } /* ========================================================== 25. REMOVE NATIVE SHARE DECORATIONS ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a1::before, .ntr-v2-podcast-card .proradio-actions__a1::after, .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link::before, .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link::after, .ntr-v2-podcast-card .proradio-actions__a1 .qtli::before, .ntr-v2-podcast-card .proradio-actions__a1 .qtli::after { display: none !important; content: none !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* ========================================================== 26. SHARE ICON WRAPPER ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a1 .qtli { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; color: #fff !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: none !important; } /* ========================================================== 27. SHARE ICON — STABLE SVG MASK Natywny służy jako element dla naszej grafiki. Funkcja Share nadal pozostaje natywna ProRadio. ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a1 i.reakticons-share { position: static !important; display: block !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; max-width: 20px !important; max-height: 20px !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; background: #fff !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='M8.2 10.8 15.7 6.4M8.2 13.2l7.5 4.4' fill='none'/%3E%3C/g%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center !important; -webkit-mask-size: contain !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='2.5'/%3E%3Ccircle cx='6' cy='12' r='2.5'/%3E%3Ccircle cx='18' cy='19' r='2.5'/%3E%3Cpath d='M8.2 10.8 15.7 6.4M8.2 13.2l7.5 4.4' fill='none'/%3E%3C/g%3E%3C/svg%3E") !important; mask-repeat: no-repeat !important; mask-position: center !important; mask-size: contain !important; } /* wyłączamy natywny fontowy glyph */ .ntr-v2-podcast-card .proradio-actions__a1 i.reakticons-share::before, .ntr-v2-podcast-card .proradio-actions__a1 i.reakticons-share::after { display: none !important; content: none !important; } /* ========================================================== 28. SHARE COUNT OFF ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a1 .count { display: none !important; } /* ========================================================== 29. HEART OFF ========================================================== */ .ntr-v2-podcast-card .proradio-actions__a2 { display: none !important; } /* ========================================================== 30. REMOVE CARD CAP DECORATIONS ========================================================== */ .ntr-v2-podcast-card .proradio-post__card__cap::before, .ntr-v2-podcast-card .proradio-post__card__cap::after { display: none !important; content: none !important; } /* ========================================================== 31. FINAL RADIUS SAFETY ========================================================== */ .ntr-v2-podcast-card .proradio-post__header, .ntr-v2-podcast-card .proradio-bgimg, .ntr-v2-podcast-card .proradio-bgimg img, .ntr-v2-podcast-card .proradio-post__thumb, .ntr-v2-podcast-card .proradio-post__headercont, .ntr-v2-podcast-card .proradio-post__header__link { border-radius: 12px !important; } .ntr-v2-podcast-card .proradio-post__header, .ntr-v2-podcast-card .proradio-bgimg, .ntr-v2-podcast-card .proradio-post__headercont { overflow: hidden !important; } /* ========================================================== 32. RESPONSIVE ========================================================== */ @media (max-width: 767px) { .ntr-v2-podcast-card .proradio-post__card__cap { padding: 14px !important; } .ntr-v2-podcast-card .proradio-post__title { font-size: 15px !important; } /* PLAY */ .ntr-v2-podcast-card .qtmplayer-donutcontainer { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 50px !important; max-height: 50px !important; top: 14px !important; left: 14px !important; } .ntr-v2-podcast-card .qtmplayer-play .material-icons, .ntr-v2-podcast-card .qtmplayer-play-btn .material-icons, .ntr-v2-podcast-card .qtmplayer-play-v2 .material-icons { font-size: 26px !important; } /* SHARE */ .ntr-v2-podcast-card .proradio-actions__a1 { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; max-width: 42px !important; max-height: 42px !important; top: 14px !important; right: 14px !important; } .ntr-v2-podcast-card .proradio-actions__a1 .proradio_reaktions-link { width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; max-width: 42px !important; max-height: 42px !important; } .ntr-v2-podcast-card .proradio-actions__a1 i.reakticons-share { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; max-width: 18px !important; max-height: 18px !important; } }