/*
Theme Name: Nex1
Theme URI: https://nex.ir
Author: Amir Nazari
Description: رسانه دانلود آهنگ نکس وان 
Version: 1.0
*/


@font-face {
	font-family: Yekan;
	font-style: normal;
	font-weight: normal;
	src:url('fonts/woff2/YekanBakh-Regular.woff2') format('woff2');		
 font-display:swap;
}



@font-face {
	font-family: Yekan;
	font-style: normal;
	font-weight: bold;
	src:url('fonts/woff2/YekanBakh-Bold.woff2') format('woff2'); 
font-display:swap;
}
body{
  margin:0;
  font-family:Yekan, sans-serif;
  background:#eef2f7;
}
a {
  color: inherit;        /* رنگ رو از والد بگیره */
  text-decoration: none; /* حذف underline */
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit !important;
    text-decoration: none !important;
}

.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
}

.menu li {
    position: relative;
}

.menu a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 10px;
    transition: color .3s, background .3s;
}

.menu a:hover {
    color: #fff;
    background: #0073aa;
    border-radius: 5px;
}
/* زیرمنو */
.menu .sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 180px;
    background: #fff;
	color:#0073aa;
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    display: none;
    flex-direction: column;
    gap: 0;
    z-index: 999;
}

.menu .sub-menu li {
    width: 100%;
}

.menu .sub-menu a {
    padding: 10px 15px;
    border-radius: 0;
    white-space: nowrap;
}

.menu .sub-menu a:hover {
    background: #0073aa;
    color: #fff !important;
}

/* نمایش زیرمنو */
.menu li:hover > .sub-menu {
    display: flex;
}


/* CONTAINER */
.container{
  max-width:1300px;
  margin:auto;
  padding:0px 5px;
}

/* 🔥 HEADER DARK */
.header{
  background:#006A90;
  color:#fff;

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

.header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  max-width:1300px;
  margin:auto;
  padding:10px 10px;
}

.logo{
  font-size:22px;
  font-weight:bold;
  color:#38bdf8;
}

.logo img {
  width: 150px;   /* سایز دلخواه */
  height: auto;   /* نسبت تصویر حفظ میشه */
  display: block;
} 
.mobile-logo img {
  width: 200px;   /* سایز دلخواه */
  height: auto;   /* نسبت تصویر حفظ میشه */
  display: block;
	  float:center;
  align:center;
} 
.menu{
  font-size:15px;
	font-weight: 600;

  display:flex;
  gap:40px;
}

.menu a{
  color:#ddd;
  text-decoration:none;
  transition:0.3s;
}

.menu a:hover{
  color:#fff;
}


.close-menu{
border:1px solid #FFF;
  display:center;
  text-align:center;
  margin-top:15px;
  font-size:14px;
  color:#fff;
  cursor:pointer;
  padding:5px;
    border-radius:10px;

}


.search{
    font-family:Yekan;
  display:flex;
  background:#eef2f7;
  border-radius:10px;
  overflow:hidden;
}

.search-icon{
  background:#E38C12;
  color:#fff;
  padding:10px 15px;

  border:none;              /* حذف بوردر پیشفرض */
  outline:none;             /* حذف outline */
  cursor:pointer;           /* حالت دست */
  display:flex;             /* برای وسط‌چین شدن آیکون */
  align-items:center;
  justify-content:center;

  appearance:none;          /* حذف استایل پیشفرض */
  -webkit-appearance:none;  /* برای کروم */
}

.search input{
  font-family:Yekan;
  border:none;
  padding:10px 15px; /* هم‌سطح با دکمه */
  outline:none;
  background:transparent;
  flex:1; /* بگیره کل فضا رو */
}


/* HERO */
.hero {
  text-align: center;
  padding: 5px 0;
}

.hero h2 {
  margin-bottom: 10px;
}

/* GRID */

/* GRID */
.music-grid {
    text-align:center;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 5px;
  padding-bottom: 5px;
}


