/* Dawatul Islam 24 — Mobile Polish + Final Optimization
   Upload as: assets/css/di-mobile-polish.css
   Add after dawat-premium-patch.css in header.php
*/

/* Global smoothness */
html{
  scroll-behavior:smooth;
}

body{
  overflow-x:hidden;
}

/* Better ad empty-space control */
.di-home-ad,
.di-cat-ad,
.di-ad-box,
.di-header-ad{
  transition:.25s ease;
}

.adsbygoogle[data-ad-status="unfilled"]{
  display:none !important;
}

/* Header mobile polish */
@media(max-width:768px){
  .di-topbar{
    font-size:13px;
  }

  .di-topbar-inner{
    padding:6px 10px !important;
    gap:6px !important;
  }

  .di-social a{
    width:28px !important;
    height:28px !important;
    font-size:13px !important;
  }

  .di-brand-inner{
    padding:10px 10px !important;
  }

  .di-logo img{
    max-width:205px !important;
  }

  .di-nav-wrap{
    position:sticky;
    top:0;
    z-index:9999;
  }

  .di-nav a,
  .di-dropdown > button{
    font-size:17px !important;
    padding:14px 15px !important;
  }

  .di-dropdown-menu a{
    font-size:16px !important;
  }
}

/* Homepage mobile */
@media(max-width:768px){
  .di-home-wrap{
    padding:0 10px !important;
  }

  .di-home-hero-grid{
    gap:14px !important;
  }

  .di-home-hero-card,
  .di-home-medium-card,
  .di-category-box,
  .di-sidebar-box{
    border-radius:14px !important;
  }

  .di-home-hero-content{
    padding:14px !important;
  }

  .di-home-hero-content h1{
    font-size:25px !important;
    line-height:1.32 !important;
  }

  .di-home-hero-content p{
    font-size:16px !important;
    line-height:1.75 !important;
  }

  .di-category-grid{
    gap:15px !important;
    margin-top:18px !important;
  }

  .di-section-title h3{
    font-size:24px !important;
  }

  .di-home-list-item{
    padding:10px 11px !important;
  }

  .di-home-list-item a{
    font-size:17px !important;
    line-height:1.45 !important;
  }
}

/* Article page polish */
@media(max-width:768px){
  .di-article-wrap{
    padding:0 10px !important;
  }

  .di-article-main,
  .di-related,
  .fb-comments-wrap{
    border-radius:14px !important;
  }

  .di-article-inner{
    padding:15px !important;
  }

  .di-breadcrumb{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .di-article-title{
    font-size:28px !important;
    line-height:1.35 !important;
  }

  .di-article-meta{
    font-size:14px !important;
    gap:8px !important;
  }

  .di-featured-img{
    margin-bottom:12px !important;
  }

  .di-content{
    font-size:18px !important;
    line-height:1.95 !important;
    text-align:left !important;
  }

  .di-content p{
    margin-bottom:16px !important;
  }

  .di-content h2{
    font-size:23px !important;
  }

  .di-content h3{
    font-size:21px !important;
  }

  .di-ad-box{
    min-height:70px !important;
    margin:16px 0 !important;
  }

  .di-share-box a{
    font-size:15px !important;
    padding:10px 12px !important;
  }

  .di-related-card h3{
    font-size:17px !important;
  }
}

/* Category page polish */
@media(max-width:768px){
  .di-cat-wrap{
    padding:0 10px !important;
  }

  .di-cat-heading{
    border-radius:14px !important;
    margin-bottom:14px !important;
  }

  .di-cat-heading h1{
    font-size:26px !important;
    line-height:1.25 !important;
  }

  .di-cat-count{
    font-size:14px !important;
  }

  .di-cat-hero{
    gap:14px !important;
    margin-bottom:16px !important;
  }

  .di-cat-featured-card,
  .di-cat-small-card,
  .di-cat-grid-card,
  .di-cat-sidebar{
    border-radius:14px !important;
  }

  .di-cat-featured-content{
    padding:14px !important;
  }

  .di-cat-featured-content h2{
    font-size:24px !important;
    line-height:1.35 !important;
  }

  .di-cat-featured-content p{
    font-size:16px !important;
    line-height:1.65 !important;
  }

  .di-cat-grid{
    gap:14px !important;
  }

  .di-cat-grid-body h3{
    font-size:18px !important;
  }

  .di-cat-grid-body p{
    font-size:15px !important;
  }
}

/* Footer mobile polish */
@media(max-width:768px){
  .di-footer{
    margin-top:20px !important;
  }

  .di-footer-container{
    padding:26px 12px 18px !important;
  }

  .di-footer-grid{
    gap:18px !important;
  }

  .di-footer-logo img{
    max-width:185px !important;
  }

  .di-footer-about,
  .di-footer-list li,
  .di-abuse-box p{
    font-size:15px !important;
    line-height:1.75 !important;
  }

  .di-footer-title{
    font-size:21px !important;
    margin-bottom:12px !important;
  }

  .di-abuse-box{
    padding:16px !important;
  }

  .di-footer-bottom{
    padding:14px 8px !important;
  }
}

/* Small mobile */
@media(max-width:420px){
  .di-logo img{
    max-width:185px !important;
  }

  .di-article-title{
    font-size:26px !important;
  }

  .di-content{
    font-size:17px !important;
  }

  .di-cat-heading h1,
  .di-home-hero-content h1{
    font-size:23px !important;
  }

  .di-section-title h3{
    font-size:22px !important;
  }
}