/*
Theme Name: FarsKids
Theme URI: https://farskids.co
Author: FarsKids
Author URI: https://farskids.co
Description: قالب وردپرس فارس‌کیدز - سایت موزیک و فیلم
Version: 2.0
Text Domain: farskids
Tags: music, video, rtl, translation-ready
*/

@font-face {
	font-family:bakhn;
	font-style: normal;
	src: url('fonts/YekanBakhFaNum-Regular.woff') format('woff'),
	url('fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
}
@font-face {
	font-family:bakhb;
	font-style: normal;
	src: url('fonts/YekanBakhFaNum-Bold.woff') format('woff'),   
	url('fonts/YekanBakhFaNum-Bold.woff2') format('woff2'); 
}
.topshadow {
	width: 60%;
    height: 388px;
    border-radius: 1000px;
    opacity: 0.4;
    background: linear-gradient(180deg, #E20B0B 0%, rgba(171, 171, 171, 0.63) 52.08%, #000 99.48%);
    filter: blur(180px);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -30%;
	z-index: -1;
}
.fixedside {
	background:linear-gradient(178deg, rgb(255 255 255 / 3%) 0%, rgba(255, 255, 255, 0.00) 100%);
	border:1px solid rgb(255 255 255 / 4%);
	backdrop-filter: blur(4.5px);
}
.fixedside-bottom {
	background: #21212173;
    backdrop-filter: blur(38.5px);
}
.fixedside-bottom li a {
	flex-flow: column;
    justify-content: center;
    text-align: center;
}
.player .track.active img {
	border:2px solid #b91c1c;
}
.player .active_element {
	color: #b91c1c;
}
.ipost .content .maintext a {
	color: #005CB1;
}
.dark .ipost .content .maintext a {
	color: #54adff;
}
.ipost .content img {
	border-radius: 15px;
	margin-top: 15px;
}
.ipost .covers img {
	margin-top: 0px !important;
}
.formbox input[type=text],.formbox input[type=password],.formbox input[type=email],.formbox input[type=number],.formbox input[type=tel],.formbox input[type=url],.formbox textarea {
	background-color: rgb(255 255 255 / 3%);
	width:100%;
	padding: 15px !important;
	border-radius: 10px;
	margin-bottom: 10px;
	border:1px solid transparent;
}
textarea {
	min-height: 150px;
}
.formbox input[type=text]:focus,.formbox input[type=password]:focus,.formbox input[type=email]:focus,.formbox input[type=number]:focus,.formbox input[type=tel]:focus,.formbox input[type=url]:focus,.formbox textarea:focus {
	outline: 0;
	border:1px solid #747474;
}
.slider-post-gradient {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 54.17%, rgb(41 1 1 / 48%) 100%), #300808;
    opacity: 0.2;
}
.player .controls .playbtn {
	background: linear-gradient(100deg, #FE1E00 0%, #A01515 100%);
	box-shadow: 0px 3px 26px -6px rgba(226, 11, 11, 0.77);
	background-size: 150% auto;
    transition: .5s cubic-bezier(.13,.51,.65,.74);
}
.player .controls .playbtn:hover {
	background-position: right center;
}
.likepost:hover .icon-heart::before ,.likepost.active .icon-heart::before{
	content: "\e90b";
	color: #e20b0b;
}
.sharebox::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(250, 250, 250, 0);
	border-top-color: #838383;
	border-width: 5px;
	margin-left: -5px;
}
.viewest::after {
	content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #211c1a;;
}
.viewest::before {
	content: '';
    position: absolute;
	left: 0;
	height: 100%;
    width: 1px;
    background-color: #211c1a;;
}
.swiper-wrapper {
	padding-bottom: 45px;
}
.swiper-pagination-bullet {
    width: 15px;
    border-radius: 4px;
    height: 3px;
}
.swiper-pagination-bullet {
	background-color: #868686;
}
.swiper-pagination-bullet-active {
	background-color: #9B1D15;
}
.top-43 {
	top:43%;
}
.pb-80 {
	padding-bottom:80px;
}
.sm\:w-48 {
width: 12rem;
}
.loadmore {
    padding: 10px 20px;
    border: 1px solid #ffffff1f;
    border-radius: 35px;
    width: fit-content;
    margin: 10px auto;
	position:relative;
	transition:0.3s;
}
.loadmore:hover {
	padding: 10px 30px;
}
.loadmore::after {
	background: #1c1917;
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0px auto;
    top: 10px;
}
.loadmore::before {
	content: " ";
    background: #1c1917;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    border-radius: 50px;
}
.loadmore.loading::after,.loadmore.loading::before {
	opacity:1;
	visibility:visible;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
.blogsingle article span {
	color: #adadad !important;
}
*/
.blogsingle article hr {
	border-color: #ffffff1c;
    margin: 10px 0;
}
.blogsingle article {
	text-align: justify;
}
.blogsingle article  p {
	margin: 15px 0;
}
.blogsingle .cats a {
	background: #00000057;
    padding: 6px 11px;
    border-radius: 15px;
    color: #ffffffdb;
}
.blogsingle .cats a:hover {
	background:#000;
}
::selection {
    background: #991616;
    color: #fff;
}
::selection {
    background: #991616;
    color: #fff;
}
.tracks .track.active,.tracks .track:hover  {
	background: rgb(238 238 238 / 7%);
}
.w-65 {
	width: 65%;
}
.ads {
	margin:15px 0;
}
.ads img {
	width: 100%;
    margin-bottom: 10px;
    border-radius: 20px;
}
.magcontents article p {
	overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
	font-size: 13px;
}
table td {
    border: 1px solid #ffffff12;
    padding: 9px;

}
/*
.blogsingle h1,.blogsingle h2,.blogsingle h3,.blogsingle h4,.blogsingle h5,.blogsingle h6 {
    font-size: initial;
    font-weight: initial;
} */
.blogsingle blockquote {
    padding-right: 13px;
    border-right: 3px solid #FF9800;
}
.blogsingle article img {
	border-radius: 15px;
}
.blogsingle article a {
	display:inline-flex;
}
.blogsingle .alert {
    background: #30363a;
    padding: 5px;
    border-radius: 10px;
    color: #FFF;
}
.blogsingle article ol {
	list-style: decimal;
	margin-right: 17px;
}
.blogsingle article ul {
	list-style: disc;
	margin-right: 17px;
}
.w50p {
	width:50%;
}
.scrollbox {
    scrollbar-color: #979797 #f1f1f1;
    scrollbar-width: thin
}

.scrollbox::-webkit-scrollbar {
    width: 3px;
    border-radius: 6px;
    overflow: hidden
}

.scrollbox::-webkit-scrollbar-thumb {
    background: #979797
}

.scrollbox::-webkit-scrollbar-track {
    background: #f1f1f100
}

footer {
	padding-bottom: 5.25rem !important;
}
.playlist {
	background: #33302f;
}
.playlist .track .more {
	margin-top:18px;
}
.playlist .track,.ttllist {
    border-color: rgb(255 255 255 / 8%);
}
.player.fx {
	border-radius: 1.5rem;
	margin-bottom: 5px;
}
.seekbar {
	width: 97%;
    left: 1.5%;
	right: 1.5%;
    margin: 0 auto;
}
.fixbtmmenu {
	width: 95.5%;
	z-index: 999;
}
.rotate-180 {
    transform: rotate(180deg);
}
img.aligncenter {
    margin: 0 auto;
}
.playlist .track .actions *:hover {
	color: #ff2d35;
}
.magcontents article {
	border-bottom: 1px solid #eeeeee12;
    padding-bottom: 15px;
}
.moreread a figure img {
	object-fit:cover;
	height: 3rem;
    width: 3rem;
}
aside .menu-item-has-children {
	position:relative;
}
aside .menu-item-has-children ul {
	display:none;
	padding-right:7px;
}
aside .menu-item-has-children::before {
	position:absolute;
	font-family: 'icomoon';
	content: "\e901";
	font-size:15px;
	left: 0;
    top: 9px;
}
aside .menu-item-has-children.active::before {
	transform:rotate(180deg);
}
.farskidsmusic i {
	border: 1px solid #D1D1D1;
    padding: 0 3px;
    border-radius: 5px;
}
.w-52 {width: 13rem;}
.w-48 {width: 12rem;}
.flex-wrap { flex-wrap: wrap;}
.h-30 {
	height : 30rem;
}
.movie_tag {
    color: #FFF;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 13px;
}
.movie_tag.dub {
	background: #009688;
}
.movie_tag.sub {
	background: #2196f3;
}
.pricetag {
	color: #49dd4f;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 13px;
    border: 1px solid #4CAF50;
}
.iconmovie1 , .iconmovie2 , .iconmovie3 , .iconmovie4{
    width: 50px;
    height: 50px;
    background:url("/wp-content/uploads/2023/11/p2.png") no-repeat center center;
    background-size: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
    fill: #d1d5db;
}
.iconmovie2 {
    background:url("/wp-content/uploads/2023/11/p3.png") no-repeat center center;
    background-size: 100%;
}
.iconmovie3 {
    background:url("/wp-content/uploads/2023/11/p1.png") no-repeat center center;
    background-size: 100%;
}
.iconmovie4 {
    background:url("/wp-content/uploads/2023/11/p4.png") no-repeat center center;
    background-size: 100%;
}
.icon-filmtory {
    background:url("/wp-content/uploads/2023/11/popcorn.png") no-repeat center center;
    background-size:100%;
    display:block;
    width:18px;
    height:21px;
}
aside ul li a:hover .icon-filmtory {
	filter: brightness(2);
}
.h_iframe-aparat_embed_frame iframe {
    width: 100%;
    min-height: 40vh;
    height: 100%;
}
.table_parent {
	width: 100%;
    overflow-x: auto;
}
/*
.movielinks .tabs span:first-child {
	background: #98161d;
	color:#FFF;
}*/
.movie_brows .postslider figure {
	width: 170px;
}
.movie_brows .postslider .group {
	margin-left:20px !important;
}
.moviepost {
	margin-bottom:20px !important;
	position:relative;
}
.dubsub {
    position: absolute;
    z-index: 2;
    inset: 14px;
}
.dubsub span {
    background: #009688;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 12px;
    color: #FFF;
}
.dubsub span.sub {
	background: #df5532;
}
@media only screen and (max-width: 991px) {
	.player.fx .songname,.player.fx .artistname {
		font-size: 12px;
	}
	.player .post {
		width: 65%;
	}
}
@media only screen and (max-width: 450px) {
	.movie_brows .postslider figure {
		width:100%;
	}
}
@media only screen and (max-width: 425px) {
	.movies.tabcontent {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap:10px;
	}
	.moviepost {
		width:auto;
	}
	.featured p {
		    display: none;
	}
	.title {
		padding: 0.7rem !important;
	}
	.seekbar  {
    width: 94%;
	}
	.magcontents article p {
		display:none;
	}
	.artistpage .engname {
		font-size: 2.5rem !important;
	}
	.moreread .post .text {
		width: 75%;
    	margin-top: 0;
	}
	.moreread .post figure {
		width: 25% !important;
	}
	.moreread a figure img {
		height: 100%;
		width: 100%;
	}
}
@media only screen and (max-width: 767px) { 
	.movie_content {
		flex-flow: column;
		height:auto;
	}	
	.movie_content .cover {
		margin:0 auto;
	}
	.movie_links {
		flex-wrap: wrap;
		width: 100%;
	}
	.movie_links .links {
		width: 100%;
    flex-flow: column;
    margin-top: 11px;
	}
	.movie_links .links a {
		padding: 14px;
	}
}
@media only screen and (max-width: 639px) {
	.magbgcontent {
		padding: 0;
    	background: transparent;
	}
	.magcontents article img {
		width: 100% !important;
		border-radius: 1rem;
	}
	.magcontents article a {
		width: 7rem !important;
	}
	.magcontents article a.\32xsm\:w-full {
		width: 100% !important;
	}
	.magcontents article p {
		display:none;
	}
	.magcontents article h2 {
		font-size: 0.9rem;
		margin-top: 0;
	}
	.magcontents article .info a {
		display: none;
	}
	.magcontents article .left {
		margin-top: 0;
	}
	.magcontents article.bigpost .left {
		margin: 0.5rem !important;
		width:100%!important;
	}
	.magcontents article .left span {
		margin-right:0;
	}
	/*
	.magcontents article .w-65 {
		width: 100%;*/
	.player .songinfo{
		width: 60%;
	}
	.movielinks .tabs {
		white-space: nowrap;
		overflow-x: scroll;
		padding-bottom: 10px;
		overflow-y: hidden;
	}
}
@media only screen and (max-width: 1280px) {
	footer {
		padding-bottom: 10rem !important;
	}
}
/* =========================================================
   Farskids - Swiper compatibility/core safety rules
   ========================================================= */
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: content-box;
    transition-property: transform;
    padding-bottom: 45px;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transition-property: transform;
}
.swiper-horizontal { touch-action: pan-y; }
.swiper-vertical { touch-action: pan-x; }

/* =========================================================
   FARSKIDS PLAYER — closed / mini / expanded
   ========================================================= */
#farskids-fixed-menu {
    width: min(1360px, calc(100% - 28px));
    z-index: 90;
}
.fk-player-shell {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 28px, 0);
    pointer-events: none;
    transition: opacity .28s ease, transform .38s cubic-bezier(.2,.75,.2,1), visibility .28s;
    z-index: 90;
}
.fk-player-shell.is-visible {
    height: 78px;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    pointer-events: auto;
}
.fk-player-bar {
    position: relative;
    min-height: 72px;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(250px, 1fr) auto minmax(230px, 1fr);
    align-items: center;
    gap: 28px;
    padding: 9px 18px;
    overflow: visible;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: linear-gradient(120deg, rgba(20,23,25,.93), rgba(9,12,14,.88));
    box-shadow: 0 18px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter: blur(26px) saturate(120%);
    -webkit-backdrop-filter: blur(26px) saturate(120%);
}
.fk-player-bar:before {
    content:"";
    position:absolute;
    inset:-18px 15% -22px;
    z-index:-1;
    background: radial-gradient(ellipse, rgba(226,11,11,.13), transparent 66%);
    filter:blur(22px);
    pointer-events:none;
}
.fk-seekbar {
    position:absolute;
    left:0;
    right:0;
    top:-1px;
    height:2px;
    border-radius:99px;
    background:rgba(255,255,255,.13);
    cursor:pointer;
    overflow:hidden;
    z-index:2;
}
.fk-seekbar .seek { height:100%; width:0; background:linear-gradient(90deg,#e20b0b,#ff3b2f); box-shadow:0 0 12px rgba(226,11,11,.5); }
.fk-player-song { min-width:0; justify-self:start; cursor:pointer; direction:rtl; }
.fk-cover-wrap { flex:0 0 auto; margin-left:11px; }
.fk-player-cover {
    display:block;
    width:54px;
    height:54px;
    object-fit:cover;
    border-radius:13px !important;
    box-shadow:0 7px 24px rgba(0,0,0,.38);
}
.fk-song-text { min-width:0; width:205px; line-height:1.65; text-align:right; }
.fk-song-text .songname { font-size:13px; }
.fk-song-text .artistname { font-size:10px; color:#999; }
.fk-player-controls { justify-content:center; gap:16px; white-space:nowrap; direction:ltr; }
.fk-player-controls .timer,.fk-player-controls .duration { color:#888; font-size:10px; min-width:38px; }
.fk-player-controls > i { color:#d8d8d8; font-size:17px; transition:.2s; }
.fk-player-controls > i:hover { color:#fff; transform:translateY(-1px); }
.fk-player-controls .playbtn,
.fk-panel-controls .playbtn {
    width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
    border-radius:50%; background:linear-gradient(145deg,#ff3023,#d30d0d);
    box-shadow:0 7px 28px rgba(226,11,11,.35), inset 0 1px 0 rgba(255,255,255,.18);
}
.fk-player-controls .playbtn i,.fk-panel-controls .playbtn i { position:static; font-size:17px; }
.fk-player-right { justify-self:end; gap:18px; flex-direction:row; direction:ltr; }
.fk-volume { display:flex; align-items:center; gap:8px; direction:ltr; color:#ddd; }
.fk-volume-track { width:86px; height:4px; border-radius:99px; background:rgba(255,255,255,.15); overflow:hidden; cursor:pointer; }
.fk-volume-track .seekvol { width:70%; height:100%; background:linear-gradient(90deg,#e20b0b,#ff3b2f); border-radius:99px; }
.fk-menu-toggle {
    width:40px; height:40px; border:0; background:transparent; color:#eee; display:flex;
    flex-direction:column; justify-content:center; align-items:center; gap:5px; cursor:pointer;
    padding:8px; border-radius:10px; transition:.2s;
}
.fk-menu-toggle:hover { background:rgba(255,255,255,.07); }
.fk-menu-toggle span { display:block; width:19px; height:2px; border-radius:2px; background:currentColor; }

.fk-player-panel {
    position:absolute !important;
    left:0 !important; right:0 !important; bottom:calc(100% + 12px) !important;
    width:100% !important; height:min(72vh,640px);
    display:flex !important; flex-direction:column; opacity:0; visibility:hidden; pointer-events:none;
    transform:translate3d(0,22px,0) scale(.985); transform-origin:bottom center;
    border:1px solid rgba(255,255,255,.10) !important; border-radius:22px !important;
    background-image:linear-gradient(135deg,rgba(14,19,22,.91),rgba(7,10,12,.94)), var(--fk-cover-url, none) !important;
    background-size:cover; background-position:center;
    box-shadow:0 30px 100px rgba(0,0,0,.60), inset 0 1px 0 rgba(255,255,255,.045) !important;
    backdrop-filter:blur(34px) saturate(125%); -webkit-backdrop-filter:blur(34px) saturate(125%);
    overflow:hidden !important; transition:opacity .25s ease, transform .35s cubic-bezier(.2,.75,.2,1), visibility .25s;
}
.fk-player-panel:before {
    content:""; position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(circle at 15% 15%,rgba(226,11,11,.10),transparent 34%), radial-gradient(circle at 80% 10%,rgba(255,255,255,.05),transparent 30%), rgba(5,8,10,.55);
}
.fk-player-shell.panel-open .fk-player-panel { opacity:1; visibility:visible; pointer-events:auto; transform:translate3d(0,0,0) scale(1); }
.fk-panel-top {
    position:relative; display:grid; grid-template-columns:minmax(270px,.75fr) minmax(380px,1.25fr); align-items:center;
    gap:42px; padding:30px 34px 26px; border-bottom:1px solid rgba(255,255,255,.07); z-index:1;
}
.fk-panel-close { position:absolute; top:14px; right:15px; width:34px; height:34px; border:0; background:rgba(255,255,255,.05); color:#ddd; border-radius:50%; font-size:24px; line-height:1; cursor:pointer; }
.fk-panel-current { display:flex; align-items:center; gap:18px; direction:rtl; min-width:0; }
.fk-panel-cover img { width:128px; height:128px; object-fit:cover; border-radius:18px; display:block; box-shadow:0 15px 35px rgba(0,0,0,.38); }
.fk-panel-meta { min-width:0; text-align:right; }
.fk-panel-meta .songname { font-size:19px; font-weight:700; margin-bottom:5px; }
.fk-panel-meta .artistname { color:#aaa; font-size:12px; }
.fk-panel-actions { min-width:0; padding-top:12px; }
.fk-panel-progress { direction:ltr; }
.fk-panel-seek { width:100%; height:4px; border-radius:99px; background:rgba(255,255,255,.15); cursor:pointer; overflow:hidden; }
.fk-panel-seek .seek { width:0; height:100%; background:linear-gradient(90deg,#e20b0b,#ff3b2f); }
.fk-panel-times { display:flex; justify-content:space-between; color:#888; font-size:10px; margin-top:8px; direction:ltr; }
.fk-panel-controls { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:17px; direction:ltr; }
.fk-panel-controls > i { color:#ddd; font-size:18px; }
.fk-panel-volume { margin-left:auto; display:flex; align-items:center; gap:9px; direction:ltr; color:#ddd; }
.fk-panel-volume .fk-volume-track { width:78px; }
.fk-player-panel .ttllist { position:relative; z-index:1; display:flex !important; align-items:center; justify-content:space-between; padding:17px 24px 12px; border-bottom:1px solid rgba(255,255,255,.06); font-size:14px; flex:0 0 auto; }
.fk-panel-count { color:#777; font-size:10px; }
.fk-player-panel .list { position:relative; z-index:1; flex:1; min-height:0; overflow-y:auto; padding:4px 8px 10px; }
.fk-player-panel .track { min-height:66px; padding:0 9px; border-radius:12px; background:transparent; }
.fk-player-panel .track:hover { background:rgba(255,255,255,.035); }
.fk-player-panel .track.active { background:linear-gradient(90deg,rgba(226,11,11,.10),rgba(255,255,255,.025)); }
.fk-player-panel .track .post { padding:8px !important; min-width:0; direction:rtl; }
.fk-player-panel .track .post > div:first-child { margin-left:10px; }
.fk-player-panel .track .post img { width:46px !important; height:46px; object-fit:cover; border-radius:10px !important; }
.fk-player-panel .track .songinfo { min-width:0; text-align:right; }
.fk-player-panel .track .songn { font-size:12px; }
.fk-player-panel .track .artistn { color:#8f8f8f; font-size:10px; }
.fk-player-panel .track .actions,.fk-player-panel .track .more { padding:0 !important; }
.fk-player-panel .track .trplay { padding:13px !important; color:#aaa; transition:.2s; }
.fk-player-panel .track .trplay:hover { color:#e20b0b; }
body.fk-player-panel-open { overflow:hidden; }

@media (max-width: 767px) {
    #farskids-fixed-menu { width:calc(100% - 12px); bottom:6px !important; }
    .fk-player-shell.is-visible { height:70px; }
    .fk-player-bar { min-height:64px; height:64px; border-radius:16px; padding:7px 9px; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
    .fk-player-song { min-width:0; }
    .fk-player-cover { width:48px; height:48px; border-radius:11px !important; }
    .fk-cover-wrap { margin-left:8px; }
    .fk-song-text { width:auto; max-width:125px; }
    .fk-song-text .songname { font-size:11px; }
    .fk-song-text .artistname { font-size:9px; }
    .fk-player-controls { gap:8px; }
    .fk-player-controls .timer,.fk-player-controls .duration,.fk-player-controls .repeat { display:none; }
    .fk-player-controls .previous,.fk-player-controls .next { font-size:14px; }
    .fk-player-controls .playbtn { width:38px; height:38px; }
    .fk-player-controls .playbtn i { font-size:15px; }
    .fk-player-right { gap:5px; }
    .fk-volume { display:none; }
    .fk-menu-toggle { width:34px; height:34px; }
    .fk-seekbar { left:0; right:0; }

    .fk-player-panel { position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important; max-height:none; border-radius:0 !important; transform:translate3d(0,100%,0) !important; z-index:1001 !important; background:linear-gradient(180deg,#111719,#080b0d) !important; }
    .fk-player-shell.panel-open .fk-player-panel { transform:translate3d(0,0,0) !important; }
    .fk-panel-top { display:block; padding:55px 18px 18px; border-bottom:0; }
    .fk-panel-current { flex-direction:column; text-align:center; gap:12px; }
    .fk-panel-cover img { width:min(62vw,245px); height:min(62vw,245px); border-radius:20px; margin:0 auto; }
    .fk-panel-meta { text-align:center; }
    .fk-panel-meta .songname { font-size:17px; }
    .fk-panel-meta .artistname { font-size:11px; }
    .fk-panel-actions { padding-top:22px; }
    .fk-panel-controls { gap:21px; margin-top:18px; flex-wrap:nowrap; }
    .fk-panel-volume { margin-left:0; }
    .fk-panel-volume .fk-volume-track { width:62px; }
    .fk-player-panel .ttllist { padding:13px 18px 10px; }
    .fk-player-panel .list { padding:4px 10px 20px; }
    .fk-player-panel .track { min-height:61px; padding:0 4px; }
    .fk-player-panel .track .post img { width:43px !important; height:43px; }
    .fk-panel-close { top:14px; right:14px; z-index:3; }
}

@media (min-width:768px) and (max-width:1100px) {
    .fk-player-bar { grid-template-columns:minmax(180px,1fr) auto minmax(190px,1fr); gap:12px; }
    .fk-song-text { width:145px; }
    .fk-player-controls { gap:10px; }
    .fk-volume-track { width:62px; }
}


/* =========================================================
   FARSKIDS PLAYER BUGFIXES — v3
   ========================================================= */
.fk-player-shell { overflow: visible; }
.fk-player-shell:not(.is-visible) .fk-player-bar,
.fk-player-shell:not(.is-visible) .fk-player-panel {
    visibility: hidden !important;
    pointer-events: none !important;
}
.fk-player-shell.is-visible .fk-player-bar { visibility: visible; }

/* Progress must always fill from the LEFT to the RIGHT. */
.fk-seekbar,
.fk-seekbar .seek,
.fk-panel-seek,
.fk-panel-seek .seek { direction:ltr !important; }
.fk-seekbar .seek {
    position:absolute;
    left:0;
    right:auto;
    top:0;
    width:0;
}

/* The expanded panel no longer duplicates playback controls. */
.fk-panel-actions-empty { display:none !important; }
.fk-panel-top { grid-template-columns: 1fr !important; justify-items:center; }
.fk-panel-current { width:100%; justify-content:center; }
.fk-panel-cover img { width:170px; height:170px; }

/* Keep the mobile bottom navigation visible; the player sits above it. */
@media (max-width:767px) {
    .fixedside-bottom {
        display:block !important;
        position:fixed !important;
        left:6px !important;
        right:6px !important;
        bottom:6px !important;
        width:auto !important;
        z-index:1100 !important;
    }
    #farskids-fixed-menu {
        bottom:76px !important;
        width:calc(100% - 12px) !important;
        z-index:1101 !important;
    }
    .fk-player-shell.is-visible { height:70px !important; }
    .fk-player-bar { z-index:1102; }
    .fk-player-panel { z-index:1200 !important; }
    .fk-panel-top { padding:48px 18px 12px !important; }
    .fk-panel-cover img { width:min(58vw,220px) !important; height:min(58vw,220px) !important; }
    .fk-player-panel .list { padding-bottom:96px !important; }
}

/* Mini player controls: previous / play / next use the natural LTR order. */
.fk-player-controls { direction:ltr !important; flex-direction:row !important; }

/* =========================================================
   FARSKIDS PLAYER — FINAL INTERACTION / LAYOUT PATCH
   ========================================================= */
/* Never let the hidden player leave a visual footprint. */
#farskids-fixed-menu .fk-player-shell:not(.is-visible) {
    display:block !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
}
#farskids-fixed-menu .fk-player-shell:not(.is-visible) > * {
    visibility:hidden !important;
    pointer-events:none !important;
}

/* Cover/title are real links so the site's AJAX router can intercept them. */
.fk-player-song,
.fk-panel-current {
    color:inherit;
    text-decoration:none !important;
    -webkit-tap-highlight-color:transparent;
}
.fk-player-song,
.fk-panel-current,
.fk-player-cover,
.fk-panel-cover img {
    transition:transform .28s cubic-bezier(.2,.8,.2,1), filter .28s ease, box-shadow .28s ease;
}
.fk-player-song:hover .fk-player-cover,
.fk-panel-current:hover .fk-panel-cover img {
    transform:scale(1.035);
    filter:brightness(1.08) saturate(1.06);
}
.fk-player-song.fk-player-link-press .fk-player-cover,
.fk-panel-current.fk-player-link-press .fk-panel-cover img {
    transform:scale(.955);
    filter:brightness(.88) saturate(.96);
}

/* Mobile hamburger must always be visible/clickable above the bottom nav. */
@media (max-width:767px) {
    #farskids-fixed-menu { z-index:1101 !important; }
    #farskids-fixed-menu .fk-player-shell { z-index:1102 !important; }
    #farskids-fixed-menu .fk-player-bar { z-index:1103 !important; }
    #farskids-fixed-menu .fk-menu-toggle {
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        position:relative !important;
        z-index:1110 !important;
        flex:0 0 34px;
    }
    #farskids-fixed-menu .fk-player-right { position:relative; z-index:1110; }
    #farskids-fixed-menu .fixedside-bottom {
        z-index:1090 !important;
    }
}

/* Desktop expanded panel: artwork stays on the RIGHT; no duplicated controls. */
@media (min-width:768px) {
    .fk-player-panel .fk-panel-top {
        display:grid !important;
        grid-template-columns:minmax(0, 1fr) minmax(180px, 260px) !important;
        align-items:center !important;
        gap:34px !important;
        padding:28px 30px 24px !important;
        justify-items:stretch !important;
    }
    .fk-player-panel .fk-panel-current {
        grid-column:1 !important;
        grid-row:1 !important;
        width:100% !important;
        justify-content:flex-start !important;
        flex-direction:row !important;
        text-align:right !important;
    }
    .fk-player-panel .fk-panel-cover { flex:0 0 auto; }
    .fk-player-panel .fk-panel-cover img {
        width:190px !important;
        height:190px !important;
        border-radius:20px !important;
    }
    .fk-player-panel .fk-panel-meta { min-width:0; flex:1; text-align:right !important; }
    .fk-player-panel .fk-panel-actions-empty {
        display:none !important;
    }
    .fk-player-panel .ttllist {
        text-align:right;
    }
}

/* Keep progress LTR regardless of RTL page direction. */
.fk-seekbar .seek,
.fk-panel-seek .seek {
    left:0 !important;
    right:auto !important;
    transform-origin:left center !important;
}


/* =========================================================
   FARSKIDS PLAYER — MOBILE FINAL FIX
   ========================================================= */
@media (max-width:767px) {
    /* The mobile player is above the persistent bottom navigation. */
    #farskids-fixed-menu {
        bottom:76px !important;
        left:6px !important;
        right:6px !important;
        width:auto !important;
        z-index:1200 !important;
    }
    #farskids-fixed-menu .fk-player-shell { z-index:1201 !important; }
    #farskids-fixed-menu .fk-player-bar { z-index:1202 !important; }

    /* No hamburger on mobile. */
    #farskids-fixed-menu .fk-menu-toggle {
        display:none !important;
        pointer-events:none !important;
    }
    #farskids-fixed-menu .fk-player-right { display:none !important; }

    /* Cover/title is an obvious tappable target. */
    #farskids-fixed-menu .fk-player-song,
    #farskids-fixed-menu .fk-player-song * {
        cursor:pointer !important;
    }

    /* Open the expanded player upward from the bottom, never downward. */
    #farskids-fixed-menu .fk-player-panel {
        position:fixed !important;
        left:6px !important;
        right:6px !important;
        top:auto !important;
        bottom:76px !important;
        inset-inline:auto !important;
        width:calc(100vw - 12px) !important;
        height:min(86dvh,760px) !important;
        max-height:calc(100dvh - 92px) !important;
        border-radius:22px 22px 0 0 !important;
        transform:translate3d(0,calc(100% + 18px),0) !important;
        transform-origin:center bottom !important;
        z-index:1300 !important;
        overflow:hidden !important;
    }
    #farskids-fixed-menu .fk-player-shell.panel-open .fk-player-panel {
        transform:translate3d(0,0,0) !important;
    }
    body.fk-player-panel-open { overflow:hidden !important; }

    /* Expanded mobile cover is still the navigation target. */
    #farskids-fixed-menu .fk-panel-current,
    #farskids-fixed-menu .fk-panel-current * {
        cursor:pointer !important;
    }

    /* Persistent mobile navigation stays below the player/panel. */
    .fixedside-bottom {
        display:block !important;
        position:fixed !important;
        left:6px !important;
        right:6px !important;
        bottom:6px !important;
        width:auto !important;
        z-index:1100 !important;
    }
}

/* Desktop and mobile link affordance. */
.fk-player-song,
.fk-panel-current { cursor:pointer !important; }


/* =========================================================
   FARSKIDS PLAYER — MOBILE CLOSE BUTTON + ARTWORK SYNC
   ========================================================= */
@media (max-width:767px) {
    #farskids-fixed-menu .fk-player-panel .fk-panel-close {
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        position:absolute !important;
        top:12px !important;
        right:12px !important;
        left:auto !important;
        width:42px !important;
        height:42px !important;
        align-items:center !important;
        justify-content:center !important;
        z-index:9999 !important;
        color:#fff !important;
        background:rgba(255,255,255,.10) !important;
        border:1px solid rgba(255,255,255,.14) !important;
        border-radius:50% !important;
        font-size:30px !important;
        line-height:42px !important;
        font-family:Arial,sans-serif !important;
        box-shadow:0 8px 25px rgba(0,0,0,.30) !important;
        cursor:pointer !important;
        pointer-events:auto !important;
    }
    #farskids-fixed-menu .fk-player-panel .fk-panel-close:hover,
    #farskids-fixed-menu .fk-player-panel .fk-panel-close:active {
        background:rgba(255,255,255,.18) !important;
        transform:scale(.96);
    }
}

/* The large artwork is always a live reflection of the currently playing track. */
.fk-player-panel .fk-panel-cover img {
    transition:opacity .18s ease, transform .28s cubic-bezier(.2,.8,.2,1);
}

/* =========================================================
   FARSKIDS PLAYER — MOBILE PANEL SAFE HEIGHT v5
   Keep the expanded player clear of the top edge so the close
   button is always comfortably reachable on short/tall phones.
   ========================================================= */
@media (max-width:767px) {
    #farskids-fixed-menu .fk-player-panel {
        height:min(78dvh,680px) !important;
        max-height:calc(100dvh - 140px) !important;
        bottom:76px !important;
        overflow:hidden !important;
    }

    #farskids-fixed-menu .fk-player-panel .fk-panel-close {
        top:12px !important;
        right:12px !important;
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        min-height:44px !important;
        z-index:99999 !important;
        touch-action:manipulation !important;
    }

    #farskids-fixed-menu .fk-player-panel .fk-panel-top {
        padding-top:64px !important;
    }
}


/* =========================================================
   FARSKIDS SPA — LIGHT PAGE TRANSITION
   CSS-only visual feedback. No overlay, no external library, no layout shift.
   Blur is applied only to the content container while AJAX navigation is active.
   ========================================================= */
#fk-page-loader {
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:0;
    height:2px !important;
    opacity:0;
    display:none;
    z-index:2147483647 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg, rgba(255,255,255,0), currentColor 35%, currentColor 72%, rgba(255,255,255,.72));
    box-shadow:0 0 8px rgba(255,255,255,.28);
    transition:width .38s cubic-bezier(.22,.61,.36,1), opacity .16s ease;
}
#fk-page-loader::after {
    content:"";
    position:absolute;
    top:-1px;
    right:-2px;
    width:72px;
    height:4px;
    border-radius:999px;
    background:currentColor;
    opacity:.28;
    filter:blur(3px);
}

/* The transition never changes dimensions, so the page cannot jump. */
html.fk-page-loading div.xl\\:container {
    transition:opacity .18s ease, filter .20s ease, transform .20s cubic-bezier(.22,.61,.36,1);
    opacity:.90;
    filter:blur(2px);
}

/* Mobile gets the same effect, but slightly lighter for low-power GPUs. */
@media (max-width:767px) {
    html.fk-page-loading div.xl\\:container {
        opacity:.92;
        filter:blur(1.5px);
        transform:translate3d(0,2px,0);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.fk-page-loading div.xl\\:container {
        filter:none;
        transform:none;
        transition:opacity .1s ease;
    }
    #fk-page-loader { transition:opacity .1s ease; }
}


/* =========================================================
   FARSKIDS PLAYER — MOBILE FULL ARTWORK HIT AREA
   ========================================================= */
@media (max-width:767px) {
    #farskids-fixed-menu .fk-player-song,
    #farskids-fixed-menu .fk-cover-wrap,
    #farskids-fixed-menu .fk-player-cover {
        pointer-events:auto !important;
        touch-action:manipulation !important;
        -webkit-tap-highlight-color:transparent;
    }
    #farskids-fixed-menu .fk-cover-wrap {
        position:relative;
        z-index:5;
    }
}

/* =========================================================
   FARSKIDS PLAYER — MOBILE PANEL ARTWORK / LIST BALANCE v9
   Only adjusts the expanded mobile player composition.
   ========================================================= */
@media (max-width:767px) {
    #farskids-fixed-menu .fk-player-panel .fk-panel-top {
        padding:54px 16px 10px !important;
    }

    #farskids-fixed-menu .fk-player-panel .fk-panel-current {
        gap:9px !important;
    }

    #farskids-fixed-menu .fk-player-panel .fk-panel-cover img {
        width:clamp(140px,40vw,160px) !important;
        height:clamp(140px,40vw,160px) !important;
        max-width:160px !important;
        max-height:160px !important;
        border-radius:18px !important;
    }

    #farskids-fixed-menu .fk-player-panel .fk-panel-meta .songname {
        font-size:16px !important;
        margin-bottom:3px !important;
    }

    #farskids-fixed-menu .fk-player-panel .ttllist {
        padding:10px 16px 8px !important;
        font-size:13px !important;
    }

    #farskids-fixed-menu .fk-player-panel .list {
        padding:3px 8px 18px !important;
    }
}

