/* Trial Webcore brand treatment: short orange heading markers, no full-width orange edges. */
.orderpage-cart_2019wizard .col-md-8 > form > .card,
.orderpage-cart_2019wizard #cartSummary,
.orderpage-cart_2019wizard .cards-cart > .card,
.orderpage-cart_2019wizard > form > .card,
.orderpage-cart_2019wizard > form > .card:has(.term-checkbox),
.orderpage-cart_2019wizard #gatewayform {
    border-top-color:#d8e1e6!important;
    border-top-width:1px!important;
}

.orderpage-cart_2019wizard .col-md-8 > form > .card > h3:first-child,
.orderpage-cart_2019wizard #cartSummary > h3:first-child,
.orderpage-cart_2019wizard .cards-cart > .card > .d-flex:first-child > h3,
.orderpage-cart_2019wizard > form > .card > .d-flex:first-child > h3,
.orderpage-cart_2019wizard > form > .card > h3:first-child {
    position:relative;
    padding-left:30px!important;
}

.orderpage-cart_2019wizard .col-md-8 > form > .card > h3:first-child::before,
.orderpage-cart_2019wizard #cartSummary > h3:first-child::before,
.orderpage-cart_2019wizard .cards-cart > .card > .d-flex:first-child > h3::before,
.orderpage-cart_2019wizard > form > .card > .d-flex:first-child > h3::before,
.orderpage-cart_2019wizard > form > .card > h3:first-child::before {
    content:"";
    position:absolute;
    left:20px;
    top:50%;
    width:3px;
    height:20px;
    border-radius:2px;
    background:#ff3f00;
    transform:translateY(-50%);
}

/*
 * Review-step headers contain different right-hand controls (currency selector,
 * client type selector). Give the header rows the same height and vertical
 * centring so Order Summary, Client Information and later sections line up.
 */
.orderpage-cart_2019wizard .cards-cart > .card > .d-flex:first-child,
.orderpage-cart_2019wizard > form > .card > .d-flex:first-child {
    min-height:66px;
    padding-top:12px!important;
    padding-bottom:12px!important;
    align-items:center!important;
}

/* Headings nested in a header row already inherit the row padding. */
.orderpage-cart_2019wizard .cards-cart > .card > .d-flex:first-child > h3,
.orderpage-cart_2019wizard > form > .card > .d-flex:first-child > h3 {
    display:flex;
    align-items:center;
    min-height:40px;
    padding-left:10px!important;
}

.orderpage-cart_2019wizard .cards-cart > .card > .d-flex:first-child > h3::before,
.orderpage-cart_2019wizard > form > .card > .d-flex:first-child > h3::before {
    left:0;
}

/* Keep the right-side controls centred on the same baseline as the heading. */
.orderpage-cart_2019wizard .cards-cart > .card > .d-flex:first-child > :last-child,
.orderpage-cart_2019wizard > form > .card > .d-flex:first-child > :last-child {
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
}

/* HostBill's stock slider handle dimensions differ from ours; centre it on the track. */
.orderpage-cart_2019wizard .slider-group .ui-slider-handle {
    top:50%!important;
    margin-top:-9px!important;
}

/*
 * Make the Cart Summary heading a true edge-to-edge card header. The parent is
 * already overflow:hidden, so deliberately overlap the one-pixel card border
 * rather than leaving HostBill's white padding/border gutter visible.
 */
.orderpage-cart_2019wizard #cartSummary > h3:first-child {
    margin-top:-23px!important;
    margin-left:-23px!important;
    margin-right:-23px!important;
    padding-top:17px!important;
    border-top:0!important;
}

@media (max-width:767.98px) {
    .orderpage-cart_2019wizard .col-md-8 > form > .card > h3:first-child,
    .orderpage-cart_2019wizard #cartSummary > h3:first-child,
    .orderpage-cart_2019wizard > form > .card > h3:first-child {
        padding-left:28px!important;
    }

    .orderpage-cart_2019wizard .col-md-8 > form > .card > h3:first-child::before,
    .orderpage-cart_2019wizard #cartSummary > h3:first-child::before,
    .orderpage-cart_2019wizard > form > .card > h3:first-child::before {
        left:18px;
    }

    .orderpage-cart_2019wizard .cards-cart > .card > .d-flex:first-child,
    .orderpage-cart_2019wizard > form > .card > .d-flex:first-child {
        min-height:0;
    }
}