/* My Little Cashier - Al Quran responsive patch, 22 Oct 2026.
   Loaded after the bundled fallback CSS and other mobile overrides. */
#page-quran,
#page-quran .quran-layout,
#page-quran .quran-content,
#page-quran .quran-right,
#page-quran .quran-glass,
#page-quran .quran-reader-shell,
#page-quran .quran-top-tiles,
#page-quran .quran-surah-grid,
#page-quran .quran-section-heading,
#page-quran .quran-controls {
  min-width: 0;
  max-width: 100%;
}
#page-quran .quran-layout { width: 100%; }
#page-quran .quran-hero > div:last-child { min-width: 0; overflow-wrap: anywhere; }
#page-quran .quran-section-heading > *,
#page-quran .quran-other-row > * { min-width: 0; overflow-wrap: anywhere; }
#page-quran .quran-ayah,
#page-quran .quran-translation,
#page-quran .quran-message { overflow-wrap: anywhere; }
#page-quran .quran-arabic { overflow-wrap: anywhere; }
#page-quran .quran-controls input,
#page-quran .quran-controls select,
#page-quran .quran-note-input { box-sizing: border-box; }
@media (max-width: 1150px) {
  #page-quran .quran-layout { grid-template-columns: minmax(0,1fr); }
  #page-quran .quran-right { min-width: 0; }
}
@media (max-width: 600px) {
  #page-quran .quran-layout,
  #page-quran .quran-right { grid-template-columns: minmax(0,1fr); }
  #page-quran .quran-glass { padding: 12px; border-radius: 16px; }
  #page-quran .quran-reader-shell { padding: 11px; }
  #page-quran .quran-hero { gap: 8px; align-items: center; }
  #page-quran .quran-hero-img { flex: 0 0 clamp(70px, 23vw, 105px); height: 112px; }
  #page-quran .quran-hero h2 { font-size: clamp(28px, 8vw, 36px); line-height: 1.06; }
  #page-quran .quran-hero p { font-size: clamp(17px, 4.6vw, 20px); line-height: 1.2; }
  #page-quran .quran-kicker { font-size: clamp(14px, 3.7vw, 19px); }
  #page-quran .quran-top-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  #page-quran .quran-top-tiles button { min-width: 0; overflow-wrap: anywhere; }
  #page-quran .quran-top-tiles button b,
  #page-quran .quran-top-tiles button span { line-height: 1.1; }
  #page-quran .quran-controls { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
  #page-quran .quran-controls input { width: 100%; min-width: 0; }
  #page-quran .quran-controls label { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; width: 100%; }
  #page-quran .quran-controls select { display: block; width: 100%; min-width: 0; }
  #page-quran .quran-section-heading h3 { font-size: clamp(25px,7vw,29px); line-height: 1.12; }
  #page-quran .quran-surah-grid { grid-template-columns: minmax(0,1fr); }
  #page-quran .quran-surah { width: 100%; }
  #page-quran .quran-reader-top button,
  #page-quran .quran-player button { min-width: 0; max-width: 100%; white-space: normal; text-wrap: pretty; }
  #page-quran .quran-other-row { flex-wrap: wrap; align-items: flex-start; }
  #page-quran .quran-other-row button { max-width: 100%; white-space: normal; }
  #page-quran .quran-ayah-head { flex-wrap: wrap; }
  #page-quran .quran-ayah .quran-arabic { font-size: clamp(27px, 7.7vw, 34px) !important; line-height: 1.9 !important; }
}
@media (max-width: 360px) {
  #page-quran .quran-hero-img { flex-basis: 68px; height: 95px; }
  #page-quran .quran-hero h2 { font-size: 28px; }
  #page-quran .quran-top-tiles button { padding: 9px 3px; }
  #page-quran .quran-top-tiles b { font-size: 19px; }
}