/* CadiaOffice help layout 0.3.7. Only pages marked by the plugin are affected. */
body.cadia-help-wide-layout {
    --cadia-help-max-width: 1600px;
    /* Existing desktop navigation: 31% of the former 1140px inner container. */
    --cadia-help-nav-width: 353.4px;
    --cadia-help-column-gap: 32px;
}

/* The original Elementor template may use a boxed or a full-width container. */
body.cadia-help-wide-layout .e-con.e-parent:has(> .e-con-inner > .cadia-help-content) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

body.cadia-help-wide-layout .e-con-inner:has(> .cadia-help-content),
body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: var(--cadia-help-column-gap) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.cadia-help-wide-layout .e-con-inner:has(> .cadia-help-content) {
    width: 100% !important;
    max-width: var(--cadia-help-max-width) !important;
}

body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) {
    width: 100% !important;
    /* Include the two existing 24px gutters in the outer container. */
    max-width: calc(var(--cadia-help-max-width) + 48px) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

body.cadia-help-wide-layout .e-con-inner:has(> .cadia-help-content) > .e-con:has(.cadia-tree-nav),
body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) > .e-con:has(.cadia-tree-nav) {
    box-sizing: border-box;
    flex: 0 0 var(--cadia-help-nav-width) !important;
    width: var(--cadia-help-nav-width) !important;
    min-width: var(--cadia-help-nav-width) !important;
    max-width: var(--cadia-help-nav-width) !important;
}

