/*
Theme Name: Wrestling Pro Premium
Version: 2.0
*/

body { margin: 0; background-color: #121212; color: #fff; font-family: 'Arial', sans-serif; }

/* ======== HEADER STYLING ======== */
.main-header { background-color: #000; border-bottom: 2px solid #111; }
.header-container { display: flex; align-items: center; max-width: 1400px; margin: 0 auto; height: 70px; }

.header-search { padding: 0 30px; border-right: 2px solid #e50914; color: #fff; font-size: 18px; cursor: pointer; height: 100%; display: flex; align-items: center; }
.header-search:hover { color: #e50914; }

.header-logo { padding: 0 30px; }
.header-logo a { text-decoration: none; display: flex; flex-direction: column; line-height: 1; }
.logo-text { color: #fff; font-size: 24px; font-weight: 900; font-style: italic; letter-spacing: -1px;}
.logo-text .red-text { color: #e50914; }
.logo-text small { font-size: 14px; font-weight: bold; text-align: right; display: block; margin-top: 2px; }

/* Navigation Menu */
.header-menu { flex-grow: 1; padding-left: 20px; }
.nav-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 25px; }
.nav-menu li a { color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; transition: 0.3s; }
.nav-menu li a:hover { color: #e50914; }

/* ======== HOMEPAGE GRID & SIDEBAR ======== */
.main-wrapper { display: flex; max-width: 1400px; margin: 30px auto; padding: 0 20px; gap: 30px; }
.content-area { flex: 1 1 75%; }
.sidebar { flex: 1 1 25%; }

/* Grid Layout */
.post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 15px; }
.post-card { display: flex; flex-direction: column; background: transparent; }

/* Posters / Thumbnails */
.thumbnail-wrapper { position: relative; width: 100%; aspect-ratio: 2.5/3.5; overflow: hidden; border-radius: 4px; background: #1a1a1e; }
.thumbnail-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.thumbnail-wrapper:hover img { transform: scale(1.05); }

/* Red Brand Badge (Top Left) */
.brand-badge { position: absolute; top: 0px; left: 0px; background: #e50914; color: white; padding: 3px 6px; font-size: 10px; font-weight: bold; text-transform: uppercase; z-index: 2; border-radius: 4px 0 4px 0; }

/* Titles */
.post-title { padding: 12px 0; }
.post-title a { color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 1.4; display: block; }
.post-title a:hover { color: #e50914; }

/* ======== SIDEBAR WIDGETS ======== */
.widget { background: #1a1a1e; padding: 20px; border-radius: 5px; margin-bottom: 25px; }
.widget-title { color: #fff; margin-top: 0; margin-bottom: 20px; font-size: 16px; border-bottom: 1px solid #333; padding-bottom: 10px; text-align: center;}
.telegram-box { display: flex; justify-content: center; align-items: center; background: #000; padding: 30px; border-radius: 5px; }
.telegram-box img { width: 80px; }

.recent-posts-list { list-style: none; padding: 0; margin: 0; }
.recent-posts-list li { padding: 10px 0; border-bottom: 1px solid #333; font-size: 13px; }
.recent-posts-list li a { color: #bbb; text-decoration: none; line-height: 1.5; display: block; }
.recent-posts-list li a:hover { color: #fff; }

/* Mobile Responsive */
@media (max-width: 900px) {
    .main-wrapper { flex-direction: column; }
    .header-menu { display: none; /* Mobile menu kal banayenge */ }
}

/* Shortcode Buttons Styling */
.video-container { background: #000; border: 1px solid #333; border-radius: 5px; overflow: hidden; margin: 15px 0; aspect-ratio: 16/9; }
.w-btn { padding: 10px 18px; border: none; border-radius: 3px; font-weight: bold; cursor: pointer; text-decoration: none; display: inline-block; color: white !important; transition: 0.3s; margin: 5px 5px 5px 0; text-transform: uppercase; font-size: 13px; }
.w-btn:hover { opacity: 0.8; }
.part-btn { background: #333; border: 1px solid #555; }
.part-btn:hover { background: #e50914; border-color: #e50914; }

/* Download Buttons Colors */
.dl-1080 { background: #2b2b36; border-bottom: 3px solid #4CAF50; }
.dl-720 { background: #2b2b36; border-bottom: 3px solid #2196F3; }
.dl-480 { background: #2b2b36; border-bottom: 3px solid #FF9800; }
.dl-360 { background: #2b2b36; border-bottom: 3px solid #9E9E9E; }

/* TMDb API Box Styling */
.tmdb-box { display: flex; gap: 20px; background: #1a1a1e; padding: 15px; border-radius: 5px; margin-bottom: 25px; border-left: 4px solid #e50914; }
.tmdb-poster { flex: 0 0 150px; }
.tmdb-poster img { width: 100%; border-radius: 4px; border: 1px solid #333; }
.tmdb-info { flex: 1; color: #ccc; }
.tmdb-title { margin-top: 0; color: #fff; font-size: 20px; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; }
.tmdb-meta { font-size: 13px; color: #bbb; margin-bottom: 10px; }
.tmdb-desc { font-size: 14px; line-height: 1.6; }
@media (max-width: 600px) { .tmdb-box { flex-direction: column; } .tmdb-poster { width: 150px; margin: 0 auto; } }