/* Omry Lashem – site fixes (mobile typography, tables, video/form spacing) */

/* 8. Mobile: force right alignment (no justify) for article content */
@media (max-width: 1024px) {
  .elementor-widget-theme-post-content,
  .elementor-widget-theme-post-content p,
  .elementor-widget-theme-post-content li,
  .elementor-widget-theme-post-content h1,
  .elementor-widget-theme-post-content h2,
  .elementor-widget-theme-post-content h3,
  .elementor-widget-theme-post-content h4,
  .elementor-widget-theme-post-title h1,
  .elementor-widget-heading h1,
  .elementor-widget-heading h2,
  .elementor-widget-heading h3,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p,
  .elementor-widget-text-editor li,
  .entry-content,
  .entry-content p,
  .entry-content li,
  .omry-article-faq * {
    text-align: right !important;
    text-align-last: right !important;
    word-spacing: normal !important;
    hyphens: none !important;
  }
}

/* 8b. Tables inside articles stay readable on small screens */
.elementor-widget-theme-post-content table,
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  display: table;
}
@media (max-width: 1024px) {
  .elementor-widget-theme-post-content figure.wp-block-table,
  .elementor-widget-theme-post-content .table-wrap,
  .elementor-widget-theme-post-content table,
  .entry-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .elementor-widget-theme-post-content table th,
  .elementor-widget-theme-post-content table td,
  .entry-content table th,
  .entry-content table td {
    white-space: normal;
    text-align: right !important;
    padding: 0.5rem 0.6rem;
    font-size: 0.95em;
  }
}

/* 9. Mobile: keep contact forms clear of embedded videos */
@media (max-width: 1024px) {
  .elementor-widget-video,
  .elementor-widget-video .elementor-wrapper,
  .elementor-widget-video iframe {
    position: relative;
    z-index: 0;
  }
  .elementor-widget-video {
    margin-bottom: 32px !important;
  }
  .elementor-widget-form,
  .elementor-widget-shortcode form,
  .elementor-widget-form .elementor-form {
    position: relative;
    z-index: 1;
    margin-top: 24px !important;
  }
}