/*
Theme Name: OursMark Approved Preview
Description: Server-rendered migration of the approved OursMark preview.
Version: 0.1.34
Text Domain: oursmark-preview
Update URI: https://oursmark.com/oursmark-preview-theme/
*/

@import url("preview.css");

.guide-breadcrumb { margin:0 0 28px; font-size:14px; line-height:1.6; }
.guide-breadcrumb ol { display:flex; flex-wrap:wrap; gap:6px 10px; padding:0; margin:0; list-style:none; }
.guide-breadcrumb li { min-width:0; overflow-wrap:anywhere; }
.guide-breadcrumb li+li::before { content:"/"; margin-right:10px; color:#55717a; }
.guide-breadcrumb a,.guide-related a { color:#00748b; text-decoration:underline; text-underline-offset:3px; }
.guide-related { margin-top:36px; padding-top:24px; border-top:1px solid #cfe3e2; }
.guide-related h2 { margin-top:0; }
.guide-related ul { padding-left:20px; }
.guide-related li { margin:12px 0; }

/* Keyboard-only shortcut: no change to the approved default layout. */
.om-skip-link { position:fixed; top:12px; left:12px; z-index:100000; padding:12px 18px; background:#fff; color:#073b49; border:2px solid #073b49; transform:translateY(-200%); }
.om-skip-link:focus { transform:translateY(0); }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
}

/* Keep mobile playback above, not underneath, its wrapping information bar. */
.parts-video .parts-video-overlay p:last-child { color:#fff; }
@media(max-width:800px) {
  .parts-video { display:grid; grid-template-columns:minmax(0,1fr); }
  .parts-video video { grid-column:1; grid-row:1; }
  .parts-video-play { position:relative; grid-column:1; grid-row:1; align-self:end; justify-self:start; left:auto; bottom:auto; margin:0 20px 20px 25px; }
  .parts-video-footer { position:relative; grid-column:1; grid-row:2; }
}

#om-enquiry-dialog { width:min(720px,calc(100% - 32px)); max-height:90vh; overflow:auto; border:0; padding:32px; color:#073b49; background:#fff; border-radius:8px; }
#om-enquiry-dialog::backdrop { background:rgb(0 25 35 / 65%); }
#om-enquiry-dialog h2 { font-size:clamp(26px,4vw,40px); margin:0 0 24px; }
.om-dialog-close { float:right; font-size:32px; border:0; background:transparent; cursor:pointer; color:inherit; padding:0 8px; }
.om-honeypot { position:absolute!important; left:-10000px!important; width:1px; height:1px; overflow:hidden; }
.om-form-status { white-space:normal; margin-top:16px; font-weight:600; }
.enquiry-form button:disabled { opacity:.65; cursor:wait; }
.enquiry-form input,.enquiry-form textarea { max-width:100%; box-sizing:border-box; }
@media(max-width:600px) { #om-enquiry-dialog { padding:24px 18px; } #om-enquiry-dialog .form-grid { grid-template-columns:1fr; } }

/* WordPress only: keep the approved preview canvas independent from legacy theme chrome. */
body.oursmark-preview-theme { background: var(--paper); }
body.oursmark-preview-theme #wpadminbar { position: fixed; }
body.oursmark-preview-theme .wp-site-blocks,
body.oursmark-preview-theme #page { margin: 0; }