:root{
  --card-bg:#0d0f1a;
  --gold:#d9b96a;
  --accent:#ffd65a;
  --surface:#151826;
  --text:#e8eaf1;

  --chip-px:14px;
  --chip-py:6px;
  --chip-radius:12px;
  --chip-fs:.95rem;

  --shadow-outer:0 12px 24px rgba(0,0,0,.25), 0 0 6px rgba(217,185,106,.2);
  --shadow-inner:inset 0 0 0 0.4px var(--gold);
  --shadow-raised:0 6px 16px rgba(0,0,0,.4);
  --shadow-pop:0 8px 16px rgba(0,0,0,.25), 0 0 6px rgba(217,185,106,.15);
}

.single-music-wrapper-container{
  display:flex;
  gap:30px;
  max-width:1300px;
  margin:0 auto;
  align-items:flex-start;
}
.single-music-wrapper-container .main-column{
  width:990px; min-width:990px; flex:0 0 990px;
}
.single-music-wrapper-container .left-column{
  width:280px; flex:0 0 280px; order:2;
  background:transparent !important; border:0 !important; box-shadow:none !important;
  padding:0 !important; display:flex; flex-direction:column; gap:20px;
}
.single-music-wrapper{
  display:block; width:100%; max-width:unset; margin:0;
}

@media (max-width:1240px){
  .single-music-wrapper-container{ flex-direction:column; max-width:950px; }
  .single-music-wrapper-container .main-column,
  .single-music-wrapper-container .left-column{ width:100%; min-width:0; flex:unset; order:unset; }
}

/* ====================== */
/*       CARD PATTERN     */
/* ====================== */
.card,
.single-music-wrapper .post-card,
.single-music-wrapper .comments-card,
.sidebar-card,
.artist-songs-box{
  background:var(--card-bg);
  border-radius:14px;
  padding:20px;
  border:none;
  box-shadow:var(--shadow-inner), var(--shadow-outer);
  overflow:hidden;
}
.single-music-wrapper .post-card,
.single-music-wrapper .comments-card{ margin:0 0 30px; }

/* ====================== */
/*     SECTION HEADERS    */
/* ====================== */
.box-title,
.sidebar-card .box-title,
.artist-songs-box .box-title{
  font-weight:900; font-size:1.05rem; color:var(--accent);
  margin:0 0 18px; position:relative; padding-bottom:8px;
  text-align:center; line-height:1.6;
}
.box-title::after,
.sidebar-card .box-title::after,
.artist-songs-box .box-title::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:0; width:80px; height:2px; background:var(--accent); border-radius:2px;
}

/* ====================== */
/*  LATEST / ARTIST LISTS */
/* ====================== */
.latest-music-list,
.artist-songs-list{
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column;
}
.latest-music-list{ gap:14px; }
.artist-songs-list{ gap:24px; align-items:center; }

.latest-music-list li a,
.artist-songs-list li a{
  display:flex; align-items:center; gap:12px;
  text-decoration:none; color:#dfe3ec; transition:color .15s ease;
  direction:rtl; text-align:center;
}
.artist-songs-list li a{flex-direction: column;}
.latest-music-list li a{text-align: start;}

.latest-music-list .song-title,
.artist-songs-list .song-title{
  font-weight:600; line-height:1.6; color:#e9ecf4;
}
.latest-music-list .song-title{
  flex:1; font-size:.9rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; letter-spacing:-.2px;
}
.artist-songs-list .song-title{ font-size:1rem; }
.latest-music-list li a:hover .song-title,
.artist-songs-list li a:hover .song-title{ color:var(--accent); font-weight:700; }

.latest-music-list .thumb img{
  width:50px; height:50px; border-radius:10px; object-fit:cover; flex:0 0 46px;
  box-shadow:0 4px 10px rgba(0,0,0,.35);
}
.artist-songs-list .thumb img{
  width:100px; height:100px; border-radius:12px; object-fit:cover; margin-bottom:10px;
  box-shadow:var(--shadow-raised);
}

