/* v1.4 — Mobile full-bleed text same width as images — 2025-09-27 */

/* Base (desktop/tablet stays as before) */
.content-wrapper {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  line-height: 1.7;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* MOBILE: make wrapper escape theme container and use full viewport width */
@media (max-width: 768px) {
  .single .content-wrapper {
    max-width: none !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 10px;  /* pomak od ruba da ne dodiruje ekran */
    padding-right: 10px;
  }
  /* ensure all direct children use same width as images */
  .single .content-wrapper > *,
  .single .content-wrapper p,
  .single .content-wrapper ul,
  .single .content-wrapper ol,
  .single .content-wrapper blockquote {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Make media fully responsive */
  .single .content-wrapper img,
  .single .content-wrapper figure,
  .single .content-wrapper video,
  .single .content-wrapper iframe {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* helpful table rules */
.content-wrapper table {
  width: 100%;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.content-wrapper table td,
.content-wrapper table th { white-space: nowrap; }