body.cadia-help-wide-layout .e-con-inner:has(> .cadia-help-content) > .cadia-help-content,
body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) > .cadia-help-content {
    box-sizing: border-box;
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

body.cadia-help-wide-layout .cadia-help-content img {
    max-width: 100%;
    height: auto !important;
}

/* Keep the page usable on tablets, smaller windows and at high browser zoom. */
@media (max-width: 1024px) {
    body.cadia-help-wide-layout .e-con-inner:has(> .cadia-help-content),
    body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) {
        flex-direction: column !important;
        gap: 24px !important;
    }

    body.cadia-help-wide-layout .e-con-inner:has(> .cadia-help-content) > .e-con:has(.cadia-tree-nav),
    body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) > .e-con:has(.cadia-tree-nav),
    body.cadia-help-wide-layout .e-con-inner:has(> .cadia-help-content) > .cadia-help-content,
    body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) > .cadia-help-content {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {
    body.cadia-help-wide-layout .e-con.e-parent:has(> .e-con-inner > .cadia-help-content),
    body.cadia-help-wide-layout .e-con.e-parent:has(> .cadia-help-content) {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* Hide only the theme's extra page-title band, not the blue help banner or article H1. */
body.cadia-help-wide-layout #main > .page-header,
body.cadia-help-wide-layout #main > .page-header-wrap {
    display: none !important;
}

/* Match the logo's left edge to the 1600px help/navigation container. */
body.cadia-help-wide-layout #site-header-inner {
    box-sizing: border-box;
    width: calc(100% - 48px) !important;
    max-width: var(--cadia-help-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.cadia-help-wide-layout #site-logo { margin-left: 0 !important; }

/* First Elementor root is the existing blue help banner. Keep its height and colors. */
body.cadia-help-wide-layout .elementor > .e-con.e-parent:first-child:not(:has(.cadia-help-content)) {
    width: 100% !important;
    max-width: none !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}
body.cadia-help-wide-layout .elementor > .e-con.e-parent:first-child:not(:has(.cadia-help-content)) > .e-con-inner,
body.cadia-help-wide-layout .elementor > .e-con.e-parent:first-child:not(:has(.cadia-help-content)) > .elementor-widget-heading {
    width: 100% !important;
    max-width: var(--cadia-help-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.cadia-help-search { margin: 0 0 24px; }
.cadia-help-search label { display: block; font-weight: 600; margin: 0 0 8px; }
.cadia-help-search-row { display: flex; gap: 8px; }
.cadia-help-search input[type="search"] { min-width: 0; flex: 1 1 auto; width: 100%; padding: 9px 10px; border: 1px solid #83a1b5; border-radius: 3px; background: #fff; color: #263746; font: inherit; }
.cadia-help-search button { flex: 0 0 auto; padding: 9px 12px; border: 1px solid #2c5976; border-radius: 3px; background: #2c5976; color: #fff; font: inherit; cursor: pointer; }
.cadia-help-search input:focus-visible, .cadia-help-search button:focus-visible { outline: 3px solid #83a1b5; outline-offset: 2px; }
@media(max-width:767px) {
    body.cadia-help-wide-layout #site-header-inner { width: calc(100% - 32px) !important; }
    body.cadia-help-wide-layout .elementor > .e-con.e-parent:first-child:not(:has(.cadia-help-content)) { padding-left: 16px !important; padding-right: 16px !important; }
}

body.cadia-help-wide-layout .cadia-tree-nav{overflow-x:clip;overflow-wrap:anywhere;}
body.cadia-help-wide-layout .cadia-tree-nav a,body.cadia-help-wide-layout .cadia-tree-nav .cadia-tree-unmapped{max-width:100%;overflow-wrap:anywhere;}

/* Compact help search; scoped to the existing help form. */
body.cadia-help-wide-layout .cadia-help-search {margin:0 0 20px;}
body.cadia-help-wide-layout .cadia-help-search label {font-size:13px;line-height:1.4;font-weight:400;color:#506879;margin:0 0 5px;}
body.cadia-help-wide-layout .cadia-help-search-row {display:flex;align-items:center;gap:0;border:1px solid #bdcbd5;border-radius:4px;background:#fff;overflow:hidden;}
body.cadia-help-wide-layout .cadia-help-search input[type="search"] {box-sizing:border-box;min-width:0;min-height:0;height:34px;flex:1 1 0%;width:100%;padding:5px 9px;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:inherit;font-size:14px;line-height:24px;color:#263746;margin:0;}
body.cadia-help-wide-layout .cadia-help-search input::placeholder {color:#738592;opacity:1;}
body.cadia-help-wide-layout .cadia-help-search button {box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;min-width:0;height:34px;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#506879;line-height:1;letter-spacing:normal;text-transform:none;cursor:pointer;}
body.cadia-help-wide-layout .cadia-help-search button svg {display:block;width:16px;height:16px;pointer-events:none;}
body.cadia-help-wide-layout .cadia-help-search button:hover {background:#e5edf2;color:#214f70;}
body.cadia-help-wide-layout .cadia-help-search-row:focus-within {border-color:#658799;box-shadow:0 0 0 2px #65879926;}
body.cadia-help-wide-layout .cadia-help-search input:focus-visible {outline:none;}
body.cadia-help-wide-layout .cadia-help-search button:focus-visible {outline:2px solid #658799;outline-offset:-3px;}
@media(pointer:coarse) {body.cadia-help-wide-layout .cadia-help-search button {flex-basis:42px;width:42px;height:42px;}body.cadia-help-wide-layout .cadia-help-search input[type="search"] {height:42px;}}

/* Separate the related-help section from the preceding article text. */
body.cadia-help-wide-layout .cadia-help-content .cadia-help-related {padding-top:32px;}
body.cadia-help-wide-layout .cadia-help-content .cadia-help-related>h2:first-child {margin-top:0;}

/* Restore the original Dr.Explain callouts and their migrated aside equivalents. */
body.cadia-help-wide-layout .cadia-help-content :is(table.de-text-block,.cadia-help-notice) {
    --cadia-callout-background:#fafafa;--cadia-callout-border:#e6e6e6;
    box-sizing:border-box;max-width:100%;margin:5px 0;background:var(--cadia-callout-background)!important;border:1px solid var(--cadia-callout-border)!important;border-radius:0;text-align:left;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;
}
body.cadia-help-wide-layout .cadia-help-content :is(table.de-text-block-error,.cadia-help-notice-error) {--cadia-callout-background:#f2dede;--cadia-callout-border:#ebccd1;--cadia-callout-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20fill%3D%22%23d9534f%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M12%206.5v7%22%20stroke%3D%22white%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20fill%3D%22white%22%20cx%3D%2212%22%20cy%3D%2217.4%22%20r%3D%221.35%22%2F%3E%3C%2Fsvg%3E");}
body.cadia-help-wide-layout .cadia-help-content :is(table.de-text-block-success,.cadia-help-notice-success) {--cadia-callout-background:#dff0d8;--cadia-callout-border:#d6e9c6;--cadia-callout-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20fill%3D%22%233c763d%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22m6.5%2012%203.7%203.8%207.4-8%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");}
body.cadia-help-wide-layout .cadia-help-content :is(table.de-text-block-warning,.cadia-help-notice-warning) {--cadia-callout-background:#fcf8e3;--cadia-callout-border:#faebcc;--cadia-callout-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23f0ad4e%22%20d%3D%22M10.2%203.2a2.1%202.1%200%200%201%203.6%200l9%2016a1.9%201.9%200%200%201-1.7%202.8H2.9a1.9%201.9%200%200%201-1.7-2.8z%22%2F%3E%3Cpath%20d%3D%22M12%208v6%22%20stroke%3D%22white%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20fill%3D%22white%22%20cx%3D%2212%22%20cy%3D%2217.5%22%20r%3D%221.3%22%2F%3E%3C%2Fsvg%3E");}
body.cadia-help-wide-layout .cadia-help-content :is(table.de-text-block-note,.cadia-help-notice-note) {--cadia-callout-background:#fafafa;--cadia-callout-border:#e6e6e6;--cadia-callout-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11%204H5a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202h13a2%202%200%200%200%202-2v-6%22%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22m8%2011%209.5-9.5a1.8%201.8%200%200%201%202.5%200L22%203.5a1.8%201.8%200%200%201%200%202.5L12.5%2015.5%207%2017z%22%2F%3E%3C%2Fsvg%3E");}
body.cadia-help-wide-layout .cadia-help-content :is(table.de-text-block-info,.cadia-help-notice-info) {--cadia-callout-background:#d9edf7;--cadia-callout-border:#bce8f1;--cadia-callout-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20fill%3D%22%23317096%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%2F%3E%3Ccircle%20fill%3D%22white%22%20cx%3D%2212%22%20cy%3D%226.5%22%20r%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M12%2010v7%22%20stroke%3D%22white%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");}

body.cadia-help-wide-layout .cadia-help-content table.de-text-block {width:100%!important;table-layout:fixed;border-collapse:separate;border-spacing:0;}
body.cadia-help-wide-layout .cadia-help-content table.de-text-block>tbody>tr {background:transparent!important;}
body.cadia-help-wide-layout .cadia-help-content table.de-text-block td:is(.de-tb-icon,.de-tb-text) {border:0!important;background:transparent!important;vertical-align:top;}
body.cadia-help-wide-layout .cadia-help-content table.de-text-block td.de-tb-icon {box-sizing:border-box;width:44px;min-width:44px;padding:8px 0 8px 8px!important;}
body.cadia-help-wide-layout .cadia-help-content table.de-text-block td.de-tb-text {padding:8px 8px 8px 0!important;overflow-wrap:anywhere;}
body.cadia-help-wide-layout .cadia-help-content .de-tb-icon>.de-text-block-icon {display:none!important;}
body.cadia-help-wide-layout .cadia-help-content .de-tb-icon::before {content:"";display:block;width:24px;height:24px;margin:5px 8px 5px 0;background:var(--cadia-callout-icon) center/contain no-repeat;}
body.cadia-help-wide-layout .cadia-help-content .cadia-help-notice {display:block;position:relative;padding:8px 8px 8px 44px;}
body.cadia-help-wide-layout .cadia-help-content .cadia-help-notice::before {content:"";position:absolute;left:8px;top:13px;width:24px;height:24px;background:var(--cadia-callout-icon) center/contain no-repeat;}
body.cadia-help-wide-layout .cadia-help-content .cadia-help-notice-content {min-width:0;overflow-wrap:anywhere;}
body.cadia-help-wide-layout .cadia-help-content :is(.de-tb-text,.cadia-help-notice-content)>:first-child {margin-top:0;}
body.cadia-help-wide-layout .cadia-help-content :is(.de-tb-text,.cadia-help-notice-content)>:last-child {margin-bottom:0;}
@media(max-width:600px) {
 body.cadia-help-wide-layout .cadia-help-content table.de-text-block td.de-tb-icon {width:40px;min-width:40px;}
 body.cadia-help-wide-layout .cadia-help-content .de-tb-icon::before,body.cadia-help-wide-layout .cadia-help-content .cadia-help-notice::before {width:20px;height:20px;}
 body.cadia-help-wide-layout .cadia-help-content .cadia-help-notice {padding-left:40px;}
}

/* Every level reserves the same leading column, also for entries without children. */
body.cadia-help-wide-layout .cadia-tree-nav .cadia-tree-item>a,
body.cadia-help-wide-layout .cadia-tree-nav .cadia-tree-item>.cadia-tree-unmapped {
    box-sizing:border-box;display:block;width:calc(100% - 17px);margin:0 0 0 17px!important;
}
body.cadia-help-wide-layout .cadia-tree-nav details>summary {
    box-sizing:border-box;display:block;list-style:none;padding:0 0 0 17px!important;
}
body.cadia-help-wide-layout .cadia-tree-nav details>summary::before {
    left:0;top:3px;width:15px;height:24px;line-height:24px;text-align:center;transform-origin:center;
}
body.cadia-help-wide-layout .cadia-tree-nav details>summary>a,
body.cadia-help-wide-layout .cadia-tree-nav details>summary>.cadia-tree-unmapped {
    box-sizing:border-box;display:block;width:100%;margin:0!important;
}
