.tborderxs {
   background: #393e3f;
   width: 100%;
   margin: auto auto;
}

.edited_post_ds {
   font-size: 12px;
   color: #fff;
}

/* Styling untuk daftar genre dalam kolom */
.xthreads-genre-list {
   display: grid;
   grid-template-columns: repeat(
      auto-fill,
      minmax(150px, 1fr)
   ); /* Membuat kolom dengan lebar minimal 150px */
   gap: 5px; /* Jarak antar item */
   font-size: 14px; /* Ukuran teks */
}

.xthreads-genre-list label {
   display: inline-flex; /* Menyusun checkbox dan teks dalam satu baris */
   align-items: center; /* Menyelaraskan checkbox dan teks secara vertikal */
   gap: 8px; /* Jarak antara checkbox dan teks (lebih lega) */
   white-space: nowrap; /* Mencegah teks pindah ke baris baru */
}

.xthreads-genre-list input[type="checkbox"] {
   margin: 0; /* Menghilangkan margin default */
}

.video-player iframe {
   width: 100%;
   height: auto;
   aspect-ratio: 16 / 9;
}

/*** film_postbit ***/
.post_content_film {
   padding: 15px;
   background-color: #333;
   color: #fff;
}

.container_film {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
}

.left_column {
   order: 1;
   width: 40%;
   margin-right: 20px;
   min-width: 690px;
}

.right_column {
   order: 2;
   width: 30%;
   margin: 0px -270px;
}

.info_film {
   flex: 1;
   margin-right: 20px;
   margin-bottom: 20px;
   min-width: 300px;
   font-size: larger;
}

.sinopsis_film {
   flex: 1;
   margin-right: 20px;
   margin: 10px 255px;
   width: 80%;
}

.embed_wrap {
   flex: 1;
   margin-right: 20px;
   margin-bottom: 20px;
   min-width: 300px;
}

.header_info,
.header_deskripsi,
.header_embed {
   color: #4caf50;
   margin-bottom: 10px;
   font-size: 1.2em;
}

.detail_info p {
   margin-bottom: 5px;
   font-size: 0.9em;
}

.detail_info p strong {
   color: #fff;
}

.sinopsis_film p {
   line-height: 1.5;
   font-size: 0.9em;
}

.button_container {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   padding: 10px;
   margin: 10px 30px;
   text-align: center;
   width: 100%;
   font-size: 20px;
}

.button_container button {
   padding: 10px 15px;
   border: none;
   border-radius: 5px;
   background-color: #4caf50;
   color: white;
   cursor: pointer;
   font-size: 0.8em;
}

.button_container button:hover {
   opacity: 0.8;
}

.feature_default {
   text-align: center;
   font-size: 0.9em;
   margin-top: 10px;
}

.emoji_container {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 5px;
   font-size: 1.5em;
}

.emoji_container span {
   /* Anda dapat menambahkan gaya khusus untuk span jika diperlukan */
}

/* Gaya tambahan untuk embed code */
.embed_code {
   margin-bottom: 0;
   padding: 15px;
   background-color: #222;
   border-radius: 8px;
}

.header_embed {
   color: #4caf50;
   margin-bottom: 10px;
   font-size: 1.2em;
}

.embed_code div {
   /* Gaya untuk div yang berisi kode yang di-embed */
   background-color: #333;
   padding: 10px;
   border-radius: 5px;
   overflow-x: auto; /* Tambahkan scroll horizontal jika kode terlalu panjang */
   font-family: monospace;
   font-size: 0.9em;
   white-space: pre-wrap;
}

/* Media query untuk responsif */
@media (max-width: 768px) {
   .container_film {
      flex-direction: column;
   }

   .left_column,
   .right_column {
      width: 100%;
      margin-right: 0;
   }

   .button_container {
      justify-content: center;
   }
}

.container_film {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
}

.left_column {
   order: 1;
   width: 40%;
   margin-right: 20px;
}

.right_column {
   order: 2;
   width: 60%;
}

.post_author {
   text-align: center; /* Memusatkan gambar dan teks */
}

/* Gaya tambahan untuk tombol */
.button_container button {
   padding: 10px 15px;
   border: none;
   border-radius: 5px;
   background-color: #4caf50;
   color: white;
   cursor: pointer;
   font-size: 0.8em;
   transition: background-color 0.3s ease; /* Efek transisi untuk hover */
}

.button_container button:hover {
   background-color: #45a049; /* Warna hover yang lebih gelap */
}

/* Gaya tambahan untuk emoji */
.emoji_container {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 10px;
}

.emoji_container span {
   background-color: #444; /* Warna latar belakang emoji */
   padding: 5px 10px;
   border-radius: 5px;
   font-size: 0.8em;
}

