/* ============================================================
   Damian Philpott – Booknetic Profile Gender v1.1.0
   Customer Panel + Package Purchase Flow
   ============================================================ */

/* ============================================================
   CUSTOMER PANEL — EXISTING PROFILE GENDER
   ============================================================ */
body.page-id-1180 #booknetic-customer-panel .dp-booknetic-native-gender-column{
    display:none!important;
}

body.page-id-1180 #booknetic-customer-panel .dp-booknetic-gender-column{
    margin-bottom:18px;
}

body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender_describe_wrap{
    margin-top:18px;
}

body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender,
body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender_describe{
    width:100%;
    min-height:46px;
    color:#fff!important;
    background:linear-gradient(180deg,#181818 0%,#111 100%)!important;
    border:1px solid #363636!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:Helvetica,Arial,sans-serif!important;
}

body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender{
    padding:0 40px 0 14px!important;
}

body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender_describe{
    padding:0 14px!important;
}

body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender:focus,
body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender_describe:focus{
    outline:none!important;
    border-color:#FFD700!important;
    box-shadow:0 0 0 1px rgba(255,215,0,.18)!important;
}

body.page-id-1180 #booknetic-customer-panel #dp_booknetic_gender option{
    color:#fff;
    background:#111;
}

/* ============================================================
   PACKAGE INFORMATION — GENDER
   ============================================================ */
[data-step-id="packages_information"] #booknetic_theme_8 .dp-bpg-package-gender{
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 16px!important;
    padding:0!important;
    box-sizing:border-box!important;
}

[data-step-id="packages_information"] #booknetic_theme_8 .dp-bpg-package-gender > label,
[data-step-id="packages_information"] #booknetic_theme_8 .dp-bpg-package-describe-wrap > label{
    display:block!important;
    margin:0 0 8px!important;
    color:#FFD700!important;
    font-family:Helvetica,Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:15px!important;
}

[data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender,
[data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender_describe{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 12px!important;
    background:#050505!important;
    color:#FFFFFF!important;
    -webkit-text-fill-color:#FFFFFF!important;
    border:1px solid #2A2A2A!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:none!important;
    font-family:Helvetica,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:400!important;
    line-height:42px!important;
    box-sizing:border-box!important;
    opacity:1!important;
}

[data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender{
    padding-right:38px!important;
    cursor:pointer!important;
}

[data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender option{
    color:#FFFFFF!important;
    background:#111111!important;
}

[data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender:focus,
[data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender_describe:focus{
    background:#050505!important;
    border-color:#FFD700!important;
    box-shadow:0 0 0 1px rgba(255,215,0,.10)!important;
}

[data-step-id="packages_information"] #booknetic_theme_8 .dp-bpg-package-describe-wrap{
    width:100%!important;
    margin-top:14px!important;
}

/* ============================================================
   PACKAGE INFORMATION — PHONE FIELD CORRECTION
   The master CSS shorthand was overriding intl-tel-input's left
   padding, pushing the number underneath the flag / +44 control.
   ============================================================ */
[data-step-id="packages_information"] #booknetic_theme_8 .iti input[type="tel"],
[data-step-id="packages_information"] #booknetic_theme_8 input.bkntc_input_phone.iti__tel-input,
[data-step-id="packages_information"] #booknetic_theme_8 input.iti__tel-input{
    padding-left:96px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
}

[data-step-id="packages_information"] #booknetic_theme_8 .iti__country-container{
    z-index:3!important;
}

/* ============================================================
   PACKAGE CONFIRMATION — REMOVE DOTTED LEADER DECORATION
   Normal appointment CSS already removes these; package confirmation
   uses a different step id so it needs its own scoped reset.
   ============================================================ */
[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details::before,
[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details::after,
[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details_title::before,
[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details_title::after,
[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details_price::before,
[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details_price::after{
    content:none!important;
    display:none!important;
    border:0!important;
    background:none!important;
    background-image:none!important;
}

[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    margin:0!important;
    padding:9px 0!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid #202020!important;
    box-sizing:border-box!important;
}

[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details:last-child{
    border-bottom:0!important;
}

[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details > .booknetic_confirm_details_title{
    position:static!important;
    float:none!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    text-align:left!important;
}

[data-step-id="packages_confirm_details"] #booknetic_theme_8 .booknetic_confirm_details > .booknetic_confirm_details_price{
    position:static!important;
    float:none!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:75px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    text-align:right!important;
    white-space:nowrap!important;
}

/* ============================================================
   MOBILE
   ============================================================ */
@media only screen and (max-width:767px){
    [data-step-id="packages_information"] #booknetic_theme_8 .dp-bpg-package-gender{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        margin:0 0 14px!important;
    }

    [data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender,
    [data-step-id="packages_information"] #booknetic_theme_8 #dp_booknetic_package_gender_describe{
        height:46px!important;
        min-height:46px!important;
        font-size:16px!important;
        line-height:44px!important;
    }

    [data-step-id="packages_information"] #booknetic_theme_8 .iti input[type="tel"],
    [data-step-id="packages_information"] #booknetic_theme_8 input.bkntc_input_phone.iti__tel-input,
    [data-step-id="packages_information"] #booknetic_theme_8 input.iti__tel-input{
        padding-left:96px!important;
        padding-right:12px!important;
    }
}