/* Actual cully.com.au family chrome, followed by WHMCS's sole native menu tree. */
.cully-family-header { position: relative; z-index: 104; background: #061534; color: #fff; font-family: var(--family-font); }
.cully-family-wrap { width: min(1280px, calc(100% - 80px)); margin-inline: auto; }
.cully-family-header a { color: #dce6f7; text-decoration: none; }
.cully-family-header a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.cully-family-header :is(a,summary):focus-visible { outline: 2px solid #43a7ff; outline-offset: 3px; }
.cully-family-utility { background: #030a18; color: #b3c4dc; border-bottom: 1px solid #26334a; font-size: 12px; }
.cully-family-utility > div { display: flex; justify-content: space-between; align-items: center; min-height: 35px; gap: 16px; }
.cully-family-utility nav { display: flex; gap: 26px; }
.cully-family-utility a { display: inline-flex; gap: 5px; align-items: center; min-height: 35px; }
.cully-family-main { display: flex; align-items: center; gap: 24px; min-height: 78px; }
.cully-family-brand { flex-shrink: 0; display: inline-flex; }
.cully-family-brand img { width: 180px; height: auto; display: block; }
.cully-family-support { order: 2; white-space: nowrap; font-size: 14px; font-weight: 600; padding-block: 14px; }
.cully-family-menu { display: contents; }
.cully-family-toggle { display: none; }
.cully-family-menu > nav { display: contents; }
.cully-family-menu nav > a, .cully-family-services > summary { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.cully-family-services { position: relative; margin-left: auto; }
.cully-family-services > summary { cursor: pointer; gap: 6px; list-style: none; }
.cully-family-services > summary::-webkit-details-marker { display: none; }
.cully-family-services > div { position: absolute; top: 100%; left: 0; min-width: 210px; padding: 10px; border: 1px solid #294367; border-radius: 4px; background: #0b234b; box-shadow: 0 10px 25px #030a1833; }
.cully-family-services > div a { display: flex; align-items: center; min-height: 44px; padding-inline: 12px; }
.cully-family-menu nav > .cully-family-interest { order: 3; background: #1763e9; color: #fff; padding-inline: 14px; border-radius: 4px; gap: 8px; }
.cully-family-mobile-utility { display: none; }
.cully-services-label { color: #bdcde2; font: 600 13px var(--family-font); }
body.cully-client-area #header .cully-brandbar { padding-block: 0; }
body.cully-client-area #header .cully-brandbar > .container { margin-block: 0 !important; min-height: 56px; }
body.cully-client-area #header .navbar-brand { padding: 8px 0; }
/* Replace the old workspace rail with the same native horizontal account menu.
   No copied links: hook contributions, account switching and alerts stay native. */
@media (min-width: 1200px) {
    body.cully-client-area #header .cully-brandbar > .container > .form-inline { display: block !important; }
    body.cully-client-area #header .cully-brandbar .input-group.search { display: flex !important; }
    body.cully-workspace-shell { padding-left: 0; }
    body.cully-workspace-shell #header { display: flex; }
    body.cully-workspace-shell #header .topbar { order: 3; padding-block: 5px; }
    body.cully-workspace-shell #header .topbar > .container > .d-flex { flex-direction: row; }
    body.cully-workspace-shell #header .topbar .ml-auto { margin-left: auto !important; margin-right: 0; }
    body.cully-workspace-shell #header .cully-brandbar { order: 1; background: #030a18; }
    body.cully-workspace-shell #header .toolbar .nav-link { color: #eff5ff; }
    body.cully-workspace-shell #header .cully-brandbar > .container { width: 100%; padding-inline: 28px; }
    body.cully-workspace-shell #header .navbar-brand { position: static; width: auto; height: auto; background: transparent; padding: 8px 0; }
    body.cully-workspace-shell #header .main-navbar-wrapper { position: static; inset: auto; width: auto; padding: 0; border: 0; background: transparent; overflow: visible; }
    body.cully-workspace-shell #header .navbar-collapse { display: flex !important; flex-wrap: wrap; }
    body.cully-workspace-shell #header .main-navbar-wrapper .navbar-nav { flex-direction: row; flex-wrap: wrap; gap: 0; }
    body.cully-workspace-shell #header .main-navbar-wrapper .navbar-nav.ml-auto { margin-top: 0 !important; }
    body.cully-workspace-shell #header .main-navbar-wrapper .dropdown-menu { position: absolute; background: #fff; min-width: 200px; }
    body.cully-workspace-shell #header .main-navbar-wrapper .dropdown-menu :is(a,.dropdown-item) { color: #10233e; }
    body.cully-workspace-shell #header .main-navbar-wrapper .dropdown-item:hover { color: #fff; background: #15365f; }
    body.cully-workspace-shell #header .cully-workspace-resources { display: none; }
    body.cully-workspace-shell #header .cully-workspace-family { width: 100%; padding: 4px 10px; }
    body.cully-workspace-shell #header .cully-workspace-family a { display: inline-flex; align-items: center; min-height: 44px; color: #dce6f7; }
}
@media (max-width: 1279px) {
    .cully-family-wrap { width: calc(100% - 64px); }
    .cully-family-main { gap: 16px; }
    .cully-family-menu > nav { gap: 12px; }
    .cully-family-menu nav > a, .cully-family-services > summary, .cully-family-support { font-size: 12px; }
    .cully-family-utility > div > span { display: none; }
    .cully-family-utility nav { margin-left: auto; }
}
@media (max-width: 1099px) {
    .cully-family-wrap { width: calc(100% - 40px); }
    .cully-family-utility { display: none; }
    .cully-family-main { min-height: 72px; gap: 10px; flex-wrap: wrap; }
    .cully-family-brand img { width: 158px; }
    .cully-family-support { margin-left: auto; order: 0; font-size: 13px; }
    .cully-family-menu { display: block; }
    .cully-family-toggle { color: #fff; background: transparent; border: 0; padding: 0; display: flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; cursor: pointer; list-style: none; font-size: 24px; }
    .cully-family-toggle::-webkit-details-marker { display: none; }
    .cully-family-menu > nav { display: none; }
    .cully-family-menu[data-expanded="true"] > nav { display: flex; position: absolute; top: 100%; left: 0; width: 100%; padding: 16px 20px; flex-direction: column; align-items: stretch; gap: 0; background: #061534; border-top: 1px solid #294367; max-height: 75vh; overflow-y: auto; }
    .cully-family-menu nav > a, .cully-family-services > summary { font-size: 14px; }
    .cully-family-services { margin-left: 0; }
    .cully-family-services > div { position: static; box-shadow: none; }
    .cully-family-menu nav > .cully-family-interest { margin-block: 10px; justify-content: center; }
    .cully-family-mobile-utility { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #294367; padding-top: 10px; gap: 4px 12px; font-size: 12px; }
    .cully-family-mobile-utility a { display: flex; align-items: center; min-height: 44px; }
}
@media (max-width: 359px) {
    .cully-family-wrap { width: calc(100% - 32px); }
    .cully-family-brand img { width: 132px; }
    .cully-family-main { gap: 8px; }
    .cully-family-support { font-size: 12px; }
}
@media print { .cully-family-header { display: none; } }