/* ============================================================
   Dairy Ustad — site fixes (mobile UX)
   Poori site (frontend) par load hoti hai. Band karne ke liye:
   ڈیری استاد → Settings → "Site fixes (mobile CSS)" ka tick hatayen.
   Desktop (769px+) par is file ka koi rule asar nahi karta.
   ============================================================ */

@media (max-width: 768px) {

    /* 1) H1 heading (Nastaliq): Kadence 56px / 140px line-height deta hai,
          jis se mobile par title akela 400–700px le leta tha.
          Ab title chhota, taake pehli screen par content bhi nazar aaye. */
    h1,
    .entry-title {
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1.9 !important;
        margin-bottom: 0.4em;
    }

    /* 1b) Title ke gird grey hero patti: Kadence min-height 200px deta hai.
           Mobile par sirf title jitni oonchai. */
    .entry-hero.page-hero-section .entry-header {
        min-height: 0 !important;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    /* 2a) Home hero ke sajawati gol daire (hp-hero-bg-circle) screen se bahar
           jaate hain. Hero unhein clip kare aur khud screen se chaura na ho. */
    .hp-hero {
        overflow: hidden;
        max-width: 100%;
    }

    /* 2b) Munafa page ki income bars: % ka label (du-it-pct) chhoti bar se
           bahar na nikle; track screen ke andar rahe. */
    .du-it-track {
        max-width: 100%;
    }
    .du-it-pct {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
    }

    /* 3) Cookie banner (CookieAdmin): 345px se ~170px.
          Kam padding, chhota text, aur teeno buttons ek hi line mein. */
    .cookieadmin_law_container.cookieadmin_box {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        width: auto !important;
        max-width: none !important;
    }
    .cookieadmin_law_container .cookieadmin_consent_inside {
        padding: 10px 12px !important;
    }
    .cookieadmin_law_container #cookieadmin_notice_title {
        font-size: 14px !important;
        margin-bottom: 2px !important;
    }
    .cookieadmin_law_container #cookieadmin_notice {
        font-size: 12.5px !important;
        line-height: 1.6 !important;
    }
    .cookieadmin_law_container .cookieadmin_consent_btns {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        margin-top: 8px !important;
    }
    .cookieadmin_law_container .cookieadmin_consent_btns .cookieadmin_btn {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 6px 4px !important;
        font-size: 13px !important;
        justify-content: center;
        white-space: nowrap;
    }
    .cookieadmin_law_container .cookieadmin-poweredby {
        margin-top: 4px !important;
    }
}