.artist-archive-link{
  display:block; text-align:center; margin-top:30px; font-size:.9rem; font-weight:700;
  color:var(--accent); text-decoration:none; transition:color .2s ease;
}
.artist-archive-link:hover{ color:#ff9800; }

/* ====================== */
/*        POST HEADER     */
/* ====================== */
.post-card-header{
  margin:-20px -20px 20px;
  padding:16px 20px 12px;
  background:#0f111d;
  border-radius:14px 14px 0 0;
  box-shadow:var(--shadow-inner), inset 0 -1px 0 rgba(217,185,106,.45);
}
.post-card-header .header-top{ display:flex; justify-content:center; align-items:center; margin-bottom:10px; }
.post-card-header .post-title{
  margin:0; text-align:center; font-size:1.25rem; font-weight:800;
  color:var(--accent); text-shadow:0 0 3px rgba(255,214,90,.1);
}
.post-card-header .header-bottom{
  display:flex; align-items:center; justify-content:space-between; direction:rtl;
}

/* ====================== */
/*   SINGLE MUSIC SHARE   */
/* ====================== */
.music-share-box {
  position: relative;
}

.music-share-inner .music-share-btn {
  direction: rtl;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .18);
  padding: var(--chip-py) var(--chip-px);
  border-radius: var(--chip-radius);
  cursor: pointer;
  font-weight: 700;
  font-family: "Vazirmatn", system-ui;
  font-size: var(--chip-fs);
  line-height: 1.2;
  transition: background-color .2s, border-color .2s;
}

.music-share-inner .music-share-btn .music-share-icon {
  font-size: 1.4em;
  line-height: 1;
}

.music-share-inner .music-share-btn:hover {
  background: rgba(255, 255, 255, .05);
}

body.light-mode .music-share-inner .music-share-btn {
  border: 1px solid rgba(0, 0, 0, .2);
  background: #fff;
  color: #111;
}

body.light-mode .music-share-inner .music-share-btn:hover {
  background: rgba(0, 0, 0, .04);
}

.music-share-inner .music-share-menu {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 8px);
  background: var(--surface);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  padding: 10px;
  display: none;
  min-width: 160px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .35);
}

.music-share-inner .music-share-menu.is-open {
  display: block;
}

.music-share-inner .music-share-menu a,
.music-share-inner .music-share-menu .music-share-copy {
  all: unset;
  display: block;
  width: 100%;
  text-align: center;
  background: #1d2130;
  color: #e8eaf1;
  padding: 10px 1px;
  margin: 4px 0;
  border-radius: 8px;
  cursor: pointer;
  font-size: .92rem;
  font-weight: 800;
  font-family: "Vazirmatn", system-ui;
  transition: background .15s, color .15s;
}

.music-share-inner .music-share-menu a:hover,
.music-share-inner .music-share-menu .music-share-copy:hover {
  background: #24293b;
  color: var(--accent);
}
.music-share-menu { display: none; }

