/* BarakaWay mobile responsive patch - applied only on mobile/tablet widths */
@media (max-width: 900px){
  html, body{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  *, *::before, *::after{box-sizing:border-box;}
  body{padding-left:0!important;padding-right:0!important;}
  img, video, canvas, svg, iframe{max-width:100%!important;height:auto!important;}
  table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;border-collapse:collapse;}
  pre, code{white-space:pre-wrap!important;word-break:break-word!important;}

  .bw-web-shell, .bw-web-topnav__inner, .container, .page, .wrap, .wrapper, .content, main, section, article,
  .ramadan-wrapper, .settings-container, .article-container, .surah-container, .dua-container, .adhkar-container,
  .favorites-container, .holiday-container, .mosque-container, .prayer-container, .quran-container, .wallet-container{
    width:calc(100% - 24px)!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .bw-web-topnav{position:sticky!important;top:0!important;}
  .bw-web-topnav__inner{min-height:64px!important;gap:10px!important;flex-wrap:wrap!important;}
  .bw-web-brand{max-width:100%!important;white-space:normal!important;font-size:16px!important;}
  .bw-web-brand img{width:36px!important;height:36px!important;border-radius:12px!important;}
  .bw-web-links{
    width:100%!important;
    margin-left:0!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px!important;
  }
  .bw-web-links a{min-height:36px!important;padding:0 11px!important;font-size:12px!important;white-space:nowrap!important;flex:0 0 auto!important;}

  .bw-web-app-hero{width:calc(100% - 24px)!important;margin:18px auto!important;padding:24px 16px!important;border-radius:24px!important;}
  .bw-web-app-hero h1, h1{font-size:clamp(28px,8vw,38px)!important;line-height:1.08!important;letter-spacing:-.04em!important;}
  h2{font-size:clamp(22px,6vw,30px)!important;line-height:1.14!important;}
  h3{font-size:clamp(18px,5vw,24px)!important;line-height:1.18!important;}
  p, li{font-size:16px;line-height:1.65;}

  .grid, .cards, .card-grid, .features, .feature-grid, .home-grid, .quick-grid, .prayer-grid, .surah-grid,
  .dua-grid, .adhkar-grid, .article-grid, .articles-grid, .category-grid, .month-grid, .settings-grid,
  .names-grid, .mosque-grid, .holiday-grid, .tool-grid, .bw-web-app-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .hero, .card, .panel, .block, .box, .article, .category-panel, .surah-card, .prayer-card, .home-widget,
  .wallet-support, .wallet-box, .transactions, .intro, .quote, .warning, .modal-card{
    max-width:100%!important;
    min-width:0!important;
    border-radius:22px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .row, .actions, .buttons, .btn-row, .button-row, .modal-actions, .bw-web-app-actions, .footer, .site-footer{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  button, .btn, .button, input, select, textarea{max-width:100%!important;}
  .btn, .button, button[type=submit], input[type=submit]{width:100%;}

  .bw-site-footer{width:calc(100% - 24px)!important;max-width:100%!important;padding:0 0 22px!important;}
  .bw-footer-line{flex-direction:column!important;text-align:center!important;align-items:center!important;padding:18px 14px!important;}
  .bw-footer-brand{min-width:0!important;white-space:normal!important;}
}

@media (max-width: 480px){
  .container, .page, .wrap, .wrapper, .content, main, section, article{width:calc(100% - 16px)!important;padding-left:8px!important;padding-right:8px!important;}
  .hero, .card, .panel, .block, .box{padding:14px!important;border-radius:20px!important;}
  .bw-web-app-hero{width:calc(100% - 16px)!important;padding:20px 14px!important;}
}


/* Requested cleanup: hide obsolete desktop/landscape optimization banners on mobile. */
@media (max-width: 900px){
  .desktop-warning,
  .desktop-notice,
  .landscape-warning,
  .landscape-notice,
  .orientation-warning,
  .orientation-notice,
  .browser-warning,
  .browser-notice,
  [data-orientation-warning],
  [data-desktop-warning]{
    display:none!important;
  }
}