.lyrics-content{margin-top: 30px;}
/* === Related Posts Styling === */
.fp-single_post {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px dashed #9b1717;
  border-radius: 5px;
  position: relative;
  padding: 15px 9px 10px;
  margin-top: 20px;
  margin-bottom: 12px;
  background-color: #fff9ee;
  list-style: none;
}

.fp-single_post::before {
  content: 'Read More';
  position: absolute;
  top: -12px;
  left: 10px;
  font-size: 14px;
  color: #cb0000;
  background: #fff;
  padding: 0 6px;
  font-weight: 600;
  border-radius: 50px;
}

.fp-featured-image {
  flex: 0 0 auto;
  width: 120px;
  margin-right: 15px;
}

.fp-featured-image img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  box-shadow: rgba(23, 43, 99, 0.3) 0 7px 28px;
}

.fp-post-title {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.4;
  color: #b30000;
  text-decoration: none;
  /*display: block;*/
}

/* 🛠 Responsive Fix - Force row layout in mobile too */
@media (max-width: 768px) {
  .fp-single_post {
    flex-direction: row;
  }

  .fp-featured-image {
    width: 100px;
    margin-right: 12px;
  }

  .fp-post-title {
    font-size: 15px;
  }
}


/*_____________________________________*/

/* === Related Posts Styling === */

.faq-box { border: 1px solid #ddd; margin-bottom: 10px;}
.faq-question { background: #f5f5f5; padding: 12px; font-weight: bold; cursor: pointer; }
.faq-answer { display: none; padding: 12px; background: #fff; border-top: 1px solid #ddd; }
.faq-box.open .faq-answer { display: block; }

/* === Layout English Olny === */

.english-layout {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}
.lyrics-column, .video-column {
  flex: 1;
  min-width: 300px;
}
.video-column iframe {
  max-width: 100%;
}
@media (max-width: 768px) {
  .english-layout {
    flex-direction: column;
  }
  .video-column {
    order: 2;
  }
}


/* === tab post === */

.lyrics-tabs {
  margin-top: 20px;
}
.tab-buttons {
  display: flex;
  margin-bottom: 20px;
  gap: 20px;
}
.tab-btn {
  flex: 1;
  padding: 10px;
  cursor: pointer;
  border: 1px solid #cf1313;
  background: #f3f3f3;
  font-weight: bold;
  text-align: center;
  color: #cf1313;
}
.tab-btn.active {
  background: #cf1313;
  color: #fff;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

/* === Table === */
.song-credit-table{
  margin-top: 30px;
}
#fp-table{
            border-collapse: collapse;
            width: 100%;            
        }
        #fp-table td{
        border-top: 2px solid #ce1212;
        border-bottom: 2px solid #ce1212 /*#0060ff - #ddd*/;
        }

        #fp-table tr:nth-child(odd){background-color: #f2f2f2;}

        #fp-table th {
            padding-top: 12px;          
            background-color: #ce1212;
            color: #fff;
            text-align: center;
        }

        #fp-table td{
            padding-top: 7px;
            padding-bottom: 6px;
            padding-left: 25px;
            line-height: 35px; 
            font-size: 18px;
}
        #fp-table tr:hover{background-color: #ddd;}
/* === Hiden content === */
@media only screen and (max-width: 600px) {.mobile-hide-content{display:none;}}
@media only screen and (min-width: 600px) {.desktop-hide-content{display:none;}}