/* Shared, scoped improvements for the legacy Urban desktop and mobile templates. */
:root{--fr-ink:#24354a;--fr-link:#12509a;--fr-line:#d5dde8;--fr-accent:#c90021;--fr-radius:14px}
:focus-visible{outline:3px solid #0876c9!important;outline-offset:3px}
[hidden]{display:none!important}
.fr-community{font-size:14px;line-height:1.5;padding:12px 16px;border:1px solid #a8b8da;border-radius:12px;text-align:center;color:inherit}
body .wrapper{min-width:0}
body .header_w,body .cont_w{max-width:995px;width:calc(100% - 24px)}
body .column_main,body .column_left{width:calc(100% - 255px);min-width:0}
body .column_main .column_main{width:100%}
body .column_narrow .bl{border:1px solid var(--fr-line);box-shadow:0 2px 8px #172d4a0a}
body .column_narrow .link,body .column_narrow a,body .link_clear{color:var(--fr-link)}
body .column_main_head .decor h1{color:#48586b;font-size:20px;line-height:1.35;white-space:normal}
body .bl_wall .wall_item .wall_user .info em{color:#4b4b4b}
body .wall_item .wall_posted,body .wall_item .bl,body .wall_item .wall_image_post{max-width:100%;box-sizing:border-box}
body .wall_item .wall_posted .bl .txt{overflow-wrap:anywhere}
body .wall_no_items.show{height:auto;min-height:0;padding:32px 18px;background:none;text-align:center;box-sizing:border-box}
.fr-empty{display:grid;justify-items:center;gap:14px;padding:24px;background:#fff;border:1px dashed #b7c8dc;border-radius:var(--fr-radius);line-height:1.5;color:var(--fr-ink)}
.fr-empty strong{font-size:20px}.fr-empty p{max-width:400px;margin:0}.fr-empty nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
body .wall_composer_card .inp_hide{display:none}
body .wall_composer_card #wall_media_dropzone{margin:12px 0 0;min-height:36px}
body .wall_composer_card .wall_media_filename{overflow-wrap:anywhere}
body .wall_compose_recovery:has(>[hidden]:first-child):has(>[hidden]:last-child){display:none}
body .footer{height:auto;min-height:110px;margin:0;padding:24px 0 16px;box-sizing:border-box}
body .footer .decor{height:auto;min-height:0;padding-bottom:12px}
body .footer a{color:#fff}
body .footer .cont_w{height:auto;min-height:0}
body .cinema_login{width:100%;height:auto;min-height:100vh;min-height:100dvh;overflow:visible}
body .cinema_login_inner{min-height:100vh;min-height:100dvh}
body .cinema_divider{color:#c3cbd6}
body .cinema_login p,body .cinema_login .cinema_field label,body .cinema_login .custom_checkbox label{color:#d3dce8}
body .cinema_footer a{color:#cbd8eb}
body .cinema_login :focus-visible{outline-color:#7dd3fc!important}
body .cinema_login .cinema_top_tools{z-index:10}
.fr-background-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.fr-background-controls button{border:1px solid #708cae;border-radius:8px;padding:9px 12px;background:#101d30;color:#fff;font:inherit;min-height:40px;cursor:pointer}
.cinema_hero .fr-background-controls{justify-content:flex-start}
.fr-preferences-button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
body #cookie-popup-container{position:relative;z-index:1000;clear:both}
body #cookie-popup-container .cookie-popup{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;max-width:100%!important;box-sizing:border-box;margin:12px;padding:16px;border:1px solid #aebfd4;border-radius:12px;background:#fff;color:#26364b;box-shadow:0 2px 12px #13274315}
body .cookie-popup-inner{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
body .cookie-popup-left{flex:1;min-width:200px;width:auto}
body .cookie-popup-right{display:flex;align-items:center;gap:10px;width:auto}
body .cookie-popup-headline{font-size:15px;font-weight:700;line-height:1.35}
body .cookie-popup-sub-headline{font-size:13px;line-height:1.4}
body .cookie-popup a.more_link{color:#124e91;text-decoration:underline}
body .cookie-popup-accept-cookies-btn,body .fr-consent-choice{background:#164f86;color:#fff;border:0;border-radius:7px;padding:10px 14px;font:inherit;cursor:pointer}
body .fr-consent-choice{background:#edf2f9;color:#164675;border:1px solid #9eafc5}
.fr-cookie-settings{position:fixed;right:12px;bottom:12px;z-index:999;border:1px solid #7891ac;border-radius:7px;padding:8px 12px;background:#fff;color:#174a7f;font:12px Arial;cursor:pointer}
body.visitor .header .language,body.visitor .bl_btn_app a{color:#164d86}
body .cinema_top_tools .language{color:#e6eef9!important}
body .autosizejs{visibility:hidden!important;pointer-events:none}
@media(max-width:1000px){
 body .header_w{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0}
 body .header .logo{margin:0;float:none;min-height:0}.header .logo a{height:auto}.header .logo img{max-width:165px;height:auto}
 body .header .nav{order:3;width:100%;margin:0;float:none;overflow:auto}
 body .header .nav ul{display:flex;width:max-content;min-width:100%}
 body .header .avka{margin:0 0 0 auto}
 body .header_decor_photo:not(.cinema_members){display:none}
 body .content{padding-bottom:28px}
 body .cinema_login_inner{grid-template-columns:1fr 400px;gap:24px}
 body .cinema_hero h1{font-size:40px}
}
@media(max-width:780px){
 body .column_main,body .column_left,body .column_narrow{float:none;width:100%;margin:0}
 body .column_narrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
 body .column_narrow .bl{width:auto;margin:0;min-width:0}
 body .column_narrow .bl_banner,body .column_narrow .banner{display:none}
 body .column_main_head .decor{padding:14px;height:auto;min-height:30px}
 body .column_main_head .decor h1{max-width:75%;font-size:18px}
 body .bl_wall .wall_item .wall_posted{width:auto;margin-left:8px;margin-right:8px}
 body .bl_wall .wall_item .wall_user .icon{right:0}
 body .wall_item .bl{width:auto}
 body .cinema_login_inner{display:block;min-height:0;margin:0;padding:58px 18px 30px}
 body .cinema_hero{margin-bottom:24px}.cinema_hero h1{font-size:34px!important}
 body .cinema_hero p{font-size:16px!important}
 body .cinema_members{margin-top:18px}
 body .cinema_members .cont_w .swiper-slide{width:90px;height:110px}
 body .cinema_login_panel{padding:26px 22px;box-sizing:border-box;width:100%;max-width:430px}
 body .cinema_footer{position:relative;bottom:auto;margin-top:16px;box-sizing:border-box}
 body .cinema_footer_inner{display:flex;flex-direction:column;gap:18px}
 body .cinema_footer_nav{flex-wrap:wrap;gap:12px;justify-content:center}
 body .cinema_footer_copy{margin-top:16px;padding-top:14px}
 .cinema_hero .fr-background-controls{justify-content:center}
 body.visitor .content .cont_w{max-width:100%}
}
@media(max-height:600px){body .cinema_login_inner{min-height:0}body .cinema_footer{position:relative}}
@media(max-width:480px){
 body .header_w,body .cont_w{width:calc(100% - 16px)}
 body .column_narrow{display:block}body .column_narrow .bl{margin-bottom:12px}
 body .column_narrow .bl:not(.bl_banner){height:auto}
 body .wall .module_search_show{font-size:12px}
 body .column_main_head .decor h1{max-width:66%;font-size:17px}
 body .wall_composer_card{margin:8px!important;padding:16px!important}
 body .wall_composer_card .wall_media_picker{gap:8px}
 body .wall_composer_card .wall_media_picker_button{padding:10px 6px;font-size:13px}
 body .cinema_options{flex-direction:row;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Mobile landing content follows document flow; advertisements remain secondary. */
body .block_map_index{padding-bottom:16px}
body .block_map_index+.banner_footer{max-height:70px;overflow:hidden}
body .footer_mobile_index{position:relative;bottom:auto!important;padding:16px 12px;box-sizing:border-box}
body .footer_mobile_index .bl_btn{position:static;display:flex;gap:12px}
.wall_no_items:not(.show) .fr-empty{display:none}
body .fr-cookie-settings{position:relative;right:auto;bottom:auto;margin:8px}

body.cinema_video_login{background:#0a1424 url('/_files/tmpl/urban_main_page_image_112.jpg') center/cover fixed}.cinema_video_login #bg_video{pointer-events:none}
.fr-player-retry{position:absolute;z-index:12;top:62%;left:50%;transform:translateX(-50%);padding:12px 20px;background:#fff;color:#123f70;border:2px solid #699ad1;border-radius:8px;cursor:pointer}
.video-js .vjs-control-bar{font-size:14px}.video-js .vjs-button:focus-visible{outline:2px solid #80d9ff!important;outline-offset:-3px}.video-js .vjs-control{min-height:32px}
html:has(body.cinema_video_login){height:auto;min-height:100%;overflow:auto}body.cinema_video_login{height:auto;overflow:visible}body.cinema_video_login .main{position:relative;height:auto;min-height:100dvh;overflow:visible}
body .column_narrow .list .link,body .column_narrow .list a,body .column_narrow .count,body .column_narrow .count a{color:#22558b}
body .wall .column_main_head .decor h1{color:#465366!important}
body.visitor a#current,body.visitor .bl_btn_app a.android{color:#164578!important}body .cinema_top_tools a#current{color:#e4edf8!important}
body .edit_photos.link,body .title_edit h2,body .title_edit a,body .profile_verification_show strong,body .bl_increase_popularity strong{color:#22568c}

@media(max-width:600px){body .banner_footer img{max-width:100%;height:auto}body .bl_btn_app{max-width:100%}body .content{max-width:100%;box-sizing:border-box}body .footer_mobile_index{width:100%!important}body .footer_mobile_index input{min-height:44px}body .cookie-popup{margin:8px!important}body .cookie-popup-right{flex-wrap:wrap}}
body.visitor .bl_btn_app a.android{background:#164578!important;color:#fff!important;border-radius:7px}
body .column_narrow #narrow_live_list_finished_count,body .column_narrow #narrow_menu_link_5>.link,body .column_narrow #user_block_list>.link{color:#4c5d39!important}
body .add_new_interest,body a[href$="increase_popularity.php"]>strong{color:#22558d!important}
.fr-sidebar-disclosure{margin-bottom:12px;border:1px solid #d3deeb;border-radius:10px;background:#fff;color:#244b7c}.fr-sidebar-disclosure summary{padding:14px;cursor:pointer;font-weight:600}.fr-sidebar-disclosure .bl{border:0!important;box-shadow:none!important}
@media(max-width:600px){body .st-content-inner{width:100%!important;min-width:0!important;box-sizing:border-box}body .st-content-inner .header{max-width:100%}}
body:has(.fr-mobile-entry){height:auto;overflow:auto;background:#111c2e;color:#e4edf8}
body:has(.fr-mobile-entry) .main,body:has(.fr-mobile-entry) .st-content-inner{height:auto;min-height:100dvh;position:relative}
body:has(.fr-mobile-entry) .wrapper{min-height:0;margin-bottom:0!important}
body:has(.fr-mobile-entry) .footer{min-height:0;margin:0;padding:20px 16px}
body:has(.fr-mobile-entry) .banner_footer{max-height:64px;margin:12px auto 0;padding:0;overflow:hidden}
body:has(.fr-mobile-entry) .fr-community{color:#e2edf8;border-color:#627b9b;margin:14px 16px}
body:has(.fr-mobile-entry) #block_btn_index>a{min-height:44px;line-height:44px;height:auto;background:#215a92;margin-top:10px;text-shadow:none;border-radius:9px}
body:has(.fr-mobile-entry) .bl_social_buttons li a{background:#fff url('/_frameworks/main/urban/images/google-sign-in-button.png') center/contain no-repeat}
body:has(.fr-mobile-entry) .bl_social_buttons li a span{background:none!important}
.wall_caption_tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;padding:12px;background:#eef3fa;border-radius:10px;color:#253c59}.wall_caption_tools label{font-weight:600}.wall_caption_tools input{max-width:100%;font:inherit}
.fr-quality-selector{position:absolute;right:12px;top:12px;z-index:4;padding:6px;border-radius:6px;background:#13293fd9;color:#fff;font-size:12px}.fr-quality-selector select{margin-left:6px;color:#132c49;font:inherit}.video-js:not(.vjs-user-active):not(.vjs-paused) .fr-quality-selector:not(:focus-within){opacity:0}
