/* Sydney Doors Custom Builder compact navigation
 * v4.8.316
 * Isolated compact button treatment. No circle/node styling.
 */

@media (max-width:1100px){
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav{
    --sd-cnav-bg:#fff;
    --sd-cnav-text:#111;
    --sd-cnav-muted-border:#d5d9de;
    --sd-cnav-hover-border:#aeb5bd;
    --sd-cnav-active:var(--theme-button-background-initial-color,#f26422);
    --sd-cnav-font-size:10px;
    --sd-cnav-number-font-size:10px;
    --sd-cnav-gap:20px;
    background:var(--sd-cnav-bg)!important;
    box-sizing:border-box!important;
    padding-left:20px!important;
    padding-right:6px!important;
  }

  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump][hidden],
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump][aria-hidden="true"]{
    display:none!important;
    visibility:hidden!important;
  }

  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump]:not([hidden]):not([aria-hidden="true"]){
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:28px!important;
    height:auto!important;
    margin:0!important;
    padding:5px 8px!important;
    gap:var(--sd-cnav-gap)!important;
    border:1px solid var(--sd-cnav-muted-border)!important;
    border-radius:6px!important;
    background:#fff!important;
    color:var(--sd-cnav-text)!important;
    box-shadow:none!important;
    transform:none!important;
    font-family:inherit!important;
    font-size:var(--sd-cnav-font-size)!important;
    font-weight:700!important;
    letter-spacing:0!important;
    line-height:1.2!important;
    text-align:left!important;
    text-transform:none!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    cursor:pointer!important;
  }

  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump]:not([hidden]):not([aria-hidden="true"]):hover{
    border-color:var(--sd-cnav-hover-border)!important;
    background:#fff!important;
    color:var(--sd-cnav-text)!important;
    transform:none!important;
  }

  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump].is-current:not([hidden]):not([aria-hidden="true"]){
    border:2px solid var(--sd-cnav-active)!important;
    padding:4px 7px!important;
    background:#fff!important;
    color:var(--sd-cnav-text)!important;
    box-shadow:none!important;
  }

  /* Step number is plain text, not a circle. */
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-step] > .sd-flow-step-number{
    position:static!important;
    inset:auto!important;
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--sd-cnav-text)!important;
    box-shadow:none!important;
    font-family:inherit!important;
    font-size:var(--sd-cnav-number-font-size)!important;
    font-weight:800!important;
    letter-spacing:0!important;
    line-height:1.2!important;
  }

  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-step].is-complete > .sd-flow-step-number,
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-step].is-current > .sd-flow-step-number{
    border:0!important;
    background:transparent!important;
    color:var(--sd-cnav-text)!important;
    box-shadow:none!important;
  }

  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump] > .sd-flow-label,
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump] > .sd-flow-label-split{
    position:static!important;
    inset:auto!important;
    display:block!important;
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    color:var(--sd-cnav-text)!important;
    font-family:inherit!important;
    font-size:var(--sd-cnav-font-size)!important;
    font-weight:700!important;
    letter-spacing:0!important;
    line-height:1.2!important;
    text-align:left!important;
    text-transform:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump]::before,
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump]::after,
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav .sd-flow-chain-before,
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav .sd-flow-chain-after,
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav .sd-flow-active-chevron{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
  }
}

@media (max-width:620px){
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav{
    --sd-cnav-font-size:9px;
    --sd-cnav-number-font-size:9px;
  }
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump]:not([hidden]):not([aria-hidden="true"]){
    min-height:26px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  .sd-dc .sd-preview-visual .sd-flow-progress.sd-cb-compact-nav > button.button[data-flow-jump].is-current:not([hidden]):not([aria-hidden="true"]){
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
}