/* Gaya tambahan untuk header */
.header_info,
.header_deskripsi,
.header_embed {
   color: #4caf50;
   margin-bottom: 10px;
   font-size: 1.2em;
   text-transform: uppercase; /* Membuat teks menjadi huruf kapital */
   letter-spacing: 1px; /* Menambah jarak antar huruf */
}

/* Gaya tambahan untuk detail info */
.detail_info p {
   margin-bottom: 5px;
   font-size: 0.9em;
   line-height: 1.4;
}

.detail_info p strong {
   color: #fff;
}

/* Gaya tambahan untuk sinopsis */
.sinopsis_film p {
   line-height: 1.6;
   font-size: 0.9em;
}

/* Gaya tambahan untuk feature default */
.feature_default {
   text-align: center;
   font-size: 0.9em;
   margin-top: 20px;
   padding: 10px;
   background-color: #222;
   border-radius: 5px;
}

/*** dibuat pake dreamweaver ***/
.indomovies-container {
   background: #393e3f;
   width: 1153px;
   display: grid;
   grid-template-columns: 3fr 1.5fr;
   padding: 20px 30px;
   gap: 20px;
   justify-items: stretch;
   align-items: stretch;
   justify-content: center;
   font-size: larger;
}

.indomovies-main {
   padding: 10px;
   background-color: #25817a;
   border: 2px solid #392d2d;
   border-radius: 5px;
   width: 650px;
}

.indolokal-secondary {
   background: #25817a;
   padding: 20px;
   border-radius: 5px;
   width: 440px;
}

@media (max-width: 768px) {
   .indomovies-container {
      grid-template-columns: 1fr; /* Mengubah menjadi satu kolom pada layar kecil */
   }

   .indomovies-main,
   .indolokal-secondary {
      margin: 0; /* Menghapus margin pada layar kecil */
   }
}

#indomovies-players {
   /***font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;***/
   background: #4bc7f5;
   border: 1px solid #0b93c5;
   text-align: center;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 5px 10px;
   margin: 10px 0 0;
}

.indomovies {
   border: 1px solid #ff474d;
   text-align: center;
   border-radius: 3px;
   padding: 5px 10px;
   margin: 10px 0 0;
}

/*** dibuat pake dreamweaver ***/

/* General Styles */
.yts-button-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 1200px;
   margin: 10px 0px;
   flex-wrap: wrap;
   gap: 0px;
   padding: 0px;
}

/* Button Styles */
.yts-btn {
   padding: 10px 20px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   font-size: 16px;
   margin: 5px;
   color: white;
   transition: opacity 0.3s;
}

.yts-btn:hover {
   opacity: 0.8;
}

.yts-green-btn {
   background-color: #32b938;
}

.yts-red-btn {
   background-color: #ff474d;
}

/* Dropdown Styles */
.yts-dropdown {
   position: relative;
   display: inline-block;
}

.yts-dropdown-content {
   display: none;
   position: absolute;
   background-color: transparent; /* Membuat background transparan */
   min-width: 160px;
   z-index: 1;
   border-radius: 5px;
   border: 2px solid #392d2d; /* Menambahkan border sesuai permintaan */
   margin-top: 5px; /* Memberikan sedikit jarak dari button */
}

.yts-dropdown-content a {
   color: #32b938; /* Menggunakan warna yang sama dengan button server */
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   background: rgba(0, 0, 0, 0.8); /* Background gelap semi transparan */
   transition: all 0.3s ease;
}

.yts-dropdown-content a:first-child {
   border-radius: 3px 3px 0 0;
}

.yts-dropdown-content a:last-child {
   border-radius: 0 0 3px 3px;
}

.yts-dropdown-content a:hover {
   background-color: rgba(
      50,
      185,
      56,
      0.1
   ); /* Warna hijau semi transparan saat hover */
   color: #fff; /* Warna text menjadi putih saat hover */
}

.yts-show {
   display: block;
}

/* Modal/Popup Styles */
.yts-modal {
   display: none;
   position: fixed;
   z-index: 1000;
   left: 0;
   top: 0;
   width: 100%;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.9);
}

.yts-modal.active {
   display: flex;
   align-items: center;
   justify-content: center;
}

.yts-modal-content {
   position: relative;
   width: 90%;
   max-width: 850px;
   background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
}

.yts-close {
   color: #fff;
   position: absolute;
   right: -30px;
   top: -35px;
   font-size: 35px;
   font-weight: bold;
   cursor: pointer;
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   z-index: 1001;
}

.yts-close:hover {
   color: #ddd;
}

.yts-popup-content {
   position: relative;
   width: 100%;
   height: 0;
   padding-bottom: 56.25%;
   background: #000;
   overflow: hidden;
}

