/*
Theme Name: Radians Child
Theme URI: https://themeforest.net/item/radians-responsive-magazine-theme/18122598
Template: radians
Author: WiThemes
Author URI: https://withemes.com/
Description: Modern Magazine Theme
Tags: two-columns,right-sidebar,custom-colors,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.2.8.1789702910
Updated: 2026-09-17 23:41:50

*/
@import url('../radians/style.css');



/* ==========================================================
 * Migrated from WP Customizer Additional CSS by MemberLMS Pro
 * Date: 2026-10-12 02:08:56
 * ========================================================== */
/* ==========================================================================
   CHEMISTRYABC.COM - MASTER STYLESHEET (V13 - ZERO CROP & FULL TITLES)
   (No Image Cropping | Full Uncut Titles | Desktop TOI | Mobile Glance UI)
   (100% CBT Safe | No Sticky Posts | Clean Dark Footer)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GLOBAL ENGINE & BASE RESETS (सामान्य नियम)
   -------------------------------------------------------------------------- */
html {
    scroll-behavior: smooth !important;
    -webkit-text-size-adjust: 100% !important;
}

body {
    background-color: #f1f3f5 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

/* खाली विज्ञापन कंटेनरों को बंद करें */
ins.adsbygoogle[data-ad-status="unfilled"],
ins.adsbygoogle:empty,
.adsbygoogle:empty,
.header-ad:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* थंबनेल्स पर से पुराना बैज हटाएँ */
.post-grid-thumbnail::after,
.post-thumbnail::after,
figure::after {
    display: none !important;
    content: none !important;
}

/* Date और Author पूरी साइट पर छुपाएँ */
.entry-author,
.post-author,
.byline,
.author.vcard,
.entry-meta time,
.entry-meta .entry-date,
time.entry-date,
time,
.meta-separator,
.post-meta-slash {
    display: none !important;
}

.entry-meta {
    font-size: 0 !important;
}

/* --------------------------------------------------------------------------
   2. CBT QUIZ ISOLATION & SAFE-ZONE (100% सुरक्षित)
   -------------------------------------------------------------------------- */
[class*="cbt"], [class*="quiz"], [class*="exam"], [class*="watu"],
[id*="cbt"], [id*="quiz"], [id*="exam"], [id*="watu"] {
    border-left: none !important;
    padding-left: inherit;
}

/* ==========================================================================
   3. DESKTOP VERSION (> 768px) - TOI STYLE WITH PROPER SPACING & ZERO CROP
   ========================================================================== */
@media screen and (min-width: 769px) {
    /* 3.1 ग्रिड कंटेनर: 20px स्पेसिंग (पोस्ट्स चिपकेंगी नहीं) */
    .post-grid {
        margin-left: -10px !important;
        margin-right: -10px !important;
        box-sizing: border-box !important;
    }

    .post-grid-item {
        box-sizing: border-box !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 26px !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .post-grid-item .post-grid-item-inner {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: block !important;
        height: auto !important;
    }

    /* 3.2 डेस्कटॉप थंबनेल्स (Zero-Crop: पूरी इमेज बिना कटे दिखेगी) */
    .post-grid-thumbnail,
    body:not(.single) .post-thumbnail {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        background-color: #ffffff !important;
        height: auto !important;
        aspect-ratio: auto !important;           /* बाध्यकारी 16:9 हटाया गया */
        display: block !important;
    }

    .post-grid-thumbnail a,
    body:not(.single) .post-thumbnail a {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .post-grid-thumbnail img,
    body:not(.single) .post-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-height: 280px !important;
        object-fit: contain !important;          /* इमेज का कोई कोना/टेक्स्ट नहीं कटेगा */
        object-position: center !important;
        border-radius: 10px !important;
        display: block !important;
        transition: transform 0.4s ease !important;
    }

    .post-grid-item:hover .post-grid-thumbnail img {
        transform: scale(1.04) !important;
    }

    .post-grid-content::after {
        display: none !important;
    }

    /* 3.3 डेस्कटॉप ग्रिड टाइटल्स (पूरा टाइटल दिखेगा, 2-लाइन कट खत्म) */
    .post-grid-title,
    .post-grid-title a,
    .post-grid .entry-title a,
    .post-grid h2 a {
        font-family: inherit !important;
        font-size: 15.5px !important;
        font-weight: 750 !important;
        line-height: 1.4 !important;
        color: #121212 !important;               /* TOI Dark */
        text-decoration: none !important;
        border-left: none !important;
        padding-left: 0 !important;
        margin: 6px 0 0 0 !important;
        text-align: left !important;
        display: block !important;               /* पूरा टाइटल नीचे फैलेगा */
        -webkit-line-clamp: unset !important;    /* क्लैम्प हटाया गया */
        overflow: visible !important;
        white-space: normal !important;
        word-break: break-word !important;
        letter-spacing: -0.2px !important;
        transition: color 0.2s ease !important;
    }

    .post-grid-item:hover .post-grid-title a {
        color: #d32f2f !important;
    }

    .vc_row .post-grid[class*="column-4"] .post-grid-title a,
    .post-grid.column-4 .post-grid-title a {
        font-size: 16.5px !important;
    }

    /* TOI लाल कैटेगरी टैग */
    .post-grid-content .entry-meta,
    .post-grid .entry-meta {
        display: block !important;
        margin: 4px 0 !important;
    }

    .entry-categories a,
    .post-grid .entry-meta a[rel="category tag"] {
        color: #d32f2f !important;
        font-weight: 800 !important;
        font-size: 11.5px !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
    }

    /* 3.4 TOI ट्रेंडिंग व सर्च लिस्ट (Zero-Crop इमेज व पूरा टाइटल) */
    .post-list-item,
    .blog-thumbnail-large .post-list-item {
        background: #ffffff !important;
        border-radius: 12px !important;
        padding: 14px 16px !important;
        margin-bottom: 14px !important;
        border: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
        display: flex !important;
        align-items: center !important;
    }

    .post-list-thumbnail {
        width: 125px !important;
        min-width: 125px !important;
        height: auto !important;
        max-height: 95px !important;
        margin-right: 18px !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        flex: 0 0 125px !important;
        background-color: #f8fafc !important;
    }

    .post-list-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-height: 95px !important;
        object-fit: contain !important;          /* सर्च लिस्ट में भी इमेज पूरी दिखेगी */
        border-radius: 8px !important;
        display: block !important;
    }

    .post-list-title,
    .post-list-title a {
        font-family: inherit !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        color: #121212 !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        display: block !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    .post-list-title a:hover {
        color: #d32f2f !important;
    }

    /* TOI सेक्शन हेडिंग्स */
    .heading .title,
    .heading h2.title,
    .heading h3.title {
        font-family: inherit !important;
        font-size: 26px !important;
        font-weight: 850 !important;
        color: #121212 !important;
        letter-spacing: -0.4px !important;
    }

    /* डेस्कटॉप सिंगल पोस्ट टाइटल */
    .single .entry-title,
    .single h1.entry-title {
        font-family: inherit !important;
        font-size: 34px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
        color: #121212 !important;
        letter-spacing: -0.5px !important;
        margin: 0 0 10px 0 !important;
    }

    .single .entry-header .entry-categories a:first-child {
        background: #d32f2f !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        padding: 4px 12px !important;
        border-radius: 4px !important;
    }

    .single .entry-header + .post-thumbnail {
        margin: 8px 0 24px 0 !important;
        border-radius: 12px !important;
    }

    .single .post-thumbnail img {
        border-radius: 12px !important;
    }
}

/* ==========================================================================
   4. MOBILE VERSION (≤ 768px) - MOTOROLA GLANCE (ZERO CROP + FULL TITLES)
   ========================================================================== */
@media screen and (max-width: 768px) {
    .post-grid-item {
        margin-bottom: 18px !important;
    }

    /* ग्लान्स कार्ड कंटेनर */
    .post-grid-item .post-grid-item-inner {
        position: relative !important;
        background: #ffffff !important;
        border-radius: 20px !important;
        padding: 12px 12px 16px 12px !important;
        border: 1px solid rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        cursor: pointer !important;
    }

    /* मोबाइल थंबनेल: चारों कोने 16px गोल व बिना क्रॉप */
    .post-grid-thumbnail,
    body:not(.single) .post-thumbnail {
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        background-color: #ffffff !important;
        height: auto !important;
        aspect-ratio: auto !important;           /* बाध्यकारी रेशियो हटाया गया */
        display: block !important;
    }

    .post-grid-thumbnail a,
    body:not(.single) .post-thumbnail a {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .post-grid-thumbnail img,
    body:not(.single) .post-thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
        object-fit: contain !important;          /* इमेज पूरी दिखेगी */
        object-position: center !important;
        border-radius: 16px !important;
        display: block !important;
    }

    /* मोबाइल पर ग्लान्स टाइटल: पूरा टाइटल दिखेगा */
    .post-grid-title,
    .post-grid-title a,
    .post-grid .entry-title a {
        font-size: 15.5px !important;
        font-weight: 800 !important;
        line-height: 1.4 !important;
        color: #000000 !important;
        text-decoration: none !important;
        border-left: none !important;
        padding-left: 0 !important;
        margin: 8px 2px 10px 2px !important;
        display: block !important;               /* पूरा टाइटल खुलेगा */
        -webkit-line-clamp: unset !important;    /* 2-लाइन कट हटाया गया */
        overflow: visible !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    /* 'Read More' ब्लैक पिल बटन */
    .post-grid-content::after {
        content: "Read More" !important;
        display: inline-block !important;
        align-self: flex-start !important;
        background: #000000 !important;
        color: #ffffff !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        padding: 6px 18px !important;
        border-radius: 20px !important;
        margin-top: 6px !important;
        letter-spacing: 0.2px !important;
        cursor: pointer !important;
        pointer-events: none !important;
    }

    /* पूरा कार्ड और Read More बटन क्लिकेबल */
    .post-grid-title a::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 2 !important;
        cursor: pointer !important;
    }

    .post-grid-content .entry-meta,
    .post-grid-excerpt {
        display: none !important;
    }

    /* ----------------------------------------------------------------------
       मोबाइल सिंगल पोस्ट: शून्य गैप व 80px हेडर क्लीयरेंस
       ---------------------------------------------------------------------- */
    #content,
    .single #content {
        padding-top: 80px !important;
    }

    .single .entry-header {
        margin: 0 0 2px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .single .entry-title {
        font-size: 23px !important;
        line-height: 1.25 !important;
        margin: 0 0 6px 0 !important;
    }

    .single .entry-header .entry-meta {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }

    .single .entry-header .entry-categories a:first-child {
        background: #0284c7 !important;
        color: #ffffff !important;
        font-size: 11.5px !important;
        font-weight: 750 !important;
        padding: 4px 12px !important;
        border-radius: 20px !important;
        display: inline-block !important;
    }

    .single .entry-header .entry-categories a ~ a {
        display: none !important;
    }

    .single .post-thumbnail {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        border-radius: 18px !important;
    }

    .single .post-thumbnail img {
        border-radius: 18px !important;
    }

    .authorbox {
        flex-direction: column !important;
        text-align: center !important;
        padding: 30px 16px 18px !important;
    }

    .authorbox::before {
        top: 10px !important;
        right: 50% !important;
        transform: translateX(50%) !important;
    }

    .authorbox .author-image {
        margin: 10px auto 10px auto !important;
    }

    .authorbox-nav ul {
        justify-content: center !important;
    }
}

/* --------------------------------------------------------------------------
   5. SINGLE POST ARTICLE BODY (केमिस्ट्री नोट्स पठनीयता - CBT सुरक्षित)
   -------------------------------------------------------------------------- */
.single .entry-content > p {
    font-size: 17.5px !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    margin-bottom: 1.4rem !important;
    text-align: left !important;
}

.single .entry-content > h2 {
    font-family: inherit !important;
    font-size: clamp(20px, 3.5vw, 25px) !important;
    font-weight: 800 !important;
    color: #000000 !important;
    line-height: 1.35 !important;
    border-left: 5px solid #0284c7 !important;
    padding-left: 14px !important;
    margin-top: 2em !important;
    margin-bottom: 0.8em !important;
}

.single .entry-content blockquote {
    background: #f8fafc !important;
    border-left: 4px solid #0284c7 !important;
    border-radius: 0 14px 14px 0 !important;
    padding: 16px 20px !important;
    margin: 24px 0 !important;
    font-style: italic !important;
    color: #334155 !important;
}

/* ऑथर बॉक्स */
.authorbox {
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 24px 22px !important;
    margin: 40px 0 35px 0 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
    display: flex !important;
    gap: 22px !important;
    align-items: center !important;
}

.authorbox .author-image img.avatar {
    width: 95px !important;
    height: 95px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 0 0 2px #0284c7, 0 6px 16px rgba(0, 0, 0, 0.1) !important;
    display: block !important;
}