/* IM site-wide styles for native Wix pages (blog feed, guide posts). Served from the SiteAssets
   CMS collection via /_functions/asset/site.css — update with scripts/publish-site-assets.mjs. */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800&display=swap');

/* ---------- blog: shared ---------- */
html.ims-blog [data-hook="feed-page-root"],
html.ims-blog [data-hook="post-page-root"],
html.ims-blog [data-hook="post-list-item"],
html.ims-blog [data-hook="post-list-item"] *,
html.ims-blog [data-hook="feed-page-root"] *,
html.ims-blog [data-hook="recent-posts"] *,
html.ims-blog [data-hook="post-page"] * {
  font-family: 'Heebo', 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important;
}
html.ims-blog [data-hook="menu-root"],
html.ims-blog [data-hook="blog-desktop-header-container"] { direction: rtl; }
html.ims-blog [data-hook="post-stats"],
html.ims-blog [data-hook="post-main-actions__stats"],
html.ims-blog [data-hook="more-button"] { display: none !important; }

/* ---------- blog feed (/blog) ---------- */
#ims-blog-hero {
  direction: rtl; max-width: 1180px; margin: 28px auto 8px; padding: 30px 32px; box-sizing: border-box;
  background: linear-gradient(135deg, #0b4da2 0%, #083a7c 100%); color: #fff; border-radius: 18px;
  font-family: 'Heebo', system-ui, sans-serif;
}
#ims-blog-hero h1 { margin: 0 0 8px; font-size: 34px; line-height: 1.2; font-weight: 800; color: #fff; }
#ims-blog-hero p { margin: 0 0 18px; font-size: 17px; line-height: 1.6; color: #dbe7fb; max-width: 62ch; }
#ims-blog-hero nav { display: flex; flex-wrap: wrap; gap: 8px; }
#ims-blog-hero nav a {
  color: #fff; text-decoration: none; font-size: 14.5px; font-weight: 700; padding: 8px 14px;
  border-radius: 999px; background: #ffffff1f; border: 1px solid #ffffff38;
}
#ims-blog-hero nav a:hover, #ims-blog-hero nav a:focus-visible { background: #ffffff33; }
#ims-blog-hero nav a.cta { background: #e8590c; border-color: #e8590c; }
@media (max-width: 760px) {
  #ims-blog-hero { margin: 14px 12px 4px; padding: 22px 18px; border-radius: 14px; }
  #ims-blog-hero h1 { font-size: 26px; }
  #ims-blog-hero p { font-size: 15.5px; }
}

/* One card = the gallery item (image + text together). */
html.ims-blog .gallery-item-container:has([data-hook="post-list-item"]) {
  background: #fff; border: 1px solid #e3e6ec; border-radius: 14px; overflow: hidden;
  box-shadow: 0 1px 2px #1d23300d, 0 6px 18px #1d23300f; transition: box-shadow .2s, transform .2s;
}
html.ims-blog .gallery-item-container:has([data-hook="post-list-item"]):hover { box-shadow: 0 2px 4px #1d233014, 0 12px 28px #1d23301f; transform: translateY(-2px); }
html.ims-blog [data-hook="post-list-item"], html.ims-blog [data-hook="post-list-item"] > * { border: 0 !important; box-shadow: none !important; background: transparent !important; }
html.ims-blog [data-hook="post-list-item"] [data-hook="post-title"],
html.ims-blog [data-hook="post-list-item"] [data-hook="post-title"] * {
  font-weight: 800 !important; color: #14213d !important; letter-spacing: -.2px;
}
html.ims-blog [data-hook="post-list-item"] [data-hook="post-description"],
html.ims-blog [data-hook="post-list-item"] [data-hook="post-description"] * { color: #4a5568 !important; line-height: 1.6 !important; }
html.ims-blog [data-hook="post-list-item"] [data-hook="post-footer"] { display: none !important; }
html.ims-blog [data-hook="image-item"] img, html.ims-blog [data-hook="gallery-item-image-img"] { object-fit: contain !important; background: #f4f6fa; }
@media (prefers-reduced-motion: reduce) {
  html.ims-blog .gallery-item-container { transition: none !important; }
  html.ims-blog .gallery-item-container:hover { transform: none !important; }
}

/* ---------- guide post (/post/...) ---------- */
html.ims-blog [data-hook="post-page"] [data-hook="post-title"] h1,
html.ims-blog [data-hook="post-page"] h1 {
  font-weight: 800 !important; font-size: 36px !important; line-height: 1.25 !important; color: #14213d !important; letter-spacing: -.3px;
}
html.ims-blog [data-hook="post-page"] h2 {
  font-weight: 800 !important; font-size: 25px !important; line-height: 1.35 !important; color: #0b4da2 !important;
  margin: 34px 0 12px !important; padding-top: 4px;
}
html.ims-blog [data-hook="post-page"] h3 {
  font-weight: 700 !important; font-size: 20px !important; color: #14213d !important; margin: 24px 0 8px !important;
}
html.ims-blog [data-hook="post-page"] p,
html.ims-blog [data-hook="post-page"] li {
  font-size: 18px !important; line-height: 1.85 !important; color: #2a3346 !important;
}
html.ims-blog [data-hook="post-page"] p { margin: 0 0 16px !important; }
html.ims-blog [data-hook="post-page"] ul, html.ims-blog [data-hook="post-page"] ol { margin: 4px 0 20px !important; padding-inline-start: 22px !important; }
html.ims-blog [data-hook="post-page"] li { margin: 0 0 10px !important; }
html.ims-blog [data-hook="post-page"] li::marker { color: #0b4da2; }
html.ims-blog [data-hook="post-page"] strong, html.ims-blog [data-hook="post-page"] b { font-weight: 700 !important; color: #14213d !important; }
html.ims-blog [data-hook="post-page"] a { color: #0b4da2 !important; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
html.ims-blog [data-hook="post-page"] a:hover { color: #e8590c !important; }
@media (max-width: 760px) {
  html.ims-blog [data-hook="post-page"] h1 { font-size: 27px !important; }
  html.ims-blog [data-hook="post-page"] h2 { font-size: 21px !important; margin-top: 26px !important; }
  html.ims-blog [data-hook="post-page"] p, html.ims-blog [data-hook="post-page"] li { font-size: 16.5px !important; line-height: 1.8 !important; }
}

#ims-post-cta {
  direction: rtl; margin: 36px 0 8px; padding: 22px 24px; border-radius: 14px; background: #f1f6fd;
  border: 1px solid #cfe0f7; font-family: 'Heebo', system-ui, sans-serif;
}
#ims-post-cta b { display: block; font-size: 19px; color: #14213d; margin-bottom: 6px; }
#ims-post-cta span { display: block; font-size: 15.5px; color: #4a5568; margin-bottom: 14px; }
#ims-post-cta nav { display: flex; flex-wrap: wrap; gap: 8px; }
#ims-post-cta nav a {
  text-decoration: none !important; font-size: 15px; font-weight: 700; padding: 10px 16px; border-radius: 10px;
  background: #0b4da2; color: #fff !important;
}
#ims-post-cta nav a.alt { background: #fff; color: #0b4da2 !important; border: 1px solid #b9cfee; }
#ims-post-cta nav a:hover { filter: brightness(1.06); }

/* Home: the SEO heading (H1) added in the Editor sits on top of the storefront element and covers
   the products (owner 2026-10-08, "urgent"). Keep it for Google and screen readers, hide it visually. */
#comp-muzm3e4z {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}