/*
Theme Name: Benqu Child
Theme URI: https://gogorakhpur.com/
Description: My custom child theme for Benqu.
Author: Samarth
Author URI: https://gogorakhpur.com/
Template: benqu
Version: 1.0.0
*/

/* अंतिम अपडेटेड डेट को पब्लिश डेट के साथ अलाइन करता है */
.post-modified-inline {
    padding-left: 15px; /* पब्लिश डेट से थोड़ी दूरी */
    color: #888;       
    font-size: 0.9em;  
}

/* 1. ब्रेकिंग न्यूज़ कंटेनर की चौड़ाई और फ्लेक्सिबिलिटी बढ़ाएँ */
.pfy-breakingnews {
    width: 100% !important; 
    flex-grow: 1; 
    height: auto; 
}

/* 2. फ़ॉन्ट साइज़ बढ़ाएँ और हेडिंग को एक लाइन में रखें */
.pfy-breakingnews ul.breaking-headline-active li a {
    font-size: 16px; 
    line-height: 1.4; 
    white-space: normal; /* हेडिंग को एक लाइन में रखने के लिए */
}

/* 3. यदि ब्रेकिंग न्यूज़ बार (row) में कोई समस्या है, तो यह अंतिम हल होगा */
.pfy-header-top .pfy-header-inner > div {
    /* सभी बच्चों को समान जगह देने के लिए (अगर यह फ्लेक्स है) */
    width: auto !important;
}

/* ======================================================= */
/* अंतिम समाधान: HEADER और FOOTER को Full-Width लुक वापस देना */
/* ======================================================= */

/* 1. बाहरी कंटेनर को Full-Width और बिना बाहरी पैडिंग के सेट करें */
.benqu-main-header,  /* थीम का मुख्य हेडर रैपर */
.pfy-site-footer {    /* थीम का मुख्य फुटर रैपर */
    width: 100% !important; /* पूरी चौड़ाई पर फैलाएँ */
    
    /* जबरदस्ती बाहरी पैडिंग और मार्जिन हटाएँ */
    padding-left: 0 !important; 
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. हेडर/फुटर के अंदर के कंटेंट को 15px पैडिंग देना */
/* यह आवश्यक है ताकि अंदर का लोगो/टेक्स्ट किनारे से न चिपके */
/* हम थीम के इनर कंटेनर को टारगेट कर रहे हैं */
.benqu-main-header .container,
.pfy-site-footer .container,
.benqu-main-header .row,
.pfy-site-footer .row {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: auto !important; /* चौड़ाई को कंटेंट पर निर्भर रखें */
    max-width: none !important; /* Max-width को हटाएँ */
}

/* ======================================================= */
/* 1. मुख्य कंटेंट को मोबाइल पैडिंग वापस देना */
/* ======================================================= */

/* यह सुनिश्चित करता है कि BODY या मुख्य रैपर के अंदर का कंटेंट चिपके नहीं */
@media only screen and (max-width: 991px) {
    /* आपके द्वारा उपयोग किए गए मुख्य कंटेनर सेलेक्टर */
    .pfy-main-wrapper,
    .site-main-wrap { 
        padding-left: 15px !important;  
        padding-right: 15px !important; 
    }
}