/* --- Basic Reset & Global Styles --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', sans-serif; line-height: 1.7; background-color: #f8f9fa; color: #343a40; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
a { text-decoration: none; color: #007bff; transition: color 0.3s ease; }
img { max-width: 100%; height: auto; display: block; }

/* --- Header --- */
header { background-color: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 15px 0; position: sticky; top: 0; z-index: 1000; }
.header-container { display: flex; justify-content: space-between; align-items: center; }
.header-left, .header-right { flex-basis: 50px; }
.header-right { text-align: right; }
.header-center { flex-grow: 1; text-align: center; }
.logo a { font-size: 2.2rem; font-weight: 700; color: #212529; }
.header-left i, .header-right i { font-size: 1.6rem; cursor: pointer; color: #343a40; }

/* --- Search & Sidebar Menu --- */
.sidebar { height: 100%; width: 0; position: fixed; z-index: 2000; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; }
.sidebar a { padding: 10px 15px; text-decoration: none; font-size: 22px; color: #818181; display: block; transition: 0.3s; }
.sidebar a:hover { color: #f1f1f1; }
.sidebar .close-btn { position: absolute; top: 0; right: 25px; font-size: 36px; }
.search-dropdown-container { background: #fff; box-shadow: 0 4px 5px rgba(0,0,0,0.1); position: sticky; top: 73px; z-index: 999; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; transition: max-height 0.4s ease-in-out, opacity 0.3s ease, padding 0.4s ease-in-out; }
.search-dropdown-container.show { padding: 15px 0; max-height: 100px; opacity: 1; visibility: visible; }
.search-box-wrapper { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 50px; overflow: hidden; }
.search-box-wrapper input { border: none; outline: none; padding: 12px 20px; width: 100%; font-size: 1rem; }
.search-box-wrapper button { background: #007bff; color: white; border: none; padding: 12px 20px; cursor: pointer; font-size: 1rem; }
.search-box-wrapper button:disabled { cursor: not-allowed; opacity: 0.7; }
.fa-spin { animation: fa-spin 1s infinite linear; }
@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* --- Main Layout --- */
.main-container { display: flex; gap: 30px; padding: 40px 20px; }
.main-content-area { flex: 3; }
.right-sidebar { flex: 1; }

/* --- Main Content (Latest Posts) & Single Post Page --- */
.section-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 3px solid #007bff; }
.movie-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; padding-bottom: 40px; }
.movie-card { background: #fff; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; }
.movie-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); }
.movie-card img { width: 100%; height: 200px; object-fit: cover; }
.movie-card-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }
.movie-card-content h3 { margin-bottom: 10px; font-size: 1.25rem; }
.movie-card-content h3 a { color: #212529; }
.movie-card-content p {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 20px;
    flex-grow: 1;

    /* YEH NAYA CODE TEXT KO 3 LINE ME FIX KAR DEGA */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Styling for Load More Button --- */
#load-more-btn {
    padding: 12px 30px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    border: none; /* Button ke liye border hatana zaroori hai */
    transition: background-color 0.3s ease;
}

#load-more-btn:disabled {
    background-color: #6c757d;
    cursor: not-allowed;
}

.read-more-btn { display: inline-block; background-color: #007bff; color: #fff; padding: 10px 20px; border-radius: 5px; font-weight: 600; text-align: center; margin-top: auto; }
.article-content { background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.article-content h1 { font-size: 1.3rem; margin-bottom: 20px; line-height: 1.2; }
.article-content h2 { font-size: 1.0rem; margin-top: 30px; margin-bottom: 15px; }
.article-content p { margin-bottom: 20px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 20px; font-size: 0.9em; color: #6c757d; margin-bottom: 20px; }
.article-meta span i { margin-right: 5px; }

/* --- Sidebar Widgets --- */
.widget { background: #fff; padding: 20px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.widget h3 { font-size: 1.3rem; margin-bottom: 15px; border-bottom: 2px solid #e9ecef; padding-bottom: 10px; }
.widget ul { list-style: none; }
.widget ul li { padding: 8px 0; border-bottom: 1px solid #f1f1f1; }
.widget ul li:last-child { border-bottom: none; }
.social-follow { display: flex; gap: 10px; }
.featured-post-widget .featured-image-widget { border-radius: 5px; margin-bottom: 15px; }
.featured-post-widget h4 { font-size: 1.1rem; margin-bottom: 8px; }
.featured-post-widget p { font-size: 0.9rem; color: #6c757d; margin-bottom: 15px; }
.read-more-btn-widget { display: inline-block; background-color: #007bff; color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 0.9rem; font-weight: 600; }

/* --- Download Button, Share Icons --- */
.download-button-wrapper { background-color: #e9f5ff; border: 2px dashed #007bff; border-radius: 10px; padding: 20px; text-align: center; margin: 30px 0; }

.download-btn {
    background: linear-gradient(45deg, #007bff, #0056b3);
    color: #fff !important;
    padding: 10px 25px; /* Size kam kar diya */
    font-size: 1rem;     /* Text size normal kar diya */
    font-weight: 600;    /* Thoda patla kar diya */
    border-radius: 50px;
    display: inline-block;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);
    transition: transform 0.2s ease;
}

.download-btn:hover { transform: scale(1.05); color: #fff !important; }
.download-btn i { margin-right: 10px; }
.share-buttons { margin-top: 30px; border-top: 1px solid #dee2e6; padding-top: 20px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.share-buttons span { font-weight: 600; margin-right: 10px; }
.social-icon { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; color: #fff; font-size: 18px; }
.facebook { background-color: #3b5998; } .twitter { background-color: #1da1f2; } .instagram { background-color: #c32aa3; } .youtube { background-color: #ff0000; } .whatsapp { background-color: #25d366; }
.post-footer-featured { border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin-top: 30px; background: #fff; }

/* --- Search Results --- */
#search-results-area { padding-top: 40px; }
#search-results-message { text-align: center; padding: 20px 0; font-size: 1.2rem; color: #666; }

/* --- Footer --- */
footer { background: #212529; color: #adb5bd; padding: 40px 0; text-align: center; }
.footer-links { margin-bottom: 20px; }
.footer-links a { color: #f8f9fa; margin: 0 15px; }
@media (max-width: 992px) { .main-container { flex-direction: column; } }
@media (max-width: 768px) { .logo a { font-size: 1.8rem; } header { padding: 10px 0; } .search-dropdown-container { top: 60px; } .section-title { font-size: 1.8rem; } }

/* --- Styling for Ad Placeholders & Final Button --- */
.ad-placeholder {
    width: 100%;
    min-height: 90px;
    background-color: #e9ecef;
    border: 2px dashed #ced4da;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-weight: 600;
    margin: 30px 0;
    border-radius: 8px;
    text-align: center;
}

.final-download-btn-wrapper {
    text-align: center;
    padding: 30px 0;
    margin-top: 20px;
    border-top: 1px solid #eee;
}


  /* 1) Cursor none (poori site) */
  html, body, * {
    cursor: none !important;
  }

  /* 2) Text decoration none for links (all states) */
  a, a:visited, a:hover, a:active {
    text-decoration: none !important;
  }

  /* 3) (Tiny extra) Remove default focus outline so links look clean */
  a:focus { outline: none !important; }

/* Text select disable */
  * {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;

    -webkit-touch-callout: none !important; /* iOS long press menu band */
  }

  /* Links ki underline bhi hat gayi */
  a { text-decoration: none !important; }