/* JUX FM RADIO | source-signature: JUXFM-ORIGINAL-20261101-B018425D3B04E7 | juxfm.ro | no visitor tracking. */
/* JUX FM 29.10.2026 — Red City Glass concept. Only visual additions and navigation. */
:root {--jux-v3-pink:#ff0056;--jux-v3-rose:#ff3675;--jux-v3-glass:rgba(9,9,18,.78);--jux-v3-border:rgba(255,117,164,.33);}
.jux-site-v3 {font-family:Montserrat,Poppins,Arial,sans-serif;color:#fff;background:#080409;}
.jux-site-v3 * {box-sizing:border-box;}
.jux-site-v3 button,.jux-site-v3 a { -webkit-tap-highlight-color:transparent;}
.jux-site-v3 .navbar {display:none!important;}
.jux-v3-header {position:fixed;z-index:200;top:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:14px clamp(18px,3.8vw,62px);height:82px;background:linear-gradient(180deg,rgba(3,3,8,.85),rgba(3,3,8,.16));color:#fff;}
.jux-v3-brand {display:flex;flex:0 0 auto;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;}
/* Brand X: faithfully traced from the user's reference wordmark.
   SVG is an isolated red silhouette; no bars or extra neon effects. */
.jux-v3-logo-bars {width:36px;height:37px;display:block;flex:none;position:relative;background:url('../image/jux-x-rosu-referinta.svg') center/contain no-repeat;color:#ff0056;}
.jux-v3-logo-bars i{display:none!important;}
.jux-v3-logo-bars::before,.jux-v3-logo-bars::after{content:none!important;display:none!important;}
.jux-v3-brand-text {display:flex;flex-direction:column;color:#fff;font-weight:900;font-size:22px;letter-spacing:-.065em;line-height:.93;white-space:nowrap;}
.jux-v3-brand-text small {font-size:9px;font-weight:600;letter-spacing:.39em;text-align:center;margin-top:4px;}
.jux-v3-desktop-links {display:flex;gap:clamp(12px,1.65vw,27px);align-items:center;flex:1;justify-content:center;}
.jux-v3-desktop-links a {position:relative;font:700 11px/1.4 Montserrat,Arial,sans-serif;color:#f3eaf0!important;text-decoration:none!important;white-space:nowrap;padding:16px 0;}
.jux-v3-desktop-links a::after{content:"";position:absolute;bottom:8px;left:0;width:0;height:2px;background:var(--jux-v3-pink);transition:width .22s}
.jux-v3-desktop-links a:hover::after,.jux-v3-desktop-links a.is-active::after{width:100%}
.jux-v3-desktop-links a.is-active{color:var(--jux-v3-rose)!important}
.jux-v3-actions {display:flex;gap:9px;align-items:center;margin-left:auto;}
.jux-v3-circle,.jux-v3-menu-button {width:42px;height:42px;flex:none;border:1px solid var(--jux-v3-border);border-radius:50%;color:#fff!important;background:radial-gradient(circle at 38% 25%,rgba(255,255,255,.13),rgba(35,13,28,.82) 55%,rgba(2,2,10,.9));box-shadow:0 0 16px rgba(255,0,86,.1),inset 0 0 13px rgba(255,255,255,.035);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px;text-decoration:none!important;transition:transform .18s,border-color .18s;}
.jux-v3-circle:hover,.jux-v3-menu-button:hover{transform:translateY(-1px);border-color:var(--jux-v3-rose)}
.jux-v3-circle svg {width:100%;height:100%;display:block;}
.jux-v3-facebook{color:#e9f1ff!important;background:radial-gradient(circle at 35% 25%,#2767ba,#08274c 62%,#060a18)}
.jux-v3-instagram{color:#fff!important;background:radial-gradient(circle at 20% 98%,#f6a340,#ed3661 40%,#882dbb 71%,#1f1c5f)}
.jux-v3-menu-button{display:none;border-radius:9px;background:linear-gradient(145deg,rgba(112,6,49,.63),rgba(22,3,19,.9));flex-direction:column;gap:5px;padding:10px;}
.jux-v3-menu-button span{display:block;width:22px;height:2px;background:var(--jux-v3-rose);box-shadow:0 0 6px rgba(255,0,86,.7)}
.jux-v3-menu-cover {position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:209;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;}
.jux-v3-menu-panel {position:fixed;z-index:210;top:76px;right:clamp(12px,3vw,28px);width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 88px);overflow:auto;padding:22px 22px 24px;border-radius:24px;background:linear-gradient(140deg,rgba(34,22,39,.97),rgba(10,13,25,.96) 68%,rgba(17,19,32,.98));border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);box-shadow:0 25px 80px rgba(0,0,0,.64),inset 0 0 32px rgba(255,39,96,.06);opacity:0;visibility:hidden;transform:translateY(-9px) scale(.98);transition:transform .22s,opacity .22s,visibility .22s;color:#fff;}
.jux-v3-menu-cover.is-open,.jux-v3-menu-panel.is-open{opacity:1;visibility:visible;transform:none;}
.jux-v3-menu-top{display:flex;justify-content:space-between;align-items:center;padding:0 8px 14px;border-bottom:1px solid rgba(255,255,255,.12)}
.jux-v3-menu-title{font-size:19px;font-weight:900}.jux-v3-menu-title small{font-size:10px;letter-spacing:.16em;opacity:.7}
.jux-v3-menu-close{background:transparent;border:0;color:#fff;font-size:29px;line-height:1;cursor:pointer}
.jux-v3-menu-list{display:flex;flex-direction:column;gap:2px;padding:12px 0;}
.jux-v3-menu-list a{display:flex;gap:18px;align-items:center;padding:12px 20px;border-radius:30px;color:#fff!important;font-size:13px;font-weight:600;text-decoration:none!important;}
.jux-v3-menu-list .jux-v3-nav-icon{width:23px;height:23px;flex:none;}
.jux-v3-menu-list a:hover,.jux-v3-menu-list a.is-active{background:linear-gradient(90deg,rgba(255,0,86,.63),rgba(255,27,100,.12));}
.jux-v3-menu-foot{border-top:1px solid rgba(255,255,255,.17);padding-top:17px;}
.jux-v3-menu-social{display:flex;justify-content:center;gap:20px;margin-bottom:16px;}
.jux-v3-menu-social a,.jux-v3-menu-social button {width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,115,166,.38);color:#fff;cursor:pointer;padding:9px;}
.jux-v3-menu-social svg,.jux-v3-share-full svg{width:21px;height:21px;}
.jux-v3-share-full{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:47px;color:#fff;background:linear-gradient(120deg,rgba(255,0,86,.23),rgba(40,25,40,.72));border:1px solid rgba(255,110,164,.5);border-radius:30px;font:700 12px Montserrat,Arial;cursor:pointer}
.jux-v3-toast{position:fixed;z-index:230;left:50%;bottom:24px;transform:translate(-50%,15px);background:#1e1220;border:1px solid #ff4379;border-radius:22px;color:#fff;padding:12px 20px;box-shadow:0 6px 22px #000a;font:600 12px Montserrat,Arial;max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:.25s}
.jux-v3-toast.show{opacity:1;transform:translate(-50%,0)}
/* Same skyline under the whole scrollable homepage and all secondary pages. */
.jux-site-v3 .page{background-image:linear-gradient(180deg,rgba(0,0,0,.07),rgba(0,0,0,.19)),url('../image/jux-city-neon.jpg')!important;background-size:cover!important;background-attachment:fixed!important;background-position:center center!important;}
.jux-site-v3 .page>.container{background:transparent!important;}
.jux-site-v3 .page>.container>.content{scrollbar-color:#ef1b61 #160511;}
.jux-site-v3 .page .container .content .section_player{background:transparent!important;}
.jux-site-v3 .page .container .content .section_player .background-overlay{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.04) 46%,rgba(0,0,0,.04))!important;opacity:1!important;pointer-events:none;}
/* Position the radio hero naturally within the homepage. */
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap{min-height:100vh;min-height:100svh;height:auto!important;padding:120px 15px 34px!important;transform:none!important;align-content:center;justify-content:center;}
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker{transform:none!important;margin:0 0 14px!important;}
.jux-site-v3 .jux-hero-slogan.jux-v3-hashtag{display:table;margin:0 auto!important;padding:8px 21px 10px!important;width:auto;max-width:92vw;line-height:1.2;font-size:clamp(20px,2.9vw,37px);font-weight:900;font-style:italic;letter-spacing:-.045em;white-space:nowrap;color:#fff;background:linear-gradient(110deg,#ff0056,#ff165d 60%,#f30057);transform:skew(-9deg);text-shadow:none!important;box-shadow:0 8px 20px rgba(255,0,86,.16);}
.jux-site-v3 .jux-hero-slogan.jux-v3-hashtag::after{display:none}
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-brand{transform:none!important;margin:0 0 8px!important;width:100%;}
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .big_title .big_title_container h1.jux-hero-brand{flex-direction:column!important;gap:4px;justify-content:center;align-items:center;width:100%;}
.jux-site-v3 .jux-hero-brand__main{font-size:clamp(67px,10.5vw,145px)!important;letter-spacing:-.085em!important;line-height:.97!important;filter:drop-shadow(0 4px 2px #3b0a22) drop-shadow(0 0 14px #ff005644);}
.jux-v3-radio{font-family:Montserrat,Arial,sans-serif;color:#f4e1e9;font-size:clamp(17px,2.65vw,34px);font-weight:500;letter-spacing:.3em;line-height:1.2;padding-left:.3em;text-shadow:0 2px 10px #0009;}
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-brand+.player{margin-top:10px!important;}
/* Keep original audio button and status/cover IDs; change only visual treatment. */
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container{max-width:580px;}
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle{box-shadow:0 0 12px 4px rgba(255,0,86,.35),inset 0 0 30px rgba(255,14,91,.2),0 0 0 2px rgba(255,255,255,.16)!important;}
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now{width:min(93vw,520px);margin:15px auto 0!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:15px!important;background:linear-gradient(105deg,rgba(15,9,18,.92),rgba(21,16,27,.84))!important;box-shadow:0 10px 33px rgba(0,0,0,.3);}
.jux-site-v3 .player .playing_now.is-live::after,.jux-site-v3 .player .playing_now::after,.jux-site-v3 .player .playing_now::before{animation:none!important;opacity:0!important;}
.jux-site-v3 .player .playing_now.track-updated{animation:none!important;}
.jux-site-v3 .player .playing_now .artwork img{transition:opacity .42s ease;}
.jux-site-v3 .player .playing_now .artwork img.jux-art-fade{opacity:.08;}
.jux-site-v3 .player .links.jux-socials{display:none!important;}
.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .info_player {color:#f0eaf1;letter-spacing:.065em;}
.jux-v3-inside-hero h1 em{font-style:normal;color:var(--jux-v3-pink);}
/* Footer retains its original visual treatment. */
.jux-site-v3 .page .container .content .footer{background:rgba(6,5,12,.84)!important;position:relative;z-index:1;}
.jux-site-v3 .footer a{color:#fae2ec!important;}
/* Consistent glass style across ALL preexisting secondary pages. */
.jux-site-v3 .page .container .content .page_header{margin-top:70px;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(15,3,12,.68))!important;min-height:170px;}
.jux-site-v3 .page .container .content .page_header .page_header_background{opacity:.15!important;}
.jux-site-v3 .page .container .content .page_header .dark-layer{opacity:.36!important;}
.jux-site-v3 .page .container .content .page_header .page_header_content .content_container h1{color:#fff!important;text-shadow:0 4px 25px #0009;}
.jux-site-v3 .page .container .content .page_header .page_header_content .content_container p{color:#eedce2!important;}
.jux-site-v3 .page .container .content .main_content,.jux-site-v3 .page .container .content .main_content .main_content_section{background:transparent!important;}
.jux-site-v3 .page .container .content .main_content .main_content_section{min-height:60vh;}
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container{background:transparent!important;}
.jux-site-v3 .jux-program,.jux-site-v3 .jux-contact,.jux-site-v3 .jux-partners,.jux-site-v3 .jux-legal{color:#f6eaf0!important;}
.jux-site-v3 .jux-program__intro,.jux-site-v3 .jux-program__live,.jux-site-v3 .jux-program__details,.jux-site-v3 .jux-program__day,.jux-site-v3 .jux-program__status,
.jux-site-v3 .jux-contact__intro,.jux-site-v3 .jux-contact__card,.jux-site-v3 .jux-partners__intro,.jux-site-v3 .jux-partners__card,.jux-site-v3 .jux-legal__intro,.jux-site-v3 .jux-legal__card,.jux-site-v3 .jux-legal__footer{
 background:linear-gradient(140deg,rgba(24,16,29,.91),rgba(6,7,14,.94))!important;border:1px solid rgba(255,98,153,.34)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important;}
.jux-site-v3 .jux-program h2,.jux-site-v3 .jux-program h3,.jux-site-v3 .jux-contact h2,.jux-site-v3 .jux-contact h3,.jux-site-v3 .jux-partners h2,.jux-site-v3 .jux-partners h3,.jux-site-v3 .jux-legal h2,.jux-site-v3 .jux-legal h3{color:#fff!important;}
.jux-site-v3 .jux-program p,.jux-site-v3 .jux-contact p,.jux-site-v3 .jux-partners p,.jux-site-v3 .jux-legal p,.jux-site-v3 .jux-legal li{color:#d7ccd6!important;}
.jux-site-v3 .jux-program__visual,.jux-site-v3 .jux-partners__visual,.jux-site-v3 .jux-contact__icon,.jux-site-v3 .jux-partners__icon{background:rgba(255,0,86,.09)!important;border-color:rgba(255,70,128,.35)!important;}
.jux-site-v3 .jux-team{background:transparent!important;color:#fff}
.jux-site-v3 .jux-team__hero{background:linear-gradient(90deg,rgba(2,1,7,.58),rgba(8,2,13,.35)),url('../image/jux-city-neon.jpg') center/cover!important;}
.jux-site-v3 .jux-team__people{background:transparent!important;}
.jux-site-v3 .jux-team__outro{background:rgba(12,9,21,.72)!important;}
/* Legacy history content: keep all its native metadata/persistence scripts unchanged. */
.jux-site-v3 .main_content #jux-history-list{color:#fff;}
/* Standalone About page */
.jux-v3-independent{min-height:100vh;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.38)),url('../image/jux-city-neon.jpg') center/cover fixed!important;}
.jux-v3-independent-main{padding:125px 22px 80px;max-width:1180px;margin:0 auto;min-height:85vh;}
.jux-v3-inside-hero{padding:25px 0 44px;text-align:center;}
.jux-v3-eyebrow{display:block;color:#ff4280;font-size:13px;letter-spacing:.18em;font-weight:900;margin-bottom:8px;}
.jux-v3-inside-hero h1{font-size:clamp(29px,5vw,59px);letter-spacing:-.07em;line-height:1.1;margin:0 0 19px;color:#fff;}
.jux-v3-inside-hero p{max-width:720px;margin:0 auto;color:#e3d8df;font-size:15px;line-height:1.7;}
.jux-v3-about-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.jux-v3-about-links a{padding:28px 20px;background:rgba(20,13,25,.88);border:1px solid rgba(255,85,148,.36);border-radius:20px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:15px;font-weight:800;}
.jux-v3-about-links a .material-icons{font-size:32px;color:#ff2370}
.jux-v3-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 6%;background:rgba(6,4,10,.9);border-top:1px solid rgba(255,65,128,.2);color:#c9c2cb;font-size:12px;}
.jux-v3-footer a{color:#fff;text-decoration:none;font-weight:700;}
.jux-v3-footer div{display:flex;gap:17px;}
/* Responsive mobile layout matching the user's two-phone screenshot. */
@media(max-width:900px){.jux-v3-header{height:76px;padding:12px 15px;gap:5px}.jux-v3-desktop-links{display:none}.jux-v3-menu-button{display:flex}.jux-v3-brand-text{font-size:18px}.jux-v3-brand-text small{font-size:8px}.jux-v3-logo-bars{width:29px;height:30px}.jux-v3-actions{gap:6px}.jux-v3-circle,.jux-v3-menu-button{width:37px;height:37px;padding:9px}.jux-v3-menu-panel{top:72px}.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap{padding-top:116px!important;padding-bottom:22px!important;min-height:100svh;}.jux-site-v3 .jux-hero-slogan.jux-v3-hashtag{font-size:clamp(20px,5.2vw,31px);padding:8px 13px!important}.jux-site-v3 .jux-hero-brand__main{font-size:clamp(65px,15.5vw,120px)!important}.jux-v3-radio{font-size:clamp(18px,4.8vw,32px)}.jux-v3-about-links{grid-template-columns:1fr}.jux-site-v3 .page .container .content .page_header{margin-top:70px}}
@media(max-width:600px){.jux-v3-brand{gap:6px}.jux-v3-logo-bars{width:26px;height:27px}.jux-v3-brand-text{font-size:16px}.jux-v3-actions{gap:5px}.jux-v3-circle,.jux-v3-menu-button{width:34px;height:34px;padding:7px}.jux-v3-menu-button{padding:8px}.jux-v3-menu-button span{width:19px}.jux-site-v3 .page{background-attachment:scroll!important;background-size:auto 100%!important;background-position:center top!important;}.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap{min-height:max(760px,100svh);height:auto!important;padding:132px 9px 37px!important;align-content:center!important;}.jux-site-v3 .jux-hero-slogan.jux-v3-hashtag{font-size:clamp(19px,6.1vw,27px);}.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker{margin-bottom:20px!important;}.jux-site-v3 .jux-hero-brand__main{font-size:clamp(52px,17vw,77px)!important;letter-spacing:-.09em!important}.jux-v3-radio{font-size:clamp(15px,5.2vw,21px);letter-spacing:.25em}.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-brand{margin-bottom:0!important}.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-brand+.player{margin-top:7px!important}.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now{margin:13px auto 0!important;max-width:95vw}.jux-v3-independent-main{padding:117px 14px 60px}.jux-v3-inside-hero{padding:20px 0 30px}.jux-site-v3 .page .container .content .page_header{margin-top:65px}.jux-v3-footer{font-size:11px;flex-direction:column;text-align:center;gap:10px}}
@media(max-width:375px){.jux-v3-header{padding-inline:10px}.jux-v3-logo-bars{width:22px;height:23px;transform:none}.jux-v3-brand-text{font-size:15px}.jux-v3-actions{gap:3px}.jux-v3-circle,.jux-v3-menu-button{width:31px;height:31px}.jux-site-v3 .jux-hero-brand__main{font-size:clamp(49px,16.8vw,63px)!important}}
@media(prefers-reduced-motion:reduce){.jux-site-v3 *,.jux-site-v3 *::before,.jux-site-v3 *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Always draw a true icon even when Google Material Icons is blocked (no PLAY_ARROW text). */
.jux-site-v3 #play-icon{font-size:0!important;line-height:0!important;color:transparent!important;display:block!important;width:60px;height:60px;position:relative;}
.jux-site-v3 #play-icon::before{content:"";position:absolute;top:8px;left:16px;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:34px solid #fff;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));}
.jux-site-v3 #audio-control[aria-pressed="true"] #play-icon::before{left:12px;top:8px;width:13px;height:43px;border:0;background:#fff;border-radius:2px;}
.jux-site-v3 #audio-control[aria-pressed="true"] #play-icon::after{content:"";position:absolute;left:35px;top:8px;width:13px;height:43px;background:#fff;border-radius:2px;}

@media(max-width:900px){.jux-v3-menu-panel{top:100px;max-height:calc(100dvh - 115px);}}
/* Glass style for the real history entries, including dynamically appended songs. */
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container .featuredcontent ul li{
    background:linear-gradient(115deg,rgba(23,13,28,.94),rgba(10,10,20,.92))!important;
    border:1px solid rgba(255,105,159,.30)!important;
    border-radius:13px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
    color:#fff!important;
}
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container .featuredcontent ul li .song,
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container .featuredcontent ul li .song .info,
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container .featuredcontent ul li .song .info h4{color:#fff!important;}
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container .featuredcontent ul li .song .info p{color:#f0d0dc!important;}
.jux-site-v3 .featuredcontent .song .action .material-icons{font-size:0!important;display:inline-flex;width:20px;height:20px;border:2px solid #ff3e80;border-radius:50%;justify-content:center;align-items:center;vertical-align:middle;}
.jux-site-v3 .featuredcontent .song .action .material-icons::after{content:'i';font:bold 13px Arial,sans-serif;color:#ff3e80;}
/* A little more generous Glass Circle, as in the approved phone concept. */
@media(min-width:601px){.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle{width:148px!important;height:148px!important;}}
@media(max-width:600px){.jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle{width:130px!important;height:130px!important;}}
/* Cohesive modern typography for existing secondary-page headings. */
.jux-site-v3 .page .container .content .page_header .page_header_content .content_container h1,
.jux-site-v3 .page .container .content .page_header .page_header_content .content_container p,
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container .featuredcontent ul li .song .info h4,
.jux-site-v3 .page .container .content .main_content .main_content_section .main_content_container .featuredcontent ul li .song .info p {font-family:Montserrat,Arial,sans-serif!important;}
.jux-site-v3 .page .container .content .page_header .page_header_content .content_container h1{font-size:clamp(27px,5vw,54px)!important;letter-spacing:-.05em;font-weight:900!important;}
.jux-site-v3 .page .container .content .page_header .page_header_content .content_container p{font-size:clamp(11px,1.4vw,15px)!important;line-height:1.5;}
/* Request preserved: the three social/share icons beside hamburger are MOBILE ONLY. */
@media(min-width:901px){.jux-v3-actions{display:none!important;}.jux-v3-desktop-links{justify-content:flex-end;}}


/* Keep normal page scrolling and the city background on the homepage.
   The stream player layout and controls are untouched. */
body.jux-home {height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;}
body.jux-home .page {position:relative!important;display:block!important;height:auto!important;min-height:100svh;width:100%;}
body.jux-home .page>.container {position:relative!important;display:block!important;height:auto!important;min-height:100svh;width:100%;}
body.jux-home .page>.container>.content {position:relative!important;display:block!important;flex:none!important;overflow:visible!important;height:auto!important;min-height:100svh;width:100%;}
body.jux-home .page .section_player {position:relative!important;min-height:100svh;}
body.jux-home .page .footer {position:relative!important;}
@media(max-width:600px){
 body.jux-home::before {
   content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
   background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.02) 45%,rgba(0,0,0,.10)),
     url('../image/jux-city-neon.jpg') 75% center / auto 100% no-repeat;
 }
 body.jux-home .page {background-image:none!important;background-color:transparent!important;z-index:1;}
 body.jux-home .page>.container {background-color:transparent!important;}
}


/* Move the EXISTING circular share, Facebook and Instagram buttons below the
   player status (home), or before the footer (pages without a player). */
.jux-site-v3 .jux-v3-relocated-social {
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:9px; width:100%; margin:16px auto 0; padding:0 12px 4px;
}
.jux-site-v3 .jux-v3-relocated-social .jux-v3-circle {
  display:flex; width:42px; height:42px; padding:10px;
  flex:none; align-items:center; justify-content:center;
}
.jux-site-v3 .jux-v3-page-social {
  position:relative; z-index:2; margin:30px auto 20px;
}
.jux-site-v3.jux-v3-independent .jux-v3-page-social {margin:12px auto 28px;}
@media(max-width:900px) {
  .jux-site-v3 .jux-v3-relocated-social .jux-v3-circle {
    width:37px; height:37px; padding:9px;
  }
}
@media(max-width:600px) {
  .jux-site-v3 .jux-v3-relocated-social {gap:5px; margin-top:13px;}
  .jux-site-v3 .jux-v3-relocated-social .jux-v3-circle {
    width:34px; height:34px; padding:7px;
  }
  .jux-site-v3 .jux-v3-page-social {margin-top:26px; margin-bottom:20px;}
}
@media(max-width:375px) {
  .jux-site-v3 .jux-v3-relocated-social .jux-v3-circle {width:31px;height:31px;}
}


/* JUX FM - glass footer on desktop and mobile (2026-10-29). */
/* The footer has the same red-city frosted glass material and Montserrat
   typography as the navigation and site cards; links and URLs are unchanged. */
.jux-site-v3 .page .container .content .footer {
  background: transparent !important;
  position: relative;
  z-index: 2;
  padding: 14px clamp(12px, 2vw, 26px) 24px;
}
.jux-site-v3 .page .footer .footer_container,
.jux-site-v3 .jux-v3-footer {
  background: linear-gradient(132deg, rgba(255,255,255,.17) 0%, rgba(74,34,57,.43) 30%, rgba(19,15,31,.64) 68%, rgba(255,115,161,.13) 100%) !important;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 19px;
  -webkit-backdrop-filter: blur(19px) saturate(150%);
  backdrop-filter: blur(19px) saturate(150%);
  box-shadow: 0 16px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.07), 0 4px 24px rgba(255,0,86,.07);
  color: #f4eaf1;
  font: 700 11px/1.4 Montserrat, Arial, sans-serif !important;
  letter-spacing: 0;
  text-transform: uppercase;
}
.jux-site-v3 .page .footer .footer_container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 22px clamp(18px, 3.1vw, 42px);
  overflow: visible;
}
.jux-site-v3 .page .footer .footer_container .footer_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 13px 30px;
  max-width: none;
  margin: 0;
  color: inherit;
  font: inherit !important;
}
.jux-site-v3 .page .footer .footer_container .footer_content p,
.jux-site-v3 .page .footer .footer_container .footer_content ul {
  float: none;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  opacity: 1;
  font: inherit !important;
  letter-spacing: inherit;
  line-height: 1.6;
  text-align: inherit;
}
.jux-site-v3 .page .footer .footer_container .footer_content p {
  flex: 0 1 auto;
  display: block; /* Preserve spacing between copyright text and its link. */
  color: #e6dce4;
  opacity: .9;
}
.jux-site-v3 .page .footer .footer_container .footer_content ul {
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px 17px;
  list-style: none;
}
.jux-site-v3 .page .footer .footer_container .footer_content ul li {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit !important;
  line-height: 1.5;
}
.jux-site-v3 .page .footer .footer_container .footer_content a,
.jux-site-v3 .jux-v3-footer a {
  color: #f3eaf0 !important;
  opacity: 1;
  text-decoration: none !important;
  font: 700 11px/1.4 Montserrat, Arial, sans-serif !important;
  letter-spacing: 0;
  transition: color .2s ease, text-shadow .2s ease;
}
.jux-site-v3 .page .footer .footer_container .footer_content a:hover,
.jux-site-v3 .page .footer .footer_container .footer_content a:focus-visible,
.jux-site-v3 .jux-v3-footer a:hover,
.jux-site-v3 .jux-v3-footer a:focus-visible {
  color: #ff76a5 !important;
  text-shadow: 0 0 11px rgba(255,59,124,.20);
}
.jux-site-v3 .page .footer .footer_container .footer_content a:focus-visible,
.jux-site-v3 .jux-v3-footer a:focus-visible {
  outline: 2px solid #ff76a5;
  outline-offset: 4px;
  border-radius: 3px;
}
/* The independently built 'Despre noi' page uses a semantic footer instead. */
.jux-site-v3 .jux-v3-footer {
  width: calc(100% - clamp(24px, 4vw, 52px));
  max-width: 1280px;
  margin: 14px auto 24px;
  padding: 22px clamp(18px, 3.1vw, 42px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px 30px;
  flex-wrap: wrap;
}
.jux-site-v3 .jux-v3-footer > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px 17px;
}
.jux-site-v3 .jux-v3-footer span {color:#e6dce4;opacity:.9;}
@media (max-width: 900px) {
  .jux-site-v3 .page .footer .footer_container .footer_content,
  .jux-site-v3 .jux-v3-footer {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 13px;
  }
  .jux-site-v3 .page .footer .footer_container .footer_content p,
  .jux-site-v3 .page .footer .footer_container .footer_content ul,
  .jux-site-v3 .jux-v3-footer > div {
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .jux-site-v3 .page .container .content .footer {padding: 12px 12px 22px;}
  .jux-site-v3 .page .footer .footer_container,
  .jux-site-v3 .jux-v3-footer {
    border-radius: 16px;
    padding: 20px 12px;
  }
  .jux-site-v3 .page .footer .footer_container .footer_content ul,
  .jux-site-v3 .jux-v3-footer > div {gap: 10px 15px;}
  .jux-site-v3 .jux-v3-footer {width:calc(100% - 24px);}
}

/* Mobile: keep the homepage anchored to the viewport. The original animation
   previously enlarged the layout beyond the phone width on touch swipes. */
@media (max-width: 900px) {
  html { overflow-x: clip !important; overscroll-behavior-x: none; }
  body.jux-home { max-width: 100%; overflow-x: clip !important; overscroll-behavior-x: none; touch-action: pan-y pinch-zoom; }
  body.jux-home .page { max-width: 100%; overflow-x: clip !important; }
}


/* Desktop 29.10.2026 — dimensiuni dupa reperele template-ului Greu de Difuzat.
   Template-ul de baza utilizeaza titlu 90px, subtitlu 20px si player ~500px.
   Pastram stilul JUX FM si redimensionam DOAR desktop (min-width 901px). */
@media (min-width: 901px) {
  .jux-site-v3 .jux-hero-slogan.jux-v3-hashtag {
    font-size: 20px;
    padding: 6px 15px 7px !important;
  }
  .jux-site-v3 .jux-hero-brand__main {
    font-size: clamp(72px, 6.6vw, 90px) !important;
  }
  .jux-site-v3 .jux-v3-radio {
    font-size: 20px;
  }
  .jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container {
    max-width: 500px;
  }
  .jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {
    width: 106px !important;
    height: 106px !important;
  }
  .jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now {
    width: min(93vw, 440px);
  }
}

/* 29.10.2026 — Distanta ORIGINALA slogan / titlu, recuperata din
   jux-preview-theme.css (sectiunea "ca la vechiul BINE AI VENIT!").
   Doar spatiere, fara modificari la fonturi, player sau pozitionare orizontala. */
@media (min-width: 601px) {
  .jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {
    margin-bottom: 58px !important;
  }
}
@media (max-width: 600px) {
  .jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 600px) and (max-height: 700px) {
  .jux-site-v3 .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {
    margin-bottom: 34px !important;
  }
}


/* 29.10.2026 — Homepage compact ca in sablonul original Greu de Difuzat.
   Titlu pe un SINGUR RAND, player + caseta piesei la dimensiuni de sablon.
   Spatiere automata in functie de inaltimea ecranului; fara scroll lateral.
   Datele stream-ului, playerul JS, meniul si paginile secundare nu se modifica. */
body.jux-home {
  --jux-home-footer-reserve: 104px;
  overflow-x: clip !important;
}
body.jux-home .page .section_player { min-height: 0 !important; }
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap {
  min-height: calc(100svh - var(--jux-home-footer-reserve)) !important;
  height: auto !important;
  padding: max(88px, 9vh) 12px 12px !important;
  align-content: center !important;
  justify-content: center !important;
}
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .big_title .big_title_container h1.jux-hero-brand {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  white-space: nowrap !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
}
body.jux-home .jux-hero-brand__main {
  display: inline-block !important;
  font-size: clamp(54px, 6.6vw, 90px) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: -.075em !important;
  padding-right: .09em !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
/* Pastreaza reflexia animata, acum peste tot titlul, nu numai peste JUX FM. */
body.jux-home .jux-reflection-layer::before { content: 'JUX FM RADIO'; }
body.jux-home .jux-hero-slogan.jux-v3-hashtag { font-size: clamp(17px, 1.5vw, 20px); padding: 6px 15px 7px !important; }
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {
  margin-bottom: clamp(18px, 4.4vh, 40px) !important;
}
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-brand {
  margin-bottom: 2px !important;
}
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-brand+.player {
  margin-top: 8px !important;
}
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container {
  max-width: 500px !important;
}
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {
  width: 106px !important;
  height: 106px !important;
}
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now {
  width: min(500px, 94vw) !important;
  max-width: 500px !important;
  margin: 12px auto 0 !important;
}
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .info_player {
  padding-top: 14px !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  margin: 0 auto !important;
  max-width: min(500px, 95vw) !important;
}
body.jux-home .jux-v3-relocated-social { margin: 9px auto 0 !important; padding-bottom: 0 !important; }
body.jux-home .page .container .content .footer { padding-top: 8px !important; padding-bottom: 9px !important; }
body.jux-home .page .footer .footer_container { padding-top: 14px; padding-bottom: 14px; }
@media (max-width: 900px) {
  body.jux-home { --jux-home-footer-reserve: 146px; }
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap {
    padding: 84px 11px 10px !important;
  }
  body.jux-home .jux-hero-brand__main { font-size: clamp(39px, 7.1vw, 62px) !important; }
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {margin-bottom: clamp(15px, 3vh, 27px) !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {width: 92px !important;height: 92px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now {width: min(450px, 94vw) !important;}
}
@media (max-width: 600px) {
  body.jux-home {--jux-home-footer-reserve: 152px;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap {padding: 80px 8px 9px !important;}
  body.jux-home .jux-hero-brand__main {font-size: clamp(26px, 8.5vw, 42px) !important;letter-spacing: -.07em !important;}
  body.jux-home .jux-hero-slogan.jux-v3-hashtag {font-size: clamp(16px, 4.7vw, 20px) !important;padding: 6px 12px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {margin-bottom: clamp(15px, 2.3vh, 22px) !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-brand+.player {margin-top: 5px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {width: 84px !important;height: 84px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now {width: min(400px, 94vw) !important;margin-top: 9px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now .artwork {height: 58px !important;width: 58px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .info_player {padding-top: 9px !important;font-size: 10px !important;}
  body.jux-home .jux-v3-relocated-social {margin-top: 7px !important;}
  body.jux-home .page .footer .footer_container {padding: 12px 10px;}
  body.jux-home .page .footer .footer_container .footer_content {gap: 8px !important;}
}
@media (max-height: 700px) {
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap {padding-top: 76px !important;padding-bottom: 4px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {margin-bottom: 10px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {width: 78px !important;height: 78px !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .info_player {padding-top: 7px !important;}
  body.jux-home .jux-v3-relocated-social {margin-top: 5px !important;}
}
@media (max-width: 375px) {
  body.jux-home .jux-hero-brand__main {font-size: 8.2vw !important;}
  body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now .artwork {width: 54px !important;height: 54px !important;}
}

/* Finisare responsive: butonul Play/Pause ramane perfect CIRCULAR.
   Regula veche avea min-height:116/108px chiar si dupa reducerea latimii. */
body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {
  min-width: 106px !important;
  min-height: 106px !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1 !important;
}
body.jux-home {--jux-home-footer-reserve: 71px;}
@media (max-width:900px) {
 body.jux-home {--jux-home-footer-reserve: 98px;}
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {
   min-width:92px!important; min-height:92px!important;
 }
}
@media (max-width:600px) {
 body.jux-home {--jux-home-footer-reserve:92px;}
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row {position:relative;}
 /* Decorul roz al divider-ului mobil ramane, insa nu mai ocupa un rand gol de ~70px. */
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .divider.right {
   position:absolute!important;left:27%!important;top:calc(100% + 3px)!important;
   width:46%!important;height:0!important;min-height:0!important;
 }
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .playing_now {
   margin-top:22px !important;
 }
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {
   min-width:84px!important;min-height:84px!important;
 }
 body.jux-home #play-icon {width:46px!important;height:46px!important;}
 body.jux-home #play-icon::before {top:6px!important;left:12px!important;border-top-width:17px!important;border-bottom-width:17px!important;border-left-width:27px!important;}
 body.jux-home #audio-control[aria-pressed="true"] #play-icon::before {left:9px!important;top:6px!important;width:10px!important;height:34px!important;}
 body.jux-home #audio-control[aria-pressed="true"] #play-icon::after {left:28px!important;top:6px!important;width:10px!important;height:34px!important;}
}
@media (max-width:375px) {
 body.jux-home {--jux-home-footer-reserve:128px;}
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .player .player_container .player_row .play_button .play_button_container .play_button_wrap .button_play .button_play_container a.jux-glass-circle {min-width:78px!important;min-height:78px!important;}
}
@media (max-width:600px) and (max-height:650px) {
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap {padding-top:66px!important;padding-bottom:0!important;}
 body.jux-home .page .container .content .section_player .gap .gap_row .column .column_wrap .widget_wrap .jux-headline-kicker {margin-bottom:7px!important;}
 body.jux-home .jux-hero-slogan.jux-v3-hashtag {font-size:16px!important;padding:4px 10px!important;}
}

/* JUX FM — matching dark frosted Glass for the two previously white boxes.
   Program: the Rămâi aproape hint. Contact: Social Media panel. */
.jux-site-v3 .jux-program__hint,
.jux-site-v3 .jux-contact__social {
  background:linear-gradient(140deg,rgba(24,16,29,.91),rgba(6,7,14,.94)) !important;
  border:1px solid rgba(255,98,153,.34) !important;
  border-left:3px solid rgba(255,66,123,.78) !important;
  border-radius:16px;
  -webkit-backdrop-filter:blur(19px) saturate(140%);
  backdrop-filter:blur(19px) saturate(140%);
  box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10) !important;
  color:#f7edf2 !important;
}
.jux-site-v3 .jux-program__hint p,
.jux-site-v3 .jux-contact__social p {color:#e5d4df !important;}
.jux-site-v3 .jux-program__hint strong {color:#ff8caf !important;}
.jux-site-v3 .jux-program__hint .material-icons {color:#ff4d88 !important;}
.jux-site-v3 .jux-contact__social h2 {color:#fff !important;}
.jux-site-v3 .jux-contact__social .jux-contact__eyebrow {color:#ff6398 !important;}
.jux-site-v3 .jux-contact__social-link {
  background:linear-gradient(140deg,rgba(255,47,115,.16),rgba(38,14,35,.82)) !important;
  border:1px solid rgba(255,116,169,.40) !important;
  color:#ffb4cf !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.jux-site-v3 .jux-contact__social-link:hover,
.jux-site-v3 .jux-contact__social-link:focus-visible {
  background:linear-gradient(140deg,rgba(255,47,115,.28),rgba(54,19,47,.88)) !important;
  color:#fff !important;
  border-color:rgba(255,135,183,.78) !important;
}
@media(max-width:600px){
 .jux-site-v3 .jux-program__hint {padding:15px 14px;}
 .jux-site-v3 .jux-contact__social {padding:21px 17px;}
}


/* JUX FM / 29.10.2026: stable mobile backdrop.
   iOS Safari changes the visible viewport as its toolbars collapse/expand.
   A CSS background sized to 100% of that moving viewport visually zooms.
   Use ONE viewport-locked layer, sized with the stable LARGE viewport unit,
   while the website scrolls normally above it. No JS and no touch interception. */
@media (max-width: 900px) {
  body.jux-site-v3::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh; /* older Safari fallback */
    height: 100lvh; /* unchanged when mobile browser bars move */
    z-index: 0;
    pointer-events: none;
    background-image:
      linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.02) 45%, rgba(0,0,0,.10)),
      url('../image/jux-city-neon.jpg');
    background-repeat: no-repeat, no-repeat;
    background-position: center center, 75% center;
    background-size: 100% 100%, auto 100%;
  }

  /* Prevent a second, scroll-sized background from enlarging under the fixed one. */
  body.jux-site-v3 .page {
    background-image: none !important;
    background-color: transparent !important;
    z-index: 1;
  }
  body.jux-site-v3.jux-v3-independent {
    background-image: none !important;
    background-attachment: scroll !important;
  }
  body.jux-site-v3.jux-v3-independent .jux-v3-independent-main,
  body.jux-site-v3.jux-v3-independent .jux-v3-page-social,
  body.jux-site-v3.jux-v3-independent .jux-v3-footer {
    position: relative;
    z-index: 1;
  }
}

/* Logo V5 (unda audio) - compact in antet; pe mobil are gabaritul vechiului logo. */
.jux-v3-brand .jux-v3-brand-logo{display:block!important;width:118px!important;height:auto!important;max-height:60px!important;object-fit:contain!important;object-position:left center!important;flex:none;vertical-align:middle;}
@media(max-width:900px){.jux-v3-brand .jux-v3-brand-logo{width:96px!important;max-height:48px!important;}}
@media(max-width:600px){.jux-v3-brand .jux-v3-brand-logo{width:84px!important;max-height:42px!important;}}
@media(max-width:375px){.jux-v3-brand .jux-v3-brand-logo{width:77px!important;max-height:39px!important;}}

/* The radio dialog owns the viewport while its page scrolls inside the frame. */
html:has(#jux-radio-view[open]),
body.jux-home:has(#jux-radio-view[open]) {
  overflow: hidden !important;
}
@media (min-width: 901px) {
  html:has(body.jux-site-v3) { scrollbar-color: #ef1b61 #160511; }
  html:has(body.jux-site-v3:not(.jux-home):not(.jux-v3-independent) .page),
  body.jux-site-v3:not(.jux-home):not(.jux-v3-independent):has(.page) {
    height: 100%;
    overflow: hidden;
  }
}

/* Matching smoked-glass circles, with brand colors confined to the icons. */
.jux-site-v3 .jux-v3-relocated-social .jux-v3-circle {
  background: linear-gradient(145deg, rgba(45,36,49,.85), rgba(13,12,22,.9)) !important;
  border: 1px solid rgba(240,143,181,.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  color: #eee7ed !important;
}
.jux-site-v3 .jux-v3-relocated-social .jux-v3-facebook { color: #559bff !important; }
.jux-site-v3 .jux-v3-relocated-social .jux-v3-instagram { color: #ec72a6 !important; }
.jux-site-v3 .jux-v3-relocated-social .jux-v3-circle:hover {
  border-color: rgba(240,143,181,.8) !important;
}
.jux-site-v3 .jux-v3-relocated-social .jux-v3-circle:focus-visible {
  outline: 2px solid #f0a6c4;
  outline-offset: 4px;
}

/* Same geometry as the approved interactive preview, on every page/device. */
.jux-site-v3 .jux-v3-relocated-social {
  gap: 14px !important;
}
.jux-site-v3 .jux-v3-relocated-social .jux-v3-circle {
  box-sizing: border-box !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  flex: 0 0 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
}
.jux-site-v3 .jux-v3-relocated-social .jux-v3-circle svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
}

/* Mobile shortcut replaces the retired notifications control. */
.jux-mobile-dedication { display: none; }
@media (max-width: 900px) {
 .jux-site-v3 .jux-v3-header > .jux-mobile-dedication {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  flex: 0 0 auto; order: 2; margin-left: auto; padding: 0 11px;
  height: 38px; box-sizing: border-box; border: 1px solid #ff538c;
  border-radius: 16px; background: linear-gradient(125deg,#a20c55,#4b123f);
  color: #fff; text-decoration: none; font: 800 11px/1 Montserrat,Arial,sans-serif;
  letter-spacing: .02em;
 }
 .jux-mobile-dedication svg { width: 19px; height: 19px; flex: none; }
 .jux-site-v3 .jux-v3-header > .jux-v3-actions { order: 3; margin-left: 0 !important; }
 .jux-mobile-dedication:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
}
@media (max-width: 375px) {
 .jux-site-v3 .jux-v3-header > .jux-mobile-dedication { padding: 0 8px; font-size: 10px; gap: 5px; }
}

/* JUX FM | Mobile menu TikTok: same glass circles as Facebook and Instagram.
   Brand colors are confined to the TikTok logo, not the circle or CTA. */
.jux-v3-menu-social a.jux-social-tiktok{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,115,166,.38);
  box-shadow:none;
  color:#fff;
}
.jux-v3-menu-social a.jux-social-tiktok:hover,
.jux-v3-menu-social a.jux-social-tiktok:focus-visible{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,115,166,.75);
  box-shadow:0 0 12px rgba(255,0,86,.20);
}
/* Restore the original JUX pink-glass CTA and its pink neon glow. */
.jux-v3-share-full.jux-social-tiktok{
  background:linear-gradient(120deg,rgba(255,0,86,.23),rgba(40,25,40,.72));
  border:1px solid rgba(255,110,164,.5);
  color:#fff;
  text-decoration:none;
  box-shadow:0 0 16px rgba(255,0,86,.20),inset 0 0 11px rgba(255,35,110,.10);
  transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;
}
.jux-v3-share-full.jux-social-tiktok:hover,
.jux-v3-share-full.jux-social-tiktok:focus-visible{
  border-color:#ff8ab6;
  color:#fff;
  background:linear-gradient(120deg,rgba(255,0,86,.30),rgba(40,25,40,.78));
  box-shadow:0 0 23px rgba(255,0,86,.37),inset 0 0 13px rgba(255,35,110,.14);
}


/* JUX FM | 2026-11-08 | Menu scrollbar: original site neon pink.
   Custom track ensures the same color on iOS, where native overlay scrollbars
   cannot always be recolored with scrollbar-color alone. */
.jux-site-v3 .jux-v3-menu-panel.jux-v3-menu-custom-scroll {
  overflow: hidden;
  padding: 0;
}
.jux-site-v3 .jux-v3-menu-scroll-area {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  max-height: inherit;
  padding: 22px 26px 24px 22px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.jux-site-v3 .jux-v3-menu-scroll-area::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none;
}
.jux-site-v3 .jux-v3-menu-scroll-track {
  position: absolute;
  z-index: 2;
  top: 16px;
  bottom: 16px;
  right: 8px;
  width: 4px;
  border-radius: 99px;
  background: rgba(255, 0, 86, .14);
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
}
.jux-site-v3 .jux-v3-menu-panel.is-open .jux-v3-menu-scroll-track.is-visible {
  opacity: 1;
}
.jux-site-v3 .jux-v3-menu-scroll-thumb {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 28px;
  border-radius: 99px;
  background: linear-gradient(180deg, #ff6ba5, #ff0056 52%, #d90b59);
  box-shadow: 0 0 8px rgba(255, 0, 86, .65), 0 0 14px rgba(255, 0, 86, .24);
  will-change: transform;
}
/* "SUNTEM ONLINE": live/broadcast icon, not the TikTok logo.
   CTA retains the original JUX pink glass, glow and destination. */
.jux-site-v3 .jux-v3-share-full .jux-online-icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  color: #fff;
  filter: drop-shadow(0 0 4px rgba(255, 45, 117, .55));
}

/* JUX FM | 2026-11-08 | SCROLLBAR COLORS ONLY.
   Native scrollbar coloring for compatible browsers; a passive visual neon
   indicator on iOS is driven by jux-concept.js (never changes scroll position).
   No changes to scroll roots, touch behavior, animation or audio. */
html:has(body.jux-site-v3),
body.jux-site-v3,
body.jux-site-v3 .page > .container > .content,
body.jux-site-v3 .jux-v3-menu-scroll-area {
  scrollbar-color: #ff0056 rgba(15, 5, 20, .25);
}
html:has(body.jux-site-v3)::-webkit-scrollbar,
body.jux-site-v3::-webkit-scrollbar,
body.jux-site-v3 .page > .container > .content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html:has(body.jux-site-v3)::-webkit-scrollbar-thumb,
body.jux-site-v3::-webkit-scrollbar-thumb,
body.jux-site-v3 .page > .container > .content::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #ff0056;
  box-shadow: 0 0 7px rgba(255,0,86,.65);
}
html:has(body.jux-site-v3)::-webkit-scrollbar-track,
body.jux-site-v3::-webkit-scrollbar-track,
body.jux-site-v3 .page > .container > .content::-webkit-scrollbar-track {
  background: rgba(15,5,20,.25);
}
/* The iOS native overlay indicator cannot reliably be recolored.
   Hide it on supported engines and show a passive neon visual thumb instead. */
@media (max-width: 900px) {
  html:has(body.jux-site-v3) {
    scrollbar-width: none !important;
  }
  html:has(body.jux-site-v3)::-webkit-scrollbar,
  body.jux-site-v3::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
  body.jux-site-v3 .jux-visual-scroll-track {
    position: fixed;
    z-index: 190;
    top: 8px;
    bottom: 8px;
    right: 1px;
    width: 6px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .22s ease;
    contain: layout style;
  }
  body.jux-site-v3 .jux-visual-scroll-track.is-visible { opacity: 1; }
  body.jux-site-v3 .jux-visual-scroll-thumb {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    min-height: 32px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff79af, #ff0056 55%, #d90b59);
    box-shadow: 0 0 6px rgba(255,0,86,.7);
    transform: translate3d(0,0,0);
    will-change: transform;
  }
  body.jux-site-v3.jux-v3-menu-open .jux-visual-scroll-track { opacity: 0 !important; }
}
@media (min-width: 901px) {
  body.jux-site-v3 .jux-visual-scroll-track { display: none !important; }
}