/* =====================================
RSN PREMIUM MOBILE NAV
===================================== */

.rsn-app-nav{

position:fixed;
left:50%;
transform:translateX(-50%);
bottom:12px;

width:94%;
max-width:500px;

height:68px;

background:#fff;

display:flex;
align-items:center;
justify-content:space-around;

border-radius:22px;

border:1px solid #ececec;

box-shadow:0 5px 25px rgba(0,0,0,0.12);

z-index:999999;

overflow:hidden;

}

.rsn-app-nav a{

flex:1;

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

text-decoration:none;

color:#111;

font-size:11px;
font-weight:700;

height:100%;

gap:3px;

}

.rsn-app-nav a span{

font-size:20px;
line-height:1;

}

.rsn-app-nav a small{

font-size:11px;
font-weight:700;

}

body{

padding-bottom:100px !important;

}

@media(min-width:769px){

.rsn-app-nav{
display:none;
}

body{
padding-bottom:0 !important;
}

}

/* =====================================
RSN APP HEADER
===================================== */

.rsn-app-header{

position:sticky;
top:0;
left:0;
width:100%;

height:72px;

background:#fff;

display:flex;
align-items:center;
justify-content:space-between;

padding:0 18px;

z-index:999999;

box-shadow:0 2px 12px rgba(0,0,0,0.06);

}

.rsn-app-logo a{

font-size:26px;
font-weight:800;
color:#111;
text-decoration:none;

}

.rsn-menu-btn{

background:none;
border:none;

font-size:34px;
color:#c40000;

cursor:pointer;

}

/* DRAWER */

.rsn-mobile-drawer{

position:fixed;
top:0;
right:-320px;

width:300px;
height:100vh;

background:#fff;

z-index:9999999;

transition:0.3s ease;

box-shadow:-5px 0 20px rgba(0,0,0,0.12);

padding:20px;

overflow-y:auto;

}

.rsn-mobile-drawer.active{
right:0;
}

/* OVERLAY */

.rsn-drawer-overlay{

position:fixed;
top:0;
left:0;

width:100%;
height:100vh;

background:rgba(0,0,0,0.45);

opacity:0;
visibility:hidden;

transition:0.3s ease;

z-index:999999;

}

.rsn-drawer-overlay.active{

opacity:1;
visibility:visible;

}

/* TOP */

.rsn-drawer-top{

display:flex;
align-items:center;
justify-content:space-between;

margin-bottom:30px;

}

.rsn-drawer-top span{

font-size:24px;
font-weight:800;

}

.rsn-drawer-top button{

background:none;
border:none;

font-size:30px;
cursor:pointer;

}

/* LINKS */

.rsn-drawer-links{

display:flex;
flex-direction:column;
gap:14px;

}

.rsn-drawer-links a{

display:flex;
align-items:center;

gap:12px;

padding:14px 16px;

background:#f5f5f5;

border-radius:14px;

text-decoration:none;

font-size:16px;
font-weight:700;

color:#111;

transition:0.3s;

}

.rsn-drawer-links a:hover{

background:#c40000;
color:#fff;

}

/* DESKTOP */

@media(min-width:769px){

.rsn-app-header,
.rsn-mobile-drawer,
.rsn-drawer-overlay{

display:none;

}

}

/* =====================================
HIDE ASTRA MOBILE HEADER
===================================== */

@media(max-width:768px){

.main-header-bar-navigation,
.ast-mobile-header-wrap,
.ast-builder-menu-mobile,
.site-header-primary-section-right,
.ast-header-break-point .main-header-bar{

display:none !important;

}

}

/* =====================================
RSN USER CARD
===================================== */

.rsn-user-card{

display:flex;
align-items:center;
gap:14px;

background:linear-gradient(135deg,#c40000,#ff2b2b);

padding:18px;

border-radius:18px;

margin-bottom:24px;

color:#fff;

box-shadow:0 5px 20px rgba(196,0,0,0.25);

}

.rsn-user-avatar{

width:60px;
height:60px;

border-radius:50%;

background:#fff;

display:flex;
align-items:center;
justify-content:center;

font-size:28px;

color:#c40000;

font-weight:700;

}

.rsn-user-info h4{

margin:0;
font-size:18px;
font-weight:800;

}

.rsn-user-info p{

margin:4px 0 0;
font-size:13px;

opacity:0.9;

}

/* =====================================
RSN VIDEO NEWS
===================================== */

.rsn-video-feed{

display:flex;
flex-direction:column;
gap:24px;

padding:20px;

}

.rsn-video-card{

background:#fff;

border-radius:24px;

overflow:hidden;

box-shadow:0 5px 25px rgba(0,0,0,0.08);

}

.rsn-video-card img{

width:100%;
height:auto;

display:block;

}

.rsn-video-content{

padding:18px;

}

.rsn-video-content h3{

font-size:22px;
line-height:1.4;

margin-bottom:14px;

}

.rsn-video-content h3 a{

text-decoration:none;
color:#111;

}

.rsn-video-meta{

display:flex;
justify-content:space-between;

font-size:13px;

margin-bottom:18px;

color:#666;

}

.rsn-video-buttons{

display:flex;
gap:12px;

}

.rsn-watch-btn,
.rsn-share-btn{

flex:1;

text-align:center;

padding:12px;

border-radius:14px;

text-decoration:none;

font-size:14px;
font-weight:700;

}

.rsn-watch-btn{

background:#c40000;
color:#fff;

}

.rsn-share-btn{

background:#111;
color:#fff;

}

.rsn-app-nav a{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
text-decoration:none;
font-weight:600;
}

.rsn-app-nav a span{
font-size:22px;
line-height:1;
}

.rsn-app-nav a small{
font-size:13px;
line-height:1.2;
}

.rsn-reel-video{
position:relative;
width:100%;
height:100%;
display:block;
}

.rsn-reel-video img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.rsn-play-btn{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:90px;
height:90px;
border-radius:50%;
background:red;
color:#fff;
font-size:42px;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 30px rgba(0,0,0,0.4);
}

.rsn-reel-video{
position:relative;
width:100%;
height:100vh;
overflow:hidden;
background:#000;
}

.rsn-reel-video iframe{
width:100%;
height:100%;
border:none;
}

/* =====================================
HIDE ONLY ASTRA MOBILE MENU
===================================== */

@media(max-width:768px){

.ast-mobile-header-wrap{
display:none !important;
}

.main-header-bar-navigation{
display:none !important;
}

.site-header-primary-section-right{
display:none !important;
}

}

/* =====================================
RSN APP HEADER
===================================== */

.rsn-app-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
background:#fff;
position:sticky;
top:0;
z-index:99999;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

.rsn-app-logo{
font-size:28px;
font-weight:800;
}

.rsn-app-menu-btn{
font-size:34px;
color:red;
}

/* =====================================
RSN BOTTOM NAV
===================================== */

.rsn-bottom-nav{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#fff;
display:flex;
justify-content:space-around;
align-items:center;
padding:12px 5px;
box-shadow:0 -5px 20px rgba(0,0,0,0.1);
z-index:99999;
border-radius:25px 25px 0 0;
}

.rsn-bottom-nav a{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-decoration:none;
font-size:13px;
font-weight:600;
color:#111;
gap:5px;
}

.rsn-bottom-nav-icon{
font-size:22px;
}

body{
padding-bottom:90px;
}