/* FarsKids v10 mobile player refinement */
#fk-cover{cursor:pointer;object-fit:cover;}
@media(max-width:768px){
  #fk-cover{width:44px!important;height:44px!important;border-radius:12px!important;}
  #fk-mini-player{padding-top:8px!important;padding-bottom:8px!important;}
}


/* =========================================================
   FARSKIDS ALBUM TRACKS — NUMBER / SMALL COVER / TITLE / PLAY / DOWNLOAD
   ========================================================= */
.fk-album-track {
    min-height: 50px;
    width: 100%;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.035);
    direction: rtl;
    gap: 9px;
}
.fk-album-track:hover {
    background: rgba(255,255,255,.045);
}
.fk-album-track-number {
    width: 25px;
    min-width: 25px;
    text-align: center;
    color: rgba(255,255,255,.42);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}
.fk-album-track-cover {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: cover !important;
    display: block;
    box-shadow: 0 3px 12px rgba(0,0,0,.22);
}
.fk-album-track-name {
    min-width: 0;
    flex: 1 1 auto;
    max-width: none;
    line-height: 1.8;
    text-align: right;
    color: #eee;
}
.fk-album-track .playtrack {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    margin: 0 !important;
}
.fk-album-track-downloads {
    direction: rtl;
    margin: 0 !important;
}
@media (max-width: 767px) {
    .fk-album-track {
        min-height: 48px;
        padding: 5px 4px !important;
        gap: 7px;
    }
    .fk-album-track-number {
        width: 20px;
        min-width: 20px;
        font-size: 11px;
    }
    .fk-album-track-cover {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
        border-radius: 8px !important;
    }
    .fk-album-track-name {
        font-size: 12px !important;
    }
    .fk-album-track .playtrack {
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        padding-top: 6px !important;
    }
    .fk-album-track-downloads {
        gap: 3px !important;
    }
    .fk-album-track-downloads a {
        padding: 7px 6px 6px !important;
        font-size: 9px !important;
        white-space: nowrap;
    }
}



