@import url("/css/fonts/css/fontiran.css"); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
body{
	font-family: IRANSans !important;
	font-weight: 400;
	font-size:14px;
}
h1, h2, h3, h4, h5, h6,input, textarea , pre , p , a , select{
	font-family: IRANSans !important;
}
button{
	font-family: IRANSans !important;
}
h1 {
	font-weight: bold;
}
*{
border-style:none;box-sizing:border-box;text-decoration:none;list-style:none;outline:none;
margin:0;padding:0;direction:rtl;transition:all 0.4s ease-in-out;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-drag:none;-webkit-app-region:no-drag;
}
body{background:#21252d;}
.ltr{direction:ltr;}
.lineBreak{display:block;width:94%;height:1px;margin-right:3%;}
/* position */
.fixBlock{position:fixed;}
.absoluteBlock{position:absolute;}
.relativeBlock{position:relative;}
/* display */
.blockElement{display:block !important;}
.hideElement{display:none !important;}
.flexBox{display:flex;}
.flexBoxWithWrap{display:flex;flex-wrap:wrap;}
.blockBox{display:block;}
.gridBox{display:grid;}
.hide{display:none;}
/* overflow */
.autoOverflowY{overflow-y:auto;}
.hideOverflow{overflow:hidden;}
/* state */
.containObject{object-fit:contain;object-position:center;}
.coverObject{object-fit:cover;object-position:center;}
.centerBox{top:50%;left:50%;transform:translate(-50%,-50%);}
.containBG{background-size:contain;background-repeat:no-repeat;background-position:center;}
/* show */
.fullScreen{width:100%;height:100%;}
/* font styles */
.centerText{text-align:center;}
.leftText{text-align:left;}
.justifyText{text-align:justify;}
/* colors */
.whiteColor{color:#fff;}
.lightColor{color:#e0e0e0;}
.orangeColor{color:#FFC107;}
/* backgrounds */
.darkBG{background-color:#151b23;}
.midNightBG{background-color:#21252d;}
.nightBG{background-color:#282f3a;}
.shadowBG{background-color:#30343a;}
.grayBG{background-color:#525760;}
.greenBg{background:#00c46b;}
.blueBG{background:#0098ff;}
.transparentBG{background:none;background:transparent;}
/* inputs */
.inputContainer{position:relative;height:52px;}
.inputContainer input[type="text"]{background:none;}
.button{height:50px;line-height:50px;cursor:pointer;}
input{padding: 0 10px;}
input::placeholder,textarea::placeholder{color: #d2d2d2;}
/*  cursor */
.pointer{cursor:pointer;}
.noneUserSelect{user-select:none;-webkit-user-select:none;}
/* icons */
.iconAfter::after,.iconBefore:before{content:"";position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;}

.main_box_header{padding:0 10px;border-bottom:1px solid #858585;}
.main_box_header h1{line-height:40px;font-size:16px;}

/* styles for mobile */
@media screen and (max-width: 650px) {
    .col-m-1{width:100%;flex:0 0 100%;}
    .col-m-2{width:50%;flex:0 0 50%;}
    .col-m-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-m-4{width:25%;flex:0 0 25%;}
}
@media screen and (max-width: 360px){
    .col-sm-1{width:100%;flex:0 0 100%;}
    .col-sm-2{width:50%;flex:0 0 50%;}
    .col-sm-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-sm-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-sm-4{width:25%;flex:0 0 25%;}
}
@media screen and (min-width: 650px){
    .col-m-1, .col-sl-1{width:100%;flex:0 0 100%;}
    .col-m-2, .col-sl-2{width:50%;flex:0 0 50%;}
    .col-m-3_3, .col-sl-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-m-3, .col-sl-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-m-4, .col-sl-4{width:25%;flex:0 0 25%;}
    .col-sl-5{width:20%;flex:0 0 20%;}
    .col-sl-6{width:16.6666%;flex:0 0 16.6666%;}
}
@media screen and (min-width: 960px){
    .col-l-1{width:100%;flex:0 0 100%;}
    .col-l-2{width:50%;flex:0 0 50%;}
    .col-l-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-l-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-l-4{width:25%;flex:0 0 25%;}
    .col-l-5{width:20%;flex:0 0 20%;}
    .col-l-6{width:16.6666%;flex:0 0 16.6666%;}
}
@media screen and (min-width: 1500px){
    .col-xl-1{width:100%;flex:0 0 100%;}
    .col-xl-2{width:50%;flex:0 0 50%;}
    .col-xl-3_3{width:66.6666%;flex:0 0 66.6666%;}
    .col-xl-3{width:33.3333%;flex:0 0 33.3333%;}
    .col-xl-4{width:25%;flex:0 0 25%;}
    .col-xl-5{width:20%;flex:0 0 20%;}
    .col-xl-6{width:16.6666%;flex:0 0 16.6666%;}
}
#curtain{z-index:500;top:0;right:0;opacity:0.3;}#main_header{height:210px;}
/* Top Header Section */
#top_header{height:70px;padding:10px;}
.header_shadow{box-shadow:0 0 25px -5px #000;}
.logoItem{width:150px;flex:0 0 150px;height:50px;}
.logoItem a{margin:auto;height:100%;}
.logoItem .logoImage{width:auto;max-width:100%;height:100%;}
.searchItem{width:calc(100% - 300px);flex:0 0 calc(100% - 300px);}
.searchItem *{font-size:15px;}
#searchbar{width:500px;height:50px;margin:auto;padding:0 5px;border-radius:15px;}
.searchbar_submit{top:7px;left:7px;height:36px;line-height:36px;width:100px;border-radius:10px;}
.searchbar_submit.active{background:#0098ff;}

/* Bottom Header Section */
#bottom_header{height:50px;padding:10px;}
.headerListItem{height:30px;line-height:30px;padding:0 10px;margin:0 10px;font-size:16px;border-radius:10px;}
.headerListItem:hover{background:#0098ff;}
/* Special Musics Section */
#special_musics{margin-top:-70px;}
.special_musics_container{width:96%;margin:auto;padding:10px;border-radius:25px;}
.special_music{width:calc(100% / 6);flex:0 0 calc(100% / 6);padding:5px;}
.special_music_inner{padding:5px;border-radius:15px;}
.special_music_thumbnail{height:150px;border:1px solid #fff;border-radius:10px;}
.special_music_title{height:70px;line-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-wrap;font-size:15px;font-weight:400;}
/* Under Header Payam */
#under_header_payam{width:96%;margin:30px auto;border-radius:15px;}
/* mini desktop */
@media screen and (max-width: 1024px) {
    .special_musics_container{width:98%;padding:5px;}
    .special_music_thumbnail{height:135px;}
}
/* tablet Styles */
@media screen and (max-width: 960px) {
    #searchbar{width:80%;}
    .special_musics_container{width:86%;padding:5px;border-radius:20px;}
    .special_music{width:33.333%;flex:0 0 33.333%;padding:5px;}
    .special_music_inner{position:relative;padding:0;border-radius:15px;overflow:hidden;}
    .special_music_thumbnail{height:150px;border:none;border-radius:0;}
    .special_music_title{position:absolute;width:100%;height:auto;bottom:0;right:0;background-color:rgba(0,0,0,0.6);line-height:25px;-webkit-line-clamp:4;font-size:14px;}
}
/* mini tablet Styles */
@media screen and (max-width: 800px) {
    #searchbar{width:98%;}
    .special_musics_container{width:96%;border-radius:15px;}
    .special_music_inner{border-radius:10px;}
}
/* mobile Styles */
@media screen and (max-width:640px) {
    #main_header{height:50px;}
    #float_header{margin-top:70px;}
    #top_header{position:fixed;z-index:900;width:100%;top:0;right:0;padding:10px 5px;}
    .logoItem{width:120px;flex:0 0 120px;}
    .searchItem{width:calc(100% - 120px);flex:0 0 calc(100% - 120px);}
    .searchbar_submit{width:60px;font-size:13px;}
    #search-input{font-size:14px;padding:0 5px;padding-left:65px;}
    .headerListItem{font-size:15px;margin:0;}
    #special_musics{margin-top:0;}
    .special_musics_container{width:100%;padding:0;border-radius:0;}
    .special_music{width:33.333%;flex:0 0 33.333%;padding:0;}
    .special_music_inner{position:relative;padding:0;border-radius:0;}
    .special_music_thumbnail{border:none;border-radius:0;}
    .special_music_title{position:absolute;width:100%;height:auto;bottom:0;right:0;background-color:rgba(0,0,0,0.6);line-height:25px;-webkit-line-clamp:4;font-size:14px;}
    #under_header_payam{width:96%;border-radius:10px;}
    #copyRight{font-size:13px;}
}

/* mini mobile */
@media screen and (max-width:370px) {
    #main_header{height:auto;}
    #bottom_header{height:auto;}
    .headerList{flex-wrap:wrap;}
    .headerListItem:nth-of-type(3){display:none;}
    .logoItem{width:100px;flex:0 0 100px;}
    .searchItem{width:calc(100% - 100px);flex:0 0 calc(100% - 100px);padding-right:10px;}
}
/* Footer Styles */
footer{margin-top:20px;}
#mainFooter{padding:15px;}
.footerSection{margin:20px 0;}
.footer_hashtag_item{margin:5px;padding:0 15px;border-right:2px solid #ff9900;border-radius:5px;line-height:30px;}
#our_business_container{margin:10px 0;}
.our_business_item{display:inline-block;width:100px;height:100px;margin:10px;padding:5px;border-radius:10px;background-color:#31394f;}
.our_business_icon{width:100%;height:60px;}
.our_business_icon img{width:100%;height:100%;object-fit:contain;object-position:center;}
.our_business_link{display:block;text-align:center;color:#fff;height:40px;line-height:40px;}
#copyRight{padding:10px;}
#copyRight a{text-decoration:underline;}





/* ===== Yooz Khalifume Ads - Frontend Style ===== */

.yka-ad-card,
.yka-floating-ad {
	--yka-primary: #6c5ce7;
	--yka-primary-dark: #4834d4;
	--yka-dark-bg: #0d59a6;
	font-family: inherit;
	direction: rtl;
	box-sizing: border-box;
}

.yka-ad-card *,
.yka-floating-ad * {
	box-sizing: border-box;
}

/* ---------------------------------------------------- */
/* 1) نوار تبلیغ شناور (تمام عرض + Glassmorphism)        */
/* ---------------------------------------------------- */
.yka-floating-ad {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: rgba(82, 91, 103, 0.3);
	backdrop-filter: blur(18px) saturate(180%);
	-webkit-backdrop-filter: blur(18px) saturate(180%);
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.25);
	z-index: 214748364599 !important;
	padding: 12px 12px calc(14px + env(safe-area-inset-bottom));
	transform: translateY(100%);
	transition: opacity .25s ease, transform .25s ease;
}

.yka-floating-ad.yka-visible {
	transform: translateY(0);
}

/* دکمه بستن - بالا و راست */
.yka-floating-close {
	position: absolute;
    top: 0;
    left: 4%;
    transform: translateY(-100%);
    background: rgb(48 56 67);
    width: 55px;
    height: 26px;
    border: 1px solid #555b65;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    font-size: 15px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
}
.yka-floating-close::before{
  position:relative;
  display:block;
  content:"";
  width:5px;
  height:5px;
  border:2px solid transparent;
  border-right:2px solid #d6d6d6;
  border-bottom:2px solid #d6d6d6;
  transform:rotate(225deg);
  transition: all 0.2s ease;
}
.yka-floating-ad.yka-visible .yka-floating-close::before{
  transform:rotate(45deg);
}

.yka-floating-close:hover {
	background: rgba(60, 68, 78, 1);
}

/* باکس داخلی - سفید و شیشه‌ای */
.yka-floating-inner {
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 18px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	padding: 0;
	gap: 10px;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}

.yka-floating-link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: inherit;
	flex: 1;
	min-width: 0;
  padding:5px;
}

.yka-floating-img {
	width: 70px;
	height: 70px;
	border-radius: 12px;
	object-fit: cover;
	flex-shrink: 0;
}

.yka-floating-meta{
  display:flex;
  flex-direction:column;
  gap:10px;
  flex-grow:1;
}

.yka-floating-title {
	font-size: 13.5px;
	font-weight: 600;
	color: #222;
	overflow: hidden;
	flex: 1;
}

.yka-floating-cta-container{
  direction:ltr;
}

.yka-floating-cta {
	background: linear-gradient(135deg, var(--yka-primary), var(--yka-primary-dark));
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 7px 14px;
	border-radius: 13px;
	white-space: nowrap;
	flex-shrink: 0;
}

@media (max-width: 480px) {
	.yka-floating-ad { padding: 12px 10px calc(12px + env(safe-area-inset-bottom)); }
	.yka-floating-inner { padding: 8px 10px; border-radius: 14px; }
}

/* ---------------------------------------------------- */
/* 2) کارت تبلیغ (تم تیره)                                */
/* ---------------------------------------------------- */
.yka-ad-card {
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.08);
	margin: 25px 10px;
	background: var(--yka-dark-bg);
}

.yka-ad-link {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	color: inherit;
	padding: 5px;
}

.yka-ad-img {
	width: 80px;
	height: 80px;
	border-radius: 14px;
	object-fit: cover;
	flex-shrink: 0;
}

.yka-ad-body {
	display: flex;
	flex-direction: column;
    flex-grow:1;
	gap: 10px;
	min-width: 0;
}

.yka-ad-badge {
	display: inline-block;
	width: fit-content;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 20px;
}

.yka-ad-title {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	overflow: hidden;
}

.yka-ad-card:hover {
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3);
	transform: translateY(-1px);
	transition: all .18s ease;
}

.yka-ad-between-list .yka-ad-link {
	padding: 10px 12px;
}

.yka-ad-between-list .yka-ad-img {
	width: 52px;
	height: 52px;
	border-radius: 12px;
}

@media (max-width: 480px) {
	.yka-ad-link { padding: 10px 12px; gap: 10px; }
	.yka-ad-img { width: 48px; height: 48px; }
	.yka-ad-title { font-size: 13px; }
}.errorTitle{font-size:20px;font-weight:600;}
.errorText{font-size:16px;}
@media screen and (max-width: 650px){
    .errorTitle{font-size:18px;}
    .errorText{font-size:15px;}
}