.yts-popup-content iframe,
.yts-popup-content video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
   .yts-button-container {
      flex-direction: column;
      align-items: stretch;
   }

   .yts-left-buttons,
   .yts-right-buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
   }

   .yts-btn {
      width: calc(50% - 10px);
      margin: 0;
   }

   .yts-modal-content {
      width: 95%;
   }

   .yts-close {
      right: 10px;
      top: -30px;
   }
}

@media screen and (max-width: 480px) {
   .yts-btn {
      width: 100%;
   }
}

/* Wrapper utama */
.ismha_server-wrapper {
   margin: 15px 0;
   font-family: inherit;
}

/* Menyembunyikan radio buttons */
.ismha_server-buttons input[type="radio"] {
   display: none;
}

/* Container untuk tombol server */
.ismha_server-buttons {
   display: flex;
   gap: 8px;
   margin-bottom: 15px;
   flex-wrap: wrap;
}

/* Style untuk label tombol */
.ismha_server-label {
   padding: 8px 16px;
   background: #f0f0f0;
   border-radius: 4px;
   cursor: pointer;
   transition: all 0.3s ease;
   font-size: 14px;
   text-align: center;
   min-width: 80px;
   user-select: none;
   border: 1px solid #ddd;
}

/* Hover effect untuk tombol */
.ismha_server-label:hover {
   background: #e0e0e0;
}

/* Style untuk tombol aktif */
#ismha_mega:checked ~ label[for="ismha_mega"],
#ismha_gdrive:checked ~ label[for="ismha_gdrive"],
#ismha_userver:checked ~ label[for="ismha_userver"],
#ismha_mirror:checked ~ label[for="ismha_mirror"] {
   background: #4caf50;
   color: white;
   border-color: #45a049;
}

/* Container untuk konten server */
.ismha_server-contents {
   background: #fff;
   border-radius: 4px;
   overflow: hidden;
}

/* Menyembunyikan semua konten server secara default */
.ismha_server-content {
   display: none;
   padding: 15px;
   border: 1px solid #ddd;
   border-radius: 4px;
}

/* Menampilkan konten server yang dipilih */
#ismha_mega:checked ~ .ismha_server-contents #ismha_mega-content,
#ismha_gdrive:checked ~ .ismha_server-contents #ismha_gdrive-content,
#ismha_userver:checked ~ .ismha_server-contents #ismha_userver-content,
#ismha_mirror:checked ~ .ismha_server-contents #ismha_mirror-content {
   display: block;
}

/* Responsive design */
@media (max-width: 600px) {
   .ismha_server-buttons {
      grid-template-columns: 1fr 1fr;
   }

   .ismha_server-label {
      flex: 1 1 calc(50% - 8px);
   }
}

/* Animasi transisi untuk konten */
.ismha_server-content {
   animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
   from {
      opacity: 0;
      transform: translateY(-10px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

/* Style tambahan untuk konten dalam server */
.ismha_server-content .indomovies {
   margin: 0;
   padding: 0;
}

/* Sidebar Oleh DeepSeek */
.film-card {
   background: #393e3f;
   border-radius: 8px;
   width: 400px;
   padding: 25px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   border-left: 4px solid #4a6baf;
}

.film-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
   border-left: 4px solid #ff6b6b;
}

.film-card h1 {
   font-size: 22px;
   margin-top: 0;
   margin-bottom: 20px;
   color: #fff;
   border-bottom: 1px solid #eee;
   padding-bottom: 12px;
}
.genre-tagsw {
   display: inline-block;
   color: #ff69b4;
   font-size: 12px;
   margin-right: 5px;
}
.info-table {
   display: grid;
   grid-template-columns: 150px 10px 1fr; /* Lebar label, colon, value */
   align-items: baseline;
}

.info-row {
   display: contents; /* Membuat children langsung menjadi grid items */
}

.info-label {
   font-weight: bold;
   text-align: right;
   color: #4a6baf;
   padding-right: 15px;
   grid-column: 1;
}

.info-colon {
   text-align: center;
   grid-column: 2;
}

.info-value {
   	grid-column: 3;
   	padding-left: 5px;
   	word-break: break-word;
	display: inline-block;	
}

.status-completed {
   color: #27ae60;
   font-weight: bold;
}

.quality {
   background-color: #e3f2fd;
   color: #1976d2;
   padding: 2px 8px;
   border-radius: 4px;
   font-size: 12px;
   font-weight: bold;
   display: inline-block;
}

.genre-tag {
   display: inline-block;
   background-color: #f3e5f5;
   color: #8e24aa;
   padding: 2px 8px;
   border-radius: 4px;
   font-size: 12px;
   margin-right: 5px;
   margin-bottom: 5px;
}

.last-modified-ds {
   font-size: 12px;
   color: #7f8c8d;
   margin-top: 20px;
   border-top: 1px dashed #eee;
   padding-top: 12px;
   grid-column: 1 / span 3;
}
/* Sidebar Oleh DeepSeek */