/* Double Trouble Live Pro — safe mobile presentation layer.
 * Loaded only for a private administrator preview or after explicit approval.
 */
.dtlp-mobile-preview-flag {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 2147483000;
  display: grid;
  gap: 2px;
  max-width: calc(100vw - 24px);
  padding: 10px 13px;
  border: 3px solid #d4af37;
  border-radius: 10px;
  background: #0f172a;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
  font: 700 12px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing: .03em;
}
.dtlp-mobile-preview-flag span { color: #dbeafe; font-weight: 600; }

@media (max-width: 782px) {
  html { -webkit-text-size-adjust: 100%; }
  body.dtlp-mobile-optimized { overflow-x: clip; }
  body.dtlp-mobile-optimized *,
  body.dtlp-mobile-optimized *::before,
  body.dtlp-mobile-optimized *::after { box-sizing: border-box; }

  body.dtlp-mobile-optimized .site-content,
  body.dtlp-mobile-optimized .ast-container,
  body.dtlp-mobile-optimized .content-area,
  body.dtlp-mobile-optimized .site-main,
  body.dtlp-mobile-optimized .entry-content { min-width: 0; max-width: 100%; }

  body.dtlp-mobile-optimized .entry-content img,
  body.dtlp-mobile-optimized .entry-content video,
  body.dtlp-mobile-optimized .entry-content canvas,
  body.dtlp-mobile-optimized .entry-content svg,
  body.dtlp-mobile-optimized .entry-content object,
  body.dtlp-mobile-optimized .entry-content embed { max-width: 100% !important; height: auto; }

  body.dtlp-mobile-optimized .entry-content iframe { max-width: 100% !important; }
  body.dtlp-mobile-optimized .entry-content [width],
  body.dtlp-mobile-optimized .entry-content [style*="min-width"],
  body.dtlp-mobile-optimized .entry-content [style*="width:"] { max-width: 100% !important; }

  body.dtlp-mobile-optimized .wp-block-columns { flex-wrap: wrap !important; }
  body.dtlp-mobile-optimized .wp-block-columns > .wp-block-column { flex-basis: 100% !important; margin-left: 0 !important; }

  body.dtlp-mobile-optimized :where(
    .dtlp-main-grid,
    .dtlp-content-grid,
    .dtlp-home-feature-grid,
    .dtlp-home-two-col,
    .dtlp-member-tools-grid,
    .dtlp-show-grid,
    .dtlp-mark-grid,
    .dtlp-mark-page-grid,
    .dtlp-mark-picks-grid,
    .dtlp-archive-grid,
    .dtlp-archive-result-grid,
    .dtlp-cn-layout,
    .dtlp-cn-grid,
    .dtlp-hc-grid,
    .dtlp-hi-insight-grid,
    .dtlp-hi-note-history-grid,
    .dtlp-hi-why-grid,
    .dtlp-stable-grid,
    .dtlp-today-stable-grid,
    .dtlp-today-patterns-grid,
    .dtlp-meet-bias-columns,
    .dtlp-tic-grid,
    .dtlp-tic-hero-grid,
    .dtlp-wagers-grid
  ) { grid-template-columns: minmax(0, 1fr) !important; }

  body.dtlp-mobile-optimized .entry-content table {
    display: block;
    width: 100% !important;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
  }
  body.dtlp-mobile-optimized .entry-content th,
  body.dtlp-mobile-optimized .entry-content td { white-space: normal; overflow-wrap: anywhere; }
  body.dtlp-mobile-optimized .entry-content pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; }

  body.dtlp-mobile-optimized .entry-content form,
  body.dtlp-mobile-optimized .entry-content fieldset { min-width: 0; max-width: 100%; }
  body.dtlp-mobile-optimized .entry-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.dtlp-mobile-optimized .entry-content select,
  body.dtlp-mobile-optimized .entry-content textarea { max-width: 100% !important; font-size: 16px; }
  body.dtlp-mobile-optimized .entry-content button,
  body.dtlp-mobile-optimized .entry-content input[type="submit"],
  body.dtlp-mobile-optimized .entry-content input[type="button"],
  body.dtlp-mobile-optimized .entry-content .button,
  body.dtlp-mobile-optimized .entry-content .wp-element-button {
    min-height: 44px;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.dtlp-mobile-optimized :where(h1,.entry-title) { font-size: clamp(28px, 8vw, 42px) !important; overflow-wrap: anywhere; }
  body.dtlp-mobile-optimized h2 { font-size: clamp(23px, 6.5vw, 34px) !important; overflow-wrap: anywhere; }
  body.dtlp-mobile-optimized h3 { font-size: clamp(19px, 5.5vw, 28px) !important; overflow-wrap: anywhere; }

  body.dtlp-mobile-optimized .dtlp-premium-nav { max-width: 100vw; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body.dtlp-mobile-optimized .dtlp-premium-nav-inner { width: max-content; min-width: 100%; }
  body.dtlp-mobile-optimized .dtlp-mobile-preview-flag { right: 8px; bottom: 8px; }
}