/* CARD */
.music-card {
  text-align:center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  transition: 0.3s;
  position: relative;
}

.music-card:hover {
  transform: translateY(-6px);
} 

.music-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  display: block;
}

.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 50px;
  opacity: 0;
  transition: 0.3s;
}

.music-card:hover .overlay {
  opacity: 1;
}

.music-card h2 {
  font-size: 14px;
  margin: 7px;
}

.music-card p {
  font-size: 12px;
  margin: 0 7px 7px;
  color: #666;
}








/* LAYOUT */
.layout{
  display:grid;
  grid-template-columns:260px 1fr 300px;
  gap:10px;
  margin-top:10px;
}

/* SIDEBAR */
.sidebar{
  display:flex;
  flex-direction:column;
  gap:15px;
}

.widget {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.widget h3 {
  font-size: 14px;
  margin: 0;                   /* حذف margin */
  padding: 12px 16px;           /* فاصله داخلی متن */
  background:#006A90;
  color: #fff;                 /* متن روشن */
  border-radius: 10px 10px 0 0; /* گوشه‌های بالایی همرنگ widget */
}

.widget:hover{
  transform:translateY(-3px);
}

/* حذف کامل بولت */
.widget ul,
.widget li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* اگر با before ساخته شده */
.widget li::before {
  content: none !important;
  display: none !important;
}

/* اگر از ul والد میاد */
.widget ul li {
  list-style-type: none !important;
}

.widget a {
  display: block;
  padding: 10px 15px;
  font-size: 13px;
  color: #0077ff;
  text-decoration: none;
  transition: 0.2s;
}

.widget a:hover {
  background: #f5f9ff;
  color: #0056cc;
}

/* SONG CARD */
.song{
  display:flex;
  align-items:center;
  background:#fff;
  border-radius:10px;
  padding:5px 5px;
  margin-bottom:5px;
  box-shadow:0 8px 25px rgba(0,0,0,0.06);
  transition:0.3s;
}

.song:hover{
  transform:translateY(-4px);
}

/* 🔥 ترتیب صحیح (RTL) */
.cover{
  margin-left:10px;
}

.cover img{
  width:75px;
  height:75px;
  border-radius:10px;
}

.song-info{
  flex:1;
}

.song-info h2{
  margin:0;
  font-size:14px;
}

.song-info p{
  margin:4px 0;
  font-size:13px;
  color:#666;
}

.song-info span{
  font-size:11px;
  color:#999;
}

/* 🔥 پلی سمت چپ */
.play-btn{
  width:75px;
  height:75px;
background: linear-gradient(135deg, #00c6ff, #004e92);  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:35px;
  margin-right:10px;
  cursor:pointer;
  transition:0.3s;
}

.play-btn:hover{
  transform:scale(1.1);
}


/* FOOTER */

.footer{
  background:#020617;
  color:#ccc;
  padding:20px 0;
  margin-top:20px;
}

.footer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
} 
.footer p{
color:#FFF;
  text-align: justify;
  font-size:13px;

}
.footer a{
  color:#aaa;
  text-decoration:none;
}

.social{
  display:flex;
  gap:10px;
}

.social span{
  width:35px;
  height:35px;
  background:#1e293b;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
}

.copy{
background: linear-gradient(135deg, #00c6ff, #004e92);
  text-align:center;
  margin-top:20px;
  font-size:12px;
  padding:10px 0;
}

/* 📱 MOBILE */
@media(max-width:1000px){

  .layout{
    display:flex;
    flex-direction:column;
  }

  .main{
    order:1;
  }

  .sidebar{
    order:2;
  }

}

/* موبایل */
@media (max-width: 768px) {
  .music-grid {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  }
  .music-card img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  display: block;
}
}


/* 🔥 همبرگر */
.hamburger{
  display: none;
  justify-content: center; /* وسط افقی */
  align-items: center;     /* وسط عمودی */
  font-size:34px;
  cursor:pointer;
  color:#fff;
  padding:5px;
}

/* 🔥 منوی موبایل */
.mobile-menu{
  
  position:fixed;
  top:0;
  right:-100%;
  width:260px;
  height:100%;
  background:#0f172a;
  padding:20px;
  transition:0.3s;
  display:flex;
  flex-direction:column;
  gap:15px;
  z-index:999;
}
.mobile-menu ul{
  list-style:none;
  padding:0;
  margin:0;
}

/* هر آیتم منو */
.mobile-menu li{
  border-bottom:1px solid rgba(255,255,255,0.08); /* خط نازک */
}

/* آخرین آیتم خط نداشته باشه */
.mobile-menu li:last-child{
  border-bottom:none;
}

/* لینک‌ها */
.mobile-menu a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:10px 5px;
  transition:0.3s;
}