/* FARSKIDS GLOBAL CONTENT ARTWORK — SQUARE ROUNDED CORNERS */
/* Content covers use a rounded square; circular avatars/buttons remain circular. */
.xl\:container img.rounded-full.w-full,
.xl\:container img.w-12.rounded-full,
.xl\:container img.rounded-full:not([class*="avatar"]):not([alt*="نویسنده"]),
.related-posts img,
.related-music img,
.related-movies img,
.movies-related img,
.music-related img {
    border-radius: 14px !important;
}

/* Post featured image: keep author/share metadata outside the image frame. */
.fk-post-featured-frame {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.fk-post-featured-frame .fk-post-featured-image {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}
.fk-post-meta {
    position: relative;
    z-index: 2;
}
@media (max-width: 639px) {
    .fk-post-meta {
        padding: 12px 4px;
    }
    .fk-post-featured-frame {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
}

/* Live search: visible loading indicator without page navigation. */
.fk-live-search-form {
    position: relative;
    width: 100%;
}
.fk-search-spinner {
    display: none;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 3px solid rgba(255,255,255,.18);
    border-top-color: #ef4444;
    border-right-color: #ef4444;
    border-radius: 50%;
    z-index: 5;
    pointer-events: none;
}
.fk-search-spinner.is-active {
    display: block;
    animation: fkSearchSpin .65s linear infinite;
}
@keyframes fkSearchSpin {
    from { transform: translateY(-50%) rotate(0deg); }
    to { transform: translateY(-50%) rotate(360deg); }
}
.fk-live-search-form input {
    min-width: 0;
    flex: 1 1 auto;
    padding-left: 48px !important;
}


 /* Farskids search music subtabs fix */
.fk-music-subtabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:16px;
}
.fk-music-subtab{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 18px !important;
    min-height:36px !important;
    border-radius:9999px !important;
    cursor:pointer !important;
    font-size:14px !important;
    color:#d1d5db !important;
    background:rgba(255,255,255,.05) !important;
    border:0 !important;
    transition:.2s !important;
    appearance:none !important;
}
.fk-music-subtab:hover,
.fk-music-subtab.is-active{
    background:#991b1b !important;
    color:#fff !important;
}


/* FarsKids lyrics popup safe responsive */

.fk-lyrics-open-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:9px 14px;
    min-height:38px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 8px 25px rgba(0,0,0,.18);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    cursor:pointer;
}

