/* Connected Datacom pages only. Preserve Gutenberg's tools and device viewports. */
.editor-styles-wrapper [data-type="datacom/element"] {max-width:none;margin:0;}
.editor-styles-wrapper {
 background:#edf1f7;
 padding:0;
}
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
 box-sizing:border-box;
 width:calc(100% - 48px);
 max-width:1200px;
 margin:24px auto 48px;
 padding:0;
 min-height:360px;
 background:#fff;
 box-shadow:0 6px 30px #182c4814;
}
.editor-styles-wrapper .is-root-container > .wp-block:not(.alignwide):not(.alignfull) {
 max-width:none;
 margin-left:auto;
 margin-right:auto;
}
.editor-styles-wrapper .editor-post-title__block {
 width:calc(100% - 48px);
 max-width:1200px;
 margin:20px auto 12px;
}
.editor-styles-wrapper .editor-post-title__block::before {
 content:'Page name';display:block;font:600 11px/1.5 system-ui,sans-serif;
 letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:5px;
}
.editor-styles-wrapper .editor-post-title__input {
 font-size:20px!important;line-height:1.4!important;font-weight:600!important;margin:0!important;
}
.datacom-live-block-editor {box-sizing:border-box;position:relative;}
.datacom-live-block-editor .datacom-live-block-preview {position:relative;}
.datacom-live-block-editor iframe[data-datacom-widget] {
 display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:0;
}
.datacom-live-block-select {
 position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;
 border:0;background:transparent;cursor:pointer;z-index:1;
}
.datacom-live-block-select:focus-visible {outline:2px solid #3858e9;outline-offset:2px;}
.datacom-live-block-editor .datacom-live-block-name {
 display:none;position:absolute;right:8px;top:8px;z-index:2;pointer-events:none;
 padding:5px 8px;border-radius:5px;background:#3858e9;color:white;font:500 11px/1.4 system-ui,sans-serif;
}
.datacom-live-block-editor.is-selected .datacom-live-block-name {display:block;}
@media(max-width:800px){
 .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
  width:100%;margin:12px 0;padding:0;box-shadow:none;
 }
 .editor-styles-wrapper .editor-post-title__block {width:calc(100% - 32px);margin:16px auto 12px;}
}

/* The live header block already reserves its measured in-flow height. */
body:has(iframe[data-datacom-widget][src*="/wordpress-widgets/header"]) :is(.site-shell,.simple-route-page,.services-page,.business-it-page,.data-center-page,.tough-page,.ai-workstations-page){padding-top:0!important}body:has(iframe[data-datacom-widget][src*="/wordpress-widgets/header"]) .site-shell>.nav-bar{display:none!important}
/* Keep the page canvas centred even when imported layout rules set margins. */
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
 width:calc(100% - 32px)!important;
 max-width:none!important;
 margin-left:auto!important;
 margin-right:auto!important;
}
@media(max-width:800px){
 .editor-styles-wrapper .block-editor-block-list__layout.is-root-container{width:100%!important;}
}
/* Match the title to the available editor viewport, including tablet/mobile. */
.editor-styles-wrapper .editor-post-title__block {
 width:calc(100% - 32px)!important;
 max-width:none!important;
}
/* Page metadata belongs in Gutenberg's toolbar/sidebar, outside the design. */
.editor-styles-wrapper .editor-post-title,
.editor-styles-wrapper .editor-post-title__block {
 display:none!important;
}
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
 margin-top:0!important;
 margin-bottom:0!important;
}
/* Gutenberg assigns its theme font to each .wp-block. Imported elements must
   inherit the website font instead; explicit page classes/inline styles win. */
.editor-styles-wrapper [data-type="datacom/element"] {
 font-family:inherit;
}
/* Match the native canvas: keep navigation visible while scrolling the page. */
.editor-styles-wrapper [data-type="datacom/live-block"]:has(iframe[src*="/wordpress-widgets/header"]),
.editor-styles-wrapper [data-type="datacom/element"][data-datacom-element-tag="iframe"]:has(iframe[src*="/wordpress-widgets/header"]) {
 position:sticky;
 top:0;
 z-index:50;
}
/* Header variants share this editor wrapper even when their block name differs. */
.editor-styles-wrapper .datacom-live-block-editor:has(iframe[src*="/wordpress-widgets/header"]) {
 position:sticky!important;
 top:0;
 z-index:50;
}
/* Fixed visitor navigation must not float across the editing canvas. */
.editor-styles-wrapper .dcwp-header,
.editor-styles-wrapper .nav-bar,
.editor-styles-wrapper .site-header,
.editor-styles-wrapper .dc-header-autohide,
.editor-styles-wrapper .wp-block-datacom-live-block:has(.dcwp-header),
.editor-styles-wrapper [data-type="datacom/live-block"]:has(iframe[src*="/wordpress-widgets/header"]),
.editor-styles-wrapper [data-type="datacom/element"][data-datacom-element-tag="iframe"]:has(iframe[src*="/wordpress-widgets/header"]),
.editor-styles-wrapper .datacom-live-block-editor:has(iframe[src*="/wordpress-widgets/header"]){position:relative!important;top:auto!important;transform:none!important;z-index:auto!important}
.editor-styles-wrapper .chat-button,.editor-styles-wrapper .services-ai-float,.editor-styles-wrapper .contact-float{display:none!important}
/* Match the visitor services typography without overriding saved colour choices. */
@font-face{font-family:"Datacom Editor Gilroy";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/wix-fonts/b6f405e9830dfc780ab4.woff2') format('woff2')}
@font-face{font-family:"Datacom Editor Gilroy";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/wix-fonts/1db4c75e54cbc7f29b11.woff2') format('woff2')}
.editor-styles-wrapper .service-list .service-row h3{font-family:"Datacom Editor Gilroy",Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.2}
.editor-styles-wrapper .service-list .service-row ul{list-style:none!important;padding-left:0!important;font-family:"Datacom Editor Gilroy",Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.45}
.editor-styles-wrapper .service-list .service-row li{list-style:none!important;font-family:inherit;font-weight:400}
.editor-styles-wrapper .service-list .service-row li::marker{content:''}
.editor-styles-wrapper .service-list .service-row strong{font-family:inherit;font-weight:700}
@media(max-width:700px){.editor-styles-wrapper .service-list .service-row{grid-template-columns:1fr;gap:16px}.editor-styles-wrapper .service-list .service-row h3{font-size:18px}}