/* ✨ هاور حرفه‌ای */
.mobile-menu a:hover{
  background:rgba(255,255,255,0.05);
  padding-right:12px; /* یه حرکت ریز به راست */
}

.mobile-menu.active{
      box-shadow:-200px 0 0 2000px rgba(0,0,0,0.5);
  right:0;
}



/* سرچ داخل منو */
.mobile-search{
  font-family:Yekan;
  display:flex;
  align-items:center;
  background:#eef2f7;
  border-radius:10px;
  overflow:hidden;
  padding:0; /* مهم */
}
 
/* آیکون */
.mobile-search-icon{
  background: #E38C12;
  color:#fff;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0; /* حذف فاصله احتمالی */
  border:none;              /* حذف بوردر پیشفرض */
  outline:none;             /* حذف outline */
  cursor:pointer;           /* حالت دست */
  display:flex;             /* برای وسط‌چین شدن آیکون */
    
}

/* اینپوت */
.mobile-search input{
  flex:1; /* کل فضا رو بگیره */
  font-family:Yekan;
  border:none;
  padding:10px;
  outline:none;
  background:transparent;
  margin:0; /* حذف فاصله */
  
}
/* 🔥 ریسپانسیو */
@media(max-width:1000px){

  /* مخفی کردن منو و سرچ دسکتاپ */
  .menu{
    display:none;
  }

  .search{
    display:none;
  }

  /* نمایش همبرگر */
  .hamburger{
    display:block;
  }

}




.my-section {
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
  text-align: center; /* وسط‌چین کردن محتوا */
}
 
.announcement {
  display: inline-block; /* اندازه با محتوای داخلش تنظیم می‌شود */
  background-color: #ffeb3b; /* رنگ پس‌زمینه اطلاعیه */
  color: #333;
  padding: 15px 20px;
  border-radius: 12px;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  text-align: center;
  margin-bottom:10px;
}


.song-title {
    text-align:center;
  }
  
  .song-title h1 {
  font-size: 17px;
  margin: 0;                   /* حذف margin */
  padding: 15px 16px;           /* فاصله داخلی متن */
  background:#006A90;
  color: #fff;                 /* متن روشن */
  border-radius: 10px 10px 0 0; /* گوشه‌های بالایی همرنگ widget */
}
  
.song-post {
text-align:center;

font-size:14px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  margin-bottom: 20px;
  line-height: 1.5;
    padding:2px;

  }
  
  
  




.music-box {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 5px;
  margin: 10px;
}
.music-box h4{
  padding: 5px;
  margin: 2px;
}
.music-box p {
  margin: 0;
  padding: 10px 0;
}



.dl-button {
  display: block;
  text-align: center;
  background-color: #007bff; /* آبی */
  color: #fff;
  text-decoration: none;
  padding: 10px;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  transition: background 0.3s;
}

.dl-button:hover {
  background-color: #0056b3;
  color: #fff;

}

.audio-player {
  display: block;
  width: 100% !important;
  max-width: 100%;
}

