/* Viewer uses active theme font loaded by wp_head(). All selectors are scoped. */
:root { color-scheme: light; }
html { min-height: 100%; }
body.mhm-viewer-page { margin: 0 !important; min-height: 100%; direction: rtl; background: #edf3ee; color: #1c3829; }
body.mhm-viewer-page, body.mhm-viewer-page * { box-sizing: border-box; }
body.mhm-viewer-page .mhm-viewer-app {
  /* Elementor's global theme font when provided; otherwise inherit from the theme body. */
  font-family: var(--e-global-typography-text-font-family, inherit);
  font-weight: inherit;
  min-height: 480px; height: 100dvh;
  display: flex; flex-direction: column; direction: rtl; color: #1c3829;
  text-align: right; max-width: none; padding: 0; margin: 0;
}
body.mhm-viewer-page .mhm-viewer-app :where(h1, a, div, span, nav, header, main) { font-family: inherit; }
body.mhm-viewer-page .mhm-viewer-app a { text-decoration: none; box-shadow: none; }
body.mhm-viewer-page .mhm-viewer-header {
  background: #fff; border: 0; border-bottom: 1px solid #d9e8dc;
  padding: 15px clamp(14px, 3vw, 42px);
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap; box-shadow: 0 6px 26px rgba(19,66,34,.04);
  width: 100%; flex-shrink: 0; min-height: 90px;
}
body.mhm-viewer-page .mhm-viewer-title { display: flex; align-items: center; gap: 16px; min-width: 0; flex: 1 1 280px; }
body.mhm-viewer-page .mhm-viewer-logo {
  background: #f3f9f5; border: 1px solid #e7f0e9; border-radius: 12px;
  padding: 8px; width: 132px; height: 64px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
body.mhm-viewer-page .mhm-viewer-logo img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
body.mhm-viewer-page .mhm-viewer-logo-fallback { width: 54px; font-size: 28px; color: #167d49; font-weight: 800; }
body.mhm-viewer-page .mhm-viewer-title-text { min-width: 0; }
body.mhm-viewer-page .mhm-viewer-eyebrow { display: block; font-size: 11px; color: #58886a; font-weight: 700; }
body.mhm-viewer-page .mhm-viewer-title h1 { color: #1c3829; font-size: clamp(15px,1.8vw,21px); font-weight: 800; padding: 0; margin: 2px 0 4px; line-height: 1.6; border: 0; }
body.mhm-viewer-page .mhm-viewer-date { font-size: 11px; color: #708578; line-height: 1.7; }
body.mhm-viewer-page .mhm-viewer-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
body.mhm-viewer-page .mhm-viewer-actions a {
  font-family: inherit; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
  min-height: 40px; line-height: 1.5; padding: 10px 14px; border-radius: 10px;
  border: 1px solid #d8e8dd; background: #f7fbf7; color: #24623b;
  font-size: 12px; font-weight: 700; transition: background .2s ease, transform .2s ease;
}
body.mhm-viewer-page .mhm-viewer-actions a:hover { background: #e6f4ea; transform: translateY(-1px); }
body.mhm-viewer-page .mhm-viewer-actions .mhm-viewer-download { background: #168149; color: #fff; border-color: #168149; }
body.mhm-viewer-page .mhm-viewer-actions .mhm-viewer-download:hover { background: #0c6436; }
body.mhm-viewer-page .mhm-viewer-content { flex: 1; min-height: 0; padding: 16px clamp(8px,2vw,28px) 8px; display: flex; flex-direction: column; max-width: none; width: 100%; margin: 0; }
body.mhm-viewer-page .mhm-viewer-content iframe { display: block; width: 100%; flex: 1; min-height: 250px; background: white; border: 1px solid #d5e1d7; border-radius: 12px; box-shadow: 0 8px 30px rgba(18,55,32,.1); }
body.mhm-viewer-page .mhm-viewer-fallback { text-align: center; font-size: 11px; padding: 8px; color: #667e6c; line-height: 1.8; }
body.mhm-viewer-page .mhm-viewer-fallback a { color: #126d3b; font-weight: 800; }
body.mhm-viewer-page .mhm-viewer-app :focus-visible { outline: 3px solid #86c99f; outline-offset: 2px; }
@media (max-width: 860px) {
  body.mhm-viewer-page .mhm-viewer-header { padding: 12px; gap: 12px; }
  body.mhm-viewer-page .mhm-viewer-logo { width: 96px; height: 51px; padding: 6px; }
  body.mhm-viewer-page .mhm-viewer-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; gap: 6px; }
  body.mhm-viewer-page .mhm-viewer-actions a { font-size: 10px; text-align: center; padding: 8px 5px; min-height: 35px; }
  body.mhm-viewer-page .mhm-viewer-content { padding: 8px 6px; }
}
@media (max-width: 480px) {
  body.mhm-viewer-page .mhm-viewer-title { gap: 10px; }
  body.mhm-viewer-page .mhm-viewer-title h1 { font-size: 14px; }
  body.mhm-viewer-page .mhm-viewer-logo { width: 82px; height: 45px; }
  body.mhm-viewer-page .mhm-viewer-actions a { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) { body.mhm-viewer-page .mhm-viewer-app * { transition: none !important; } }