/* ============================================================
   Dr. Yakir Clinic - pages.css
   Only what the Elementor page/template structure itself needs.
   Loads after style.css and bridge.css.
   ============================================================ */

/* ---------- Elementor editor ---------- */
/* The editor renders the html widgets after main.js has run, so its scroll
   reveal never marks them visible there. */
body.elementor-editor-active .reveal { opacity: 1; transform: none; }

/* ---------- 404 (error-404 template): legal-hero look, fills the first screen ---------- */
.legal-hero.dyk-404 {
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.legal-hero.dyk-404 h1 { font-size: clamp(3.6rem, 10vw, 6rem); line-height: 1; margin-bottom: 14px; }
.dyk-404-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 32px; }
@media (max-width: 760px) {
  .dyk-404-ctas .btn { width: 100%; }
}

/* ---------- Privacy storage table (the only table in a .legal-content card) ---------- */
/* The October rows add unbreakable words (dryakir_utm, "Analytics,", the statistics/marketing type)
   that make the table at least 357px wide, wider than the card on portrait phones (321px at 390).
   Tighter side padding and a slightly smaller font keep it inside the card; 481px and up stays original. */
@media (max-width: 480px) {
  .legal-content table { font-size: .85rem; }
  .legal-content th, .legal-content td { padding-inline: 6px; }
}
@media (max-width: 359px) {
  .legal-content th, .legal-content td { padding-inline: 4px; }
}