.song-post img{
  display: block;      /* تصویر را به بلاک تبدیل می‌کند */
  margin: 0 auto;      /* حاشیه خودکار از دو طرف */
  max-width: 100%;     /* روی موبایل جمع و جور باشه */
  height: auto;
    border-radius:10px;
}
  
input,
textarea,
select,
button {
  font-family: inherit;
}

  /* Comments */
/* Comments Box */
.comments {
  margin-top: 30px;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  line-height: 1.6;
  padding: 15px;
  margin-bottom:30px;
}

/* Title */
.comments h3 {
  margin-bottom: 15px;
  font-size: 14px;
}

/* Form */
.comment-box {
  padding: 10px;
  border-radius: 10px;
}

/* Textarea */
.comment-box textarea {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #ddd;
  resize: vertical;
  min-height: 120px;
  margin-bottom: 10px;
  font-family: inherit;
}

/* Inputs wrapper (برای وردپرس مهمه) */
.comment-box p {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

/* Inputs */
.comment-box input[type="text"],
.comment-box input[type="email"] {
  width: 45%;
  padding: 2%;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-family: inherit;
}

/* Submit */
.comment-box input[type="submit"] {
  width: 100%;
  background: #26a9e1;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

/* Hover */
.comment-box input[type="submit"]:hover {
  background: #1b7cb3;
}

/* تغییر برای موبایل */
@media (max-width: 768px) {
    .footer-grid {padding:10px;
        display: grid;
        grid-template-columns: 1fr 1fr; /* دو ستون اول کنار هم */
        gap: 50px;
    }
 
    /* ستون سوم شبکه‌ها */
    .footer-grid > div:nth-child(3) {padding:10px;
        grid-column: 1 / -1; /* ستون سوم تمام عرض ردیف بعدی */
        margin-top: 10px;    /* فاصله از بالایی‌ها */
    }
}


audio {
  display: block;
  width: 100% !important;
  max-width: 100%;
    padding:0;
    margin:10px 0;
    border-radius:8px;
border:1.5px solid #FFF;

}


/* =========================
   RELATED POSTS (IMPROVED)
========================= */

.box_right.bottom{
  background:#0b1220;
  padding:12px;
  border-radius:10px;
  margin-top:0;
  color:#fff;
}

/* TITLE SEPARATED */
.box_right .title{
  font-weight:700;
  font-size:14px;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:1px solid #FFF;
}

/* LIST RESET */
.box_right ul{
  list-style:none;
  padding:0;
  margin:0;
}

/* ITEMS */
.box_right li{
  padding:5px 0;              /* فاصله کم عمودی */
  border-bottom:1px solid rgba(255,255,255,0.06);
}

/* remove last line */
.box_right li:last-child{
  border-bottom:none;
}

/* LINKS */
.box_right a{
  color:#e5e7eb;
  text-decoration:none;
  display:block;
}

/* TEXT INSIDE ITEM */
.box_right a h4{
  font-size:12px;            /* طبق خواسته تو */
  font-weight:400;
  margin:0;
  line-height:1.4;
}

/* hover effect (optional) */
.box_right li:hover a{
  color:#fff;
}

/* =========================
   SONG BOX
========================= */


.postimg{
  border-radius:10px;
}

/* =========================
   MUSIC BOX
========================= */

.music-box{
  background:#0b1220;
  color:#fff;
  padding:15px;
  border-radius:16px;
  margin-top:15px;
}

.audio-player h4{
  margin-bottom:10px;
}

.line{
  height:1px;
  background:#1f2937;
  margin:0px;
}

.dl-button{
  display:block;
  background:#1d4ed8;
  color:#fff;
  padding:10px;
  border-radius:10px;
  text-align:center;
  text-decoration:none;
  margin:5px 0;
}

/* =========================
   SHARE BUTTONS
========================= */

.share-box{
  display:flex;
  gap:10px;
  margin-top:15px;
  flex-wrap:wrap;
}

.share-btn{
  flex:1;
  text-align:center;
  padding:10px;
  border-radius:10px;
  color:#fff;
  text-decoration:none;
  font-size:13px;
}

.telegram{background:#229ED9;}
.whatsapp{background:#25D366;}

.social-join{
  display:flex;
  gap:10px;
  margin-top:10px;
}

.join-btn{
  flex:1;
  padding:10px;
  text-align:center;
  border-radius:10px;
  color:#fff;
  text-decoration:none;
}

.join-telegram{background:#229ED9;}
.join-instagram{
  background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);
}

/* =========================
   INFO BOX
========================= */

.info-box{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  background:#111827;
  padding:10px;
  border-radius:10px;
  margin:10px;
  color:#fff;
  font-size:13px;
}

.info-box div{
  text-align:center;
}



.comment-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.comment-list .box_right{
  background:#FFF;
  border:1px solid rgba(255,255,255,0.06);
  border-radius:10px;
  padding:10px 12px;
  color:#FFF;
}

.comment-list .author{
  font-weight:700;
  background:#E38C12;
  border-radius: 8px;
  position: relative;
  padding: 3px 10px;
  font-size:13px;

}

.comment-list .commtxt{
  margin-top:6px;
  font-size:13px;
  line-height:1.5;
  color:#3C3333;
}

.load-more-wrap{
  text-align:center;
  margin:20px 0;
}

/* 🔥 دکمه فول */
#load-more{
  width:100%;
  background:linear-gradient(135deg,#006A90,#0088b8);
  color:#fff;
  border:none;
  padding:14px 20px;
  border-radius:12px;
  font-size:15px;
  cursor:pointer;
  transition:0.3s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}

/* hover */
#load-more:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

/* active click */
#load-more:active{
  transform:scale(0.98);
}

/* متن */
#load-more .btn-text{
  transition:0.3s;
}

/* 🔄 اسپینر */
#load-more .spinner{
  width:16px;
  height:16px;
  border:2px solid rgba(255,255,255,0.3);
  border-top-color:#fff;
  border-radius:50%;
  display:none;
  animation:spin 0.8s linear infinite;
}

/* حالت لود */
#load-more.loading .spinner{
  display:inline-block;
}