.fk-lyrics-modal{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:16px;
}

.fk-lyrics-modal.is-open{
    display:flex;
}

.fk-lyrics-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.62);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.fk-lyrics-dialog{
    position:relative;
    z-index:2;
    width:min(540px,92vw);
    max-height:62vh;
    background:rgba(25,25,30,.96);
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 20px 70px rgba(0,0,0,.55);
}

.fk-lyrics-dialog-inner{
    padding:15px;
}

.fk-lyrics-close{
    position:absolute;
    top:10px;
    left:10px;
    z-index:3;
    width:32px;
    height:32px;
    border-radius:50%;
    background:rgba(255,255,255,.14);
    color:#fff;
    cursor:pointer;
}

.fk-lyrics-scroll{
    max-height:calc(62vh - 80px);
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 5px 15px;
    -webkit-overflow-scrolling:touch;
}

body.fk-lyrics-modal-open{
    overflow:hidden;
}

@media(max-width:768px){

    .fk-lyrics-modal{
        align-items:flex-start;
        padding:55px 12px 125px;
    }

    .fk-lyrics-dialog{
        width:94vw;
        max-height:52vh;
        margin:0 auto;
    }

    .fk-lyrics-dialog-inner{
        padding:13px 12px;
    }

    .fk-lyrics-scroll{
        max-height:calc(52vh - 75px);
        font-size:14px;
        line-height:1.9;
    }
}

@media(max-width:390px){

    .fk-lyrics-modal{
        padding-top:45px;
        padding-bottom:120px;
    }

    .fk-lyrics-dialog{
        width:92vw;
        max-height:48vh;
    }

    .fk-lyrics-scroll{
        max-height:calc(48vh - 75px);
    }
}