.album-download-buttons {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* ====================== */
/*        MEDIA & CTAs    */
/* ====================== */
.music-cover-img{ max-width:100%; height:auto; display:block; margin:0 auto; }
.song-header-eng{ text-align:center; font-size:1.1rem; font-weight:600; margin-bottom:15px; color:#e8eaf1; }

.zip-btn, .track-btn, .toggle-lyrics-btn{
  display:inline-block; background:#c62828; color:#fff; font-weight:700; font-size:.95rem;
  text-decoration:none; padding:10px 18px; border-radius:8px; transition:background .2s ease, transform .1s ease;
  margin:5px; border:none; cursor:pointer; text-align:center; font-family:inherit;
}
.toggle-lyrics-btn{ display:block; margin:20px auto; padding:10px 20px; }
.zip-btn:hover, .track-btn:hover, .toggle-lyrics-btn:hover{ background:#b71c1c; transform:translateY(-2px); }
.zip-btn:active, .track-btn:active, .toggle-lyrics-btn:active{ transform:translateY(0); }

/* ====================== */
/*     LYRICS SECTION     */
/* ====================== */

  .toggle-lyrics-btn{
    width: auto;
    max-width: none;
    margin: 20px auto;
    padding: 10px 20px;
    font-size: .95rem;
  }

.single-music .lyrics-content{
  max-width:95%;
  margin:0 auto 16px;
  padding:0;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

.single-music .lyrics-content [itemprop="text"]{
  direction:rtl;
  text-align:center;
  line-height:normal;
  margin:0;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
  padding:0 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}

.single-music .lyrics-content [itemprop="text"] p{
  margin:0;
  line-height:1.5;
  text-align:inherit;
}


.single-music .lyrics-content [itemprop="text"] p:empty{display:none;}
.single-music .lyrics-content [itemprop="text"] p:has(> br:only-child){display:none;}

@media (min-width:768px){
  .single-music .lyrics-content [itemprop="text"]{gap:8px;}
  .single-music .lyrics-content [itemprop="text"] p{line-height:1.8;}
}

.single-music .lyrics-content [itemprop="text"] b.d-block.pb-4 {
  color: #007bff;
}


.single-music .lyrics-heading{
  display:inline-block;
  font-weight:700;
  color:#007bff;
  margin-bottom:16px;
}


/* ====================== */
/*   SINGLE MUSIC: STATS  */
/* ====================== */
.single-music .music-stats{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.08);
}


.single-music .music-stats .stat{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  padding:10px 18px;
  color:#e8eaf1;
  font-size:.95rem;
  font-weight:700;
  line-height:1.4;
}
.single-music .music-stats .stat-number{ font-weight:800; }


.single-music .music-stats .view-count .icon{ display:none; }
.single-music .music-stats .view-count .stat-number{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  direction:rtl;
}
.single-music .music-stats .view-count .stat-number::after{
  content:" بازدید";
  font-weight:700;
}

.single-music .music-stats .like-button{
  position:relative;
  direction:rtl;
  appearance:none;
  cursor:pointer;
}

.single-music .music-stats .like-button .stat-number{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.single-music .music-stats .like-button .stat-number::after{
  content:" لایک";
  font-weight:700;
}


.single-music .music-stats .heart-icon svg{
  width:20px; height:20px;
  fill:#ff4661; stroke:#ff4661;
  transition:transform .12s ease;
  display:block; position:relative; top:-2px;
}
.single-music .music-stats .like-button:active .heart-icon svg{ transform:scale(1.15); }
.single-music .like-button.liked .heart-icon svg{ fill:#ff4661; stroke:#ff4661; }


@keyframes heart-bounce{
  0%{transform:scale(1)} 30%{transform:scale(1.4)}
  60%{transform:scale(.9)} 100%{transform:scale(1)}
}
.single-music .like-button.heart-animating .heart-icon svg{
  animation:heart-bounce .35s ease-out;
}

/* Tooltip */
.single-music .music-stats .like-button .custom-tooltip{
  display:none;
  position:absolute;
  bottom:100%;
  right:50%;
  transform:translateX(50%);
  margin-bottom:6px;
  background:rgba(0,0,0,.85);
  color:#fff;
  font-size:.8rem;
  font-weight:600;
  padding:6px 10px;
  border-radius:6px;
  white-space:nowrap;
  pointer-events:none;
  z-index:10;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.single-music .music-stats .like-button:hover .custom-tooltip{ display:block; }


.single-music .music-stats-card{
  position:relative;
  margin:0 -40px -40px;
  padding:0 20px 25px;
  border-top:2px solid rgba(255,255,255,.10);
  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.16));
  border-radius:0 0 14px 14px;
  overflow:visible;
}


body.light-mode .single-music .music-stats-card{
  border-top:2px solid rgba(0,0,0,.06);
  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.04));
}
body.light-mode .single-music .music-stats{
  border-top:1px solid rgba(0,0,0,.08);
}
body.light-mode .single-music .music-stats .stat{
  background:rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.12);
  color:#1b2030;
}


body.light-mode .single-music .music-stats .like-button .custom-tooltip{
  background:#f4f4f6;
  color:#333;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}

html.theme-light .single-music .music-stats .stat,
body.light-mode .single-music .music-stats .stat,
.light-mode .single-music .music-stats .stat{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  color: #111 !important;
}

html.theme-light .single-music .music-stats .stat-number,
body.light-mode .single-music .music-stats .stat-number,
.light-mode .single-music .music-stats .stat-number{
  color: #000 !important;
  font-weight: 700;
}

html.theme-light .single-music .music-stats .like-button:hover,
body.light-mode .single-music .music-stats .like-button:hover,
.light-mode .single-music .music-stats .like-button:hover{
  color: inherit !important;
}

html.theme-light .single-music .music-stats .stat.like-button,
body.light-mode .single-music .music-stats .stat.like-button,
.light-mode .single-music .music-stats .stat.like-button{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  padding: 10px 18px !important;
  border-radius: 12px;
}

/* ====================== */
/*        COMMENTS        */
/* ====================== */
.comments-card{ margin:30px 0; }
.comments-card .comments-head{
  display:flex; align-items:center; justify-content:space-between; direction:rtl;
  margin:0 -20px 20px; padding:10px 20px; border-bottom:2px solid rgba(255,255,255,.12);
  background:transparent; box-shadow:none;
}
.comments-card .comments-title{ margin:0; font-weight:800; font-size:1rem; color:#fff; }
.comments-card .approved-count{ font-weight:700; font-size:.9rem; color:#cfd3df; background:none; border:none; padding:0; }

.comments-card .comment-form{
  display:grid; grid-template-columns:1fr 1fr; gap:14px; direction:rtl;
}
.comments-card .comment-form .comment-notes,
.comments-card .comment-form .logged-in-as{
  grid-column:1 / -1; order:0; font-size:.85rem; color:rgba(255,255,255,.65); margin-top:-4px;
}
.comments-card .comment-form .comment-form-author,
.comments-card .comment-form .comment-form-email{ order:1; grid-column:span 1; }
.comments-card .comment-form .comment-form-comment{ order:2; grid-column:1 / -1; }
.comments-card .comment-form .comment-form-cookies-consent{
  order:3; grid-column:1 / -1; display:flex; align-items:center; gap:8px;
  font-size:.9rem; color:rgba(255,255,255,.85);
}
.comments-card .comment-form .comment-form-cookies-consent input[type="checkbox"]{
  width:18px; height:18px; accent-color:var(--accent);
}
.comments-card .comment-form .form-submit{ order:4; grid-column:1 / -1; justify-self:start; }

.form-submit input[type="submit"].a11y-contrast {
  background-color: #b84e00;
  color: #fff;
  border: 2px solid #8f3d00;
  padding: 10px 20px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
}
.form-submit input[type="submit"].a11y-contrast:hover {
  background-color: #a84600;
}
.form-submit input[type="submit"].a11y-contrast:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}


.comments-card textarea,
.comments-card input[type="text"],
.comments-card input[type="email"]{
  width:100%; background:#121426; border:1px solid rgba(255,255,255,.18);
  border-radius:10px; padding:12px 14px; color:var(--text);
  font-size:.95rem; font-family:inherit;
  transition:border-color .2s, background .2s, box-shadow .2s;
}
.comments-card textarea{ min-height:150px; resize:vertical; }
.comments-card textarea:focus,
.comments-card input[type="text"]:focus,
.comments-card input[type="email"]:focus{
  outline:none; background:#16182c; border-color:var(--gold); box-shadow:0 0 0 1px rgba(217,185,106,.08);
}

.comments-card [type="submit"],
.comments-card button[type="submit"],
.comments-card input[type="submit"] {
  background: #ff9800;
  color: #000;
  border: 2px solid #cc7a00;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .2s, transform .1s;
  font-family: "Vazirmatn", "Vazirmatn FD", "Noto Sans Arabic", "IRANSansX", Tahoma, Arial, sans-serif !important;
  font-size: .95rem;
  letter-spacing: 0;
}

.comments-card [type="submit"]:hover {
  background: #cc7a00;
  color: #fff;
}

.comments-card [type="submit"]:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
/* حالت تم روشن */
body.light-mode .comments-card [type="submit"],
body.light-mode .comments-card button[type="submit"],
body.light-mode .comments-card input[type="submit"] {
  background: #ffb84d;
  color: #333;
  border-color: #e09000;
  font-weight: 700;
}

body.light-mode .comments-card [type="submit"]:hover {
  background: #e09000;
  color: #fff;
}

.comments-card #submit:active{ transform:translateY(0); }

@media (max-width:640px){
  .comments-card .comment-form{ grid-template-columns:1fr; }
  .comments-card .comment-form .comment-form-author,
  .comments-card .comment-form .comment-form-email{ grid-column:1 / -1; }
}

ol.comment-list, ul.commentlist, ul.comments, .comments-list{ margin:20px 0 !important; padding:0 !important; }
ol.comment-list > li.comment,
ul.commentlist > li.comment,
ul.comments > li.comment{ list-style:none !important; margin:0 0 16px !important; padding:0 !important; }

ol.comment-list > li.comment > .comment-body,
ul.commentlist > li.comment > .comment-body,
ul.comments > li.comment > .comment-body,
li.comment .comment-content,
li.comment .comment-text,
li.comment .comment-inner,
.comment-card{
  background:var(--card-bg) !important; border-radius:12px !important; padding:16px 20px !important;
  box-shadow:var(--shadow-inner), var(--shadow-pop) !important; position:relative;
}
li.comment .reply a, li.comment .comment-reply-link{ color:var(--accent) !important; font-weight:700 !important; text-decoration:none !important; }
li.comment .reply a:hover, li.comment .comment-reply-link:hover{ color:#ff9800 !important; }

.comment-card .comment-header{
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.1);
  padding-bottom:8px; margin-bottom:12px;
}
.comment-card .comment-author .fn{ font-weight:800; font-size:1rem; color:var(--accent); }
.comment-card .comment-date{ font-size:.9rem; color:rgba(255,255,255,.65); white-space:nowrap; }

.comment-card .comment-footer{ display:flex; justify-content:flex-end; margin-top:10px; }
.comment-card .comment-footer a.comment-reply-link{
  display:inline-block; padding:4px 10px; border:1px solid rgba(255,214,90,.3);
  border-radius:6px; color:#fff !important; font-weight:700; text-decoration:none;
  transition:all .2s ease;
}

.single-music .music-cover-img {
    max-width: 600px;
    width: 100%;
    height: auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 25px;
}


body.light-mode{
  --card-bg:#ffffff;
  --surface:#ffffff;
  --text:#0f1222;
  --accent:#b8860b;
  --gold:#d9b96a;

  --shadow-outer:0 8px 18px rgba(0,0,0,.08);
  --shadow-inner:inset 0 0 0 1px rgba(0,0,0,.06);
  --shadow-raised:0 4px 12px rgba(0,0,0,.10);
  --shadow-pop:0 6px 14px rgba(0,0,0,.10);
}

body.light-mode .sidebar-card,
body.light-mode .artist-songs-box,
body.light-mode .single-music-wrapper .post-card,
body.light-mode .single-music-wrapper .comments-card{
  color: var(--text);
}

body.light-mode .post-card-header {
  background: var(--card-bg);
  box-shadow: var(--shadow-inner), inset 0 -1px 0 rgba(0,0,0,.06);
}

body.light-mode .post-card-header .post-title{ color:var(--accent); }

body.light-mode .latest-music-list li a{ color:#2a2e3a; }
body.light-mode .latest-music-list .song-title{ color:#1b2030; }
body.light-mode .artist-songs-list li a{ color:#2a2e3a; }
body.light-mode .artist-songs-list .song-title{ color:#1b2030; }
body.light-mode .latest-music-list li a:hover .song-title,
body.light-mode .artist-songs-list li a:hover .song-title{ color:var(--accent); }

body.light-mode .artist-archive-link{ color:var(--accent); }
body.light-mode .artist-archive-link:hover{ color:#d48300; }



/* ======================
   LIGHT THEME OVERRIDES
   ====================== */

body.light-mode .music-share-inner .music-share-btn{
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  color: #111;
}
body.light-mode .music-share-inner .music-share-btn:hover{
  background: rgba(0,0,0,.05);
}

body.light-mode .music-share-inner .music-share-menu{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

body.light-mode .music-share-inner .music-share-menu a,
body.light-mode .music-share-inner .music-share-menu .music-share-copy{
  background: #f4f6f8;
  color: #0f172a;             /* slate-900 */
}
body.light-mode .music-share-inner .music-share-menu a:hover,
body.light-mode .music-share-inner .music-share-menu .music-share-copy:hover{
  background: #e9eef3;
  color: var(--accent, #9c27b0);
}

.music-share-inner .music-share-btn:focus-visible,
.music-share-inner .music-share-menu a:focus-visible,
.music-share-inner .music-share-menu .music-share-copy:focus-visible{
  outline: 2px solid var(--accent, #9c27b0);
  outline-offset: 2px;
  border-radius: 8px;
}

.music-share-menu{ display:none; }
.music-share-menu.is-open{ display:block; }

body.light-mode .comments-card .comments-head{
  border-bottom:2px solid rgba(0,0,0,.08);
}
body.light-mode .comments-card .comments-title{ color:#141826; }
body.light-mode .comments-card .approved-count{ color:#4a5162; }

body.light-mode .comments-card textarea,
body.light-mode .comments-card input[type="text"],
body.light-mode .comments-card input[type="email"]{
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  color:#141826;
}
body.light-mode .comments-card textarea:focus,
body.light-mode .comments-card input[type="text"]:focus,
body.light-mode .comments-card input[type="email"]:focus{
  background:#fff;
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(217,185,106,.20);
}

body.light-mode ol.comment-list > li.comment > .comment-body,
body.light-mode ul.commentlist > li.comment > .comment-body,
body.light-mode ul.comments > li.comment > .comment-body,
body.light-mode li.comment .comment-content,
body.light-mode li.comment .comment-text,
body.light-mode li.comment .comment-inner,
body.light-mode .comment-card{
  background:#fff !important;
  box-shadow: var(--shadow-inner), var(--shadow-pop) !important;
}
body.light-mode .comment-card .comment-header{ border-bottom:1px solid rgba(0,0,0,.08); }
body.light-mode .comment-card .comment-author .fn{ color:var(--accent); }
body.light-mode .comment-card .comment-date{ color:#5a6272; }
body.light-mode .comment-card .comment-footer a.comment-reply-link{
  color:#111 !important;
  border-color:rgba(184,134,11,.35);
}

body.light-mode .song-header-eng{ color:#141826; }
body.light-mode .post-card-header .post-title,
body.light-mode .box-title,
body.light-mode .sidebar-card .box-title,
body.light-mode .artist-songs-box .box-title {
  color: #111 !important;
  text-shadow: none !important;
}
body.light-mode .box-title::after,
body.light-mode .sidebar-card .box-title::after,
body.light-mode .artist-songs-box .box-title::after {
  background: #111 !important;
}

body.light-mode .comments-card .comment-form .comment-form-cookies-consent {
  color: #222;
}

body.light-mode .comments-card .comment-form .comment-form-cookies-consent input[type="checkbox"] {
  accent-color: var(--accent);
}

@media (max-width: 768px){


  .single-music-wrapper,
  .single-music-wrapper-container,
  .single-music-wrapper-container .main-column,
  .single-music-wrapper .site-main,
  .single-music-wrapper .content-area,
  .single-music-wrapper .entry-content,
  .single-music-wrapper .hentry,
  .single-music-wrapper .post {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .single-music-wrapper .post-card,
  .single-music-wrapper .comments-card {
    max-width: 95%;
    margin: 0 auto;
  }

  .single-music-wrapper .post-card { margin-bottom: 24px; }
  .single-music-wrapper .comments-card { margin-top: 24px; }


  .site-header,
  .site-header .custom-header-wrapper{
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }
  .site-header::before,
  .site-header::after,
  .site-header .custom-header-wrapper::before,
  .site-header .custom-header-wrapper::after{
    content: none !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .site-header .custom-header-wrapper{
    background: var(--surface) !important;
    border: 1px solid rgba(217,185,106,.70) !important;
    box-sizing: border-box;
  }

  body.light-mode .site-header .custom-header-wrapper{
    border: 1px solid rgba(0,0,0,.25) !important;
  }


  .left-column{ align-items: stretch !important; }
  .left-column > .sidebar-card{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 24px !important;
    background: var(--surface) !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(217,185,106,.70) !important;
    border-radius: 14px !important;
    box-sizing: border-box;
    padding: 16px !important;
  }
  
  body.light-mode .left-column > .sidebar-card{
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2) !important;
    background: #fff !important;
  }
}

@media (max-width: 480px){
  .single-music-wrapper .post-card,
  .single-music-wrapper .comments-card {
    max-width: 100%;
  }
}

html.theme-light .single-music input[type="text"],
html.theme-light .single-music input[type="email"],
html.theme-light .single-music input[type="url"],
html.theme-light .single-music input[type="search"],
html.theme-light .single-music textarea,
body.light-mode .single-music input[type="text"],
body.light-mode .single-music input[type="email"],
body.light-mode .single-music input[type="url"],
body.light-mode .single-music input[type="search"],
body.light-mode .single-music textarea,
.light-mode .single-music input[type="text"],
.light-mode .single-music input[type="email"],
.light-mode .single-music input[type="url"],
.light-mode .single-music input[type="search"],
.light-mode .single-music textarea{
  color:#333;
  font-weight:700;
  border-color:rgba(0,0,0,.18);
}

html.theme-light .single-music input[type="checkbox"] + label,
body.light-mode .single-music input[type="checkbox"] + label,
.light-mode .single-music input[type="checkbox"] + label{
  color:#111;
  font-weight:600;
}
/* Night (dark theme) */
body:not(.light-mode) .left-column > div{
  background-color:#0b0b14;
  color:#fff;
  border:0;
  border-radius:16px;
  padding:20px;
  box-shadow:
    inset 0 0 0 1px rgba(255,209,84,.18),
    0 10px 24px rgba(0,0,0,.35),
    0 0 12px rgba(255,215,0,.06);
}

/* Day (light theme) */
body.light-mode .left-column > div{
  background:#fff;
  color:#000;
  border:0;
  border-radius:16px;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.12),
    0 8px 18px rgba(0,0,0,.06);
}

.music-stats,
.music-stats * {
  font-family: Vazirmatn, "Noto Sans Arabic", "IRANSansX", Tahoma, Arial, sans-serif !important;
  direction: rtl;
  unicode-bidi: normal;
  letter-spacing: normal;
  font-variant: normal;
  font-feature-settings: normal;
}
.stat-number { font-variant-numeric: normal; }