#load-more.loading .btn-text{
  opacity:0.8;
}

/* disabled */
#load-more:disabled{
  background:#444;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* انیمیشن چرخش */
@keyframes spin{
  to{ transform:rotate(360deg); }
}
.widget-artist {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.widget-artist h3 {
  font-size: 14px;
  margin: 0;                   /* حذف margin */
  padding: 12px 16px;           /* فاصله داخلی متن */
  background:#006A90;
  color: #fff;                 /* متن روشن */
  border-radius: 10px 10px 0 0; /* گوشه‌های بالایی همرنگ widget */
}
/* باکس کلی */
.artist-widget{
  background:#0b1220;
  padding:15px;
  border-radius:14px;
  margin-top:20px;
}

/* عنوان */
.artist-title{
  font-size:16px;
  margin-bottom:15px;
  color:#fff;
}

/* لیست */
.artist-list{
padding:10px;
  display:grid;
  grid-template-columns:repeat(2, 1fr); /* دسکتاپ: 2 تا */
  gap:5px;
}

/* آیتم‌ها (دکمه‌ای) */
.artist-item{
  display:block;
  text-align:center;
  background:#E38C12;
  color:#FFF !important;
  padding:2px;
  border-radius:6px;
  text-decoration:none;
  font-size:13px;
  transition:0.3s;
  border:1px solid rgba(255,255,255,0.05);
}

/* هاور */
.artist-item:hover{
  background:#006A90;
  color:#fff;
}

/* 📱 موبایل */
@media (max-width:768px){

  .artist-list{
    grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));
  }

}
.widget-artist .artist-item,
.widget-artist .artist-item:link,
.widget-artist .artist-item:visited,
.widget-artist .artist-item:hover,
.widget-artist .artist-item:active {
    color: #fff !important;
}