/* Self-hosted shell: avoid broken /images/* from legacy sitemaster.css */
#divheaderdesktop .divcategorymenu .divdropdownmenuitem span.textcolortitle {
    background: none;
}

.divoffername {
    background-image: none;
    background-color: #50c0d8;
}

/* Service step (divstep01): stacked sections + scrollspy category nav */
#divstep01 .servicestab .tab {
    display: block;
    padding: 0 8px 16px;
}

#divstep01 .servicestab .tabtitle {
    margin: 12px 0 16px;
}

#divstep01 .card.card_lg {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    padding: 12px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    cursor: pointer;
}

#divstep01 .divlistviewleft {
    flex: 0 0 40px;
    width: 40px;
    margin-right: 8px;
}

#divstep01 .divlistviewright {
    flex: 1 1 auto;
    min-width: 0;
}

#divstep01 .card .divlistviewleft .btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-top: 10px;
    border: 2px solid #d5d7da;
    background-color: #ffffff;
    background-image: none;
    box-shadow: none;
    line-height: 36px;
    text-align: center;
}

#divstep01 .card:hover .divlistviewleft .btn {
    border-color: #037aff;
}

#divstep01 .card.selected .divlistviewleft .btn {
    color: #ffffff;
    background-color: #037aff;
    border-color: #037aff;
}

#divstep01 .card.selected .divlistviewleft .btn.fa-check:before {
    font-size: 18px;
}

/* Category tabs under "Select Service" (e.g. NAIL) — .NET navbar-inverse pill style */
#divheaderdesktop .divheadermenuline1 .navbar-inverse,
#divheaderdesktop .divheadermenuline1 .navbar-inverse .navbar-collapse {
    background-color: transparent;
    border-color: transparent;
}

#divheaderdesktop .divheadermenuline1 .navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    border-radius: 16px;
    padding: 6px 16px;
}

#divheaderdesktop .divheadermenuline1 .navbar-inverse .navbar-nav > li.active > a {
    color: #101928 !important;
    background-color: #ffffff !important;
}

#divheaderdesktop .divheadermenuline1 .navbar-inverse .navbar-nav > li:not(.active) > a:hover {
    color: #101928;
    background-color: #d5d7da;
}

/* Location step: fixed company strip overlaps shoptab; JS sets exact margin (sitemaster.js parity) */
body.wb-location-step #divstep00 .shoptab {
    margin-top: 88px;
}

body.wb-location-step #content-main {
    padding-bottom: 24px;
}

body.wb-location-step .shoptab .imgcard {
    margin-bottom: 8px;
}

/* Shop cards: image area like .NET CreateShopItem (sitemaster.js /images/shop/{shopcode}.jpg) */
body.wb-location-step .shoptab .imgcard .divlistviewtop {
    overflow: hidden;
    background-color: #e8e8ed;
    line-height: 0;
}

body.wb-location-step .shoptab .imgcard .divlistviewtop .productimg {
    display: block;
    width: 100%;
    height: auto;
    min-height: 140px;
    object-fit: cover;
}

/* SAWLI login modal (server-rendered when login required; matches Site.Master #divloginmodaldialog) */
body.wb-login-required #divloginmodaldialog.wb-login-open {
    display: block;
    z-index: 10050;
}

body.wb-login-required .modal-backdrop.wb-login-open {
    display: block;
    z-index: 10040;
    opacity: 0.5;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
}