/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 15 2026 | 11:42:14 */
/* =========================================================
   DAMIAN PHILPOTT
   CREATE ACCOUNT / BOOKNETIC SIGN-UP
   REFINED V6 — CLEAN SECONDARY SIGN-IN CTA
   BACKGROUND: bookingbkgd3.png
   ========================================================= */


/* =========================================================
   PAGE SHELL
   ========================================================= */

.site-content:has(.wp-block-booknetic-signup) {
    position: relative !important;
    width: 100% !important;
    min-height: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000000 !important;
}

.site-content:has(.wp-block-booknetic-signup)::before,
.site-content:has(.wp-block-booknetic-signup)::after {
    display: none !important;
    content: none !important;
}

/* Hide original page title */
.site-content:has(.wp-block-booknetic-signup) > .page-title {
    display: none !important;
}


/* =========================================================
   MAIN HERO
   ========================================================= */

.post-content:has(.wp-block-booknetic-signup) {
    position: relative !important;
    z-index: 5 !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 760px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    box-sizing: border-box !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.00) 0%,
            rgba(0,0,0,0.00) 42%,
            rgba(0,0,0,0.10) 52%,
            rgba(0,0,0,0.45) 68%,
            rgba(0,0,0,0.86) 86%,
            #000000 100%
        ),
        url("https://damianphilpott.com/images/bookingbkgd3.png") !important;

    background-size:
        cover,
        cover !important;

    background-position:
        center center,
        left center !important;

    background-repeat:
        no-repeat,
        no-repeat !important;
}


/* =========================================================
   BOOKNETIC WRAPPER
   ========================================================= */

.wp-block-booknetic-signup {
    width: 540px !important;
    max-width: 540px !important;
    flex: 0 0 540px !important;

    margin: 0 55px 0 0 !important;
    padding: 0 !important;

    display: block !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SIGN-UP CARD
   ========================================================= */

.wp-block-booknetic-signup .booknetic_signup {
    position: relative !important;

    width: 100% !important;
    max-width: 540px !important;

    /* Moves complete card slightly down */
    transform: translateY(10px) !important;

    margin: 0 !important;

    padding:
        48px
        48px
        36px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            145deg,
            rgba(18,18,18,0.97),
            rgba(3,3,3,0.99)
        ) !important;

    border:
        1px solid
        rgba(255,215,0,0.55) !important;

    border-radius: 2px !important;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,0.60) !important;

    color: #ffffff !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;
}


/* =========================================================
   DESKTOP OFFSET RESET ON MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .wp-block-booknetic-signup .booknetic_signup {
        transform: none !important;
    }

}


/* =========================================================
   BRAND
   ========================================================= */

.wp-block-booknetic-signup .booknetic_signup::before {
    content: "DAMIAN PHILPOTT";

    display: block !important;

    margin: 0 0 12px !important;

    color: #FFD700 !important;

    text-align: center !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    letter-spacing: 5px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   PRIVATE APPOINTMENT
   ========================================================= */

.wp-block-booknetic-signup .booknetic_step_1::before,
.wp-block-booknetic-signup .booknetic_step_2::before {
    content: "PRIVATE APPOINTMENT";

    display: block !important;

    width: fit-content !important;

    margin: 0 auto 28px !important;
    padding-top: 12px !important;

    border-top:
        1px solid
        rgba(255,215,0,0.70) !important;

    color: #FFD700 !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    letter-spacing: 4px !important;
    text-align: center !important;
}


/* =========================================================
   STEP 1 HEADING
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_header {
    margin: 0 0 32px !important;
    padding: 0 !important;

    color: transparent !important;
    font-size: 0 !important;

    text-align: center !important;
    line-height: 1 !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_header::before {
    content: "Create Your Account";

    display: block !important;

    color: #ffffff !important;

    font-size: 32px !important;
    font-weight: 600 !important;

    letter-spacing: -0.5px !important;
    line-height: 1.15 !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_header::after {
    content: "Create an account to manage your appointments and bookings.";

    display: block !important;

    max-width: 360px !important;

    margin: 12px auto 0 !important;

    color: #aaaaaa !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.55 !important;
    letter-spacing: 0 !important;
}


/* =========================================================
   FORM
   ========================================================= */

.wp-block-booknetic-signup .booknetic_form {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-booknetic-signup .booknetic_form_element {
    margin-bottom: 20px !important;
}


/* =========================================================
   FIRST NAME / LAST NAME
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_form_element:first-child {
    display: flex !important;

    justify-content: space-between !important;
    align-items: flex-start !important;

    gap: 18px !important;
}

.wp-block-booknetic-signup
.booknetic_customer_info {
    width: calc(50% - 9px) !important;
    flex: 0 0 calc(50% - 9px) !important;
}


/* =========================================================
   LABELS
   ========================================================= */

.wp-block-booknetic-signup .booknetic_form_element label,
.wp-block-booknetic-signup .booknetic_customer_info label {
    display: block !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #ededed !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    opacity: 1 !important;
}


/* =========================================================
   INPUTS
   FORCE DARK BOOKNETIC FIELDS
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_signup
input[type="text"],

.wp-block-booknetic-signup
.booknetic_signup
input[type="email"],

.wp-block-booknetic-signup
.booknetic_signup
input[type="password"] {
    display: block !important;

    width: 100% !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    box-sizing: border-box !important;

    background-color: #0c0c0c !important;

    box-shadow:
        inset 0 0 0 1000px #0c0c0c !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #0c0c0c !important;

    border:
        1px solid
        #444444 !important;

    border-radius: 0 !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    caret-color: #ffffff !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;

    font-size: 14px !important;

    outline: none !important;
    opacity: 1 !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}


/* Text field backgrounds */

.wp-block-booknetic-signup
#booknetic_first_name,

.wp-block-booknetic-signup
#booknetic_last_name {
    background-color:
        #0c0c0c !important;

    background-image:
        none !important;
}


/* Email field */

.wp-block-booknetic-signup
#booknetic_email {
    background-color:
        #0c0c0c !important;

    box-shadow:
        inset 0 0 0 1000px #0c0c0c !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #0c0c0c !important;
}


/* Password */

.wp-block-booknetic-signup
#booknetic_password {
    background-color:
        #0c0c0c !important;

    box-shadow:
        inset 0 0 0 1000px #0c0c0c !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #0c0c0c !important;
}


/* =========================================================
   INPUT FOCUS
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_signup
input[type="text"]:focus,

.wp-block-booknetic-signup
.booknetic_signup
input[type="email"]:focus,

.wp-block-booknetic-signup
.booknetic_signup
input[type="password"]:focus {
    background-color:
        #111111 !important;

    border-color:
        #FFD700 !important;

    box-shadow:
        inset 0 0 0 1000px #111111,
        0 0 0 1px rgba(255,215,0,0.12) !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #111111,
        0 0 0 1px rgba(255,215,0,0.12) !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;
}


/* =========================================================
   AUTOFILL
   ========================================================= */

.wp-block-booknetic-signup
input:-webkit-autofill,

.wp-block-booknetic-signup
input:-webkit-autofill:hover,

.wp-block-booknetic-signup
input:-webkit-autofill:focus {
    -webkit-text-fill-color:
        #ffffff !important;

    caret-color:
        #ffffff !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px
        #0c0c0c !important;

    box-shadow:
        inset 0 0 0 1000px
        #0c0c0c !important;

    border:
        1px solid
        #444444 !important;

    transition:
        background-color
        99999s ease-out !important;
}


/* =========================================================
   SPAM NOTICE
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_signup_spam_notice {
    display: block !important;

    margin-top: 7px !important;

    color: #888888 !important;

    font-size: 10px !important;

    line-height: 1.45 !important;

    opacity: 1 !important;
}


/* =========================================================
   PASSWORD WRAPPER
   ========================================================= */

.wp-block-booknetic-signup
.bkntc-password-input {
    position: relative !important;
    width: 100% !important;
}

.wp-block-booknetic-signup
.bkntc-password-input input {
    padding-right:
        50px !important;
}


/* =========================================================
   BOOKNETIC PASSWORD EYE
   ========================================================= */

.wp-block-booknetic-signup
.bkntc-toggle-password-visibility {
    position:
        absolute !important;

    top:
        50% !important;

    right:
        12px !important;

    transform:
        translateY(-50%) !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        32px !important;

    height:
        32px !important;

    padding:
        0 !important;

    margin:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}

.wp-block-booknetic-signup
.bkntc-toggle-password-visibility svg {
    width:
        18px !important;

    height:
        18px !important;

    fill:
        #aaaaaa !important;
}

.wp-block-booknetic-signup
.bkntc-toggle-password-visibility:hover svg {
    fill:
        #FFD700 !important;
}


/* =========================================================
   CREATE ACCOUNT BUTTON
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_signup_btn {
    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        54px !important;

    margin:
        4px
        0
        0 !important;

    padding:
        0
        60px !important;

    background:
        #FFD700 !important;

    border:
        1px solid
        #FFD700 !important;

    border-radius:
        0 !important;

    color:
        transparent !important;

    font-size:
        0 !important;

    font-family:
        Helvetica,
        Arial,
        sans-serif !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}

.wp-block-booknetic-signup
.booknetic_signup_btn::before {
    content:
        "CREATE ACCOUNT";

    color:
        #000000 !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    letter-spacing:
        1.6px !important;

    line-height:
        52px !important;
}

.wp-block-booknetic-signup
.booknetic_signup_btn::after {
    content:
        "→";

    position:
        absolute;

    top:
        0;

    right:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        54px;

    height:
        52px;

    border-left:
        1px solid
        rgba(0,0,0,0.20);

    color:
        #000000;

    font-size:
        19px;

    font-weight:
        400;
}

.wp-block-booknetic-signup
.booknetic_signup_btn:hover {
    background:
        #ffffff !important;

    border-color:
        #ffffff !important;
}


/* =========================================================
   ALREADY HAVE ACCOUNT
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer {
    margin-top:
        25px !important;

    padding-top:
        22px !important;

    border-top:
        1px solid
        rgba(255,215,0,0.35) !important;

    color:
        #999999 !important;

    font-size:
        12px !important;

    text-align:
        center !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer span {
    color:
        #999999 !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer a {
    margin-left:
        5px !important;

    color:
        #FFD700 !important;

    font-weight:
        500 !important;

    text-decoration:
        none !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer a:hover {
    color:
        #ffffff !important;
}


/* =========================================================
   STEP 2 — EMAIL VERIFICATION
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_step_2 {
    color:
        #ffffff !important;

    text-align:
        center !important;
}

.wp-block-booknetic-signup
.booknetic_step_2 > .booknetic_header {
    margin:
        0
        0
        16px !important;

    color:
        #ffffff !important;

    font-size:
        30px !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    text-align:
        center !important;
}

.wp-block-booknetic-signup
.booknetic_check_your_email {
    max-width:
        350px !important;

    margin:
        0 auto !important;

    color:
        #aaaaaa !important;

    font-size:
        14px !important;

    line-height:
        1.6 !important;

    text-align:
        center !important;
}

.wp-block-booknetic-signup
.booknetic_email_success {
    margin:
        30px
        0 !important;

    text-align:
        center !important;
}

.wp-block-booknetic-signup
.booknetic_email_success img {
    max-width:
        170px !important;

    height:
        auto !important;
}

.wp-block-booknetic-signup
.booknetic_resend_activation {
    margin-top:
        25px !important;

    padding-top:
        22px !important;

    border-top:
        1px solid
        rgba(255,215,0,0.35) !important;

    color:
        #999999 !important;

    font-size:
        12px !important;

    text-align:
        center !important;
}

.wp-block-booknetic-signup
.booknetic_resend_activation span {
    color:
        #999999 !important;
}

.wp-block-booknetic-signup
.booknetic_resend_activation a {
    margin-left:
        5px !important;

    color:
        #FFD700 !important;

    text-decoration:
        none !important;
}


/* =========================================================
   GENERAL SAFETY
   ========================================================= */

.wp-block-booknetic-signup,
.wp-block-booknetic-signup * {
    box-sizing:
        border-box;
}


/* =========================================================
   MEDIUM DESKTOP
   ========================================================= */

@media screen and (max-width: 1250px) and (min-width: 768px) {

    .wp-block-booknetic-signup {
        width:
            500px !important;

        max-width:
            500px !important;

        flex-basis:
            500px !important;

        margin-right:
            35px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup {
        max-width:
            500px !important;

        padding:
            44px
            40px
            34px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1000px) and (min-width: 768px) {

    .post-content:has(.wp-block-booknetic-signup) {
        background-position:
            center center,
            22% center !important;
    }

    .wp-block-booknetic-signup {
        width:
            450px !important;

        max-width:
            450px !important;

        flex-basis:
            450px !important;

        margin-right:
            20px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup {
        max-width:
            450px !important;

        padding:
            40px
            32px
            32px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_header::before {
        font-size:
            29px !important;
    }

}


/* =========================================================
   MOBILE
   IMAGE ABOVE / FORM BELOW
   ========================================================= */

@media screen and (max-width: 767px) {

    .site-content:has(.wp-block-booknetic-signup) {
        min-height:
            auto !important;
    }

    .post-content:has(.wp-block-booknetic-signup) {
        position:
            relative !important;

        min-height:
            auto !important;

        display:
            block !important;

        padding-top:
            255px !important;

        background-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,0.00) 0%,
                rgba(0,0,0,0.02) 55%,
                rgba(0,0,0,0.55) 78%,
                rgba(0,0,0,0.94) 94%,
                #000000 100%
            ),
            url("https://damianphilpott.com/images/bookingbkgd3.png") !important;

        background-size:
            100% 255px,
            auto 310px !important;

        background-position:
            top center,
            36% top !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }

    .wp-block-booknetic-signup {
        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        padding:
            0
            16px
            50px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup {
        width:
            100% !important;

        max-width:
            100% !important;

        transform:
            none !important;

        margin:
            -12px
            0
            0 !important;

        padding:
            38px
            24px
            30px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7,7,7,0.97),
                rgba(0,0,0,1)
            ) !important;

        border:
            1px solid
            rgba(255,215,0,0.40) !important;

        box-shadow:
            0 -12px 40px
            rgba(0,0,0,0.50) !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup::before {
        font-size:
            13px !important;

        letter-spacing:
            4px !important;

        margin-bottom:
            11px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1::before,

    .wp-block-booknetic-signup
    .booknetic_step_2::before {
        margin-bottom:
            27px !important;

        padding-top:
            10px !important;

        font-size:
            8px !important;

        letter-spacing:
            3.5px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_header {
        margin-bottom:
            29px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_header::before {
        font-size:
            29px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_header::after {
        max-width:
            290px !important;

        font-size:
            13px !important;

        line-height:
            1.5 !important;
    }

    .wp-block-booknetic-signup
    .booknetic_form_element:first-child {
        gap:
            12px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_customer_info {
        width:
            calc(50% - 6px) !important;

        flex-basis:
            calc(50% - 6px) !important;
    }

    .wp-block-booknetic-signup
    input[type="text"],

    .wp-block-booknetic-signup
    input[type="email"],

    .wp-block-booknetic-signup
    input[type="password"] {
        height:
            50px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup_btn {
        height:
            52px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup_btn::before {
        line-height:
            50px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup_btn::after {
        height:
            50px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media screen and (max-width: 420px) {

    .post-content:has(.wp-block-booknetic-signup) {
        padding-top:
            235px !important;

        background-size:
            100% 235px,
            auto 285px !important;

        background-position:
            top center,
            34% top !important;
    }

    .wp-block-booknetic-signup {
        padding:
            0
            12px
            45px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_signup {
        padding:
            34px
            20px
            28px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_header::before {
        font-size:
            27px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_header::after {
        font-size:
            12px !important;
    }

    /* Stack name fields on narrow phones */
    .wp-block-booknetic-signup
    .booknetic_form_element:first-child {
        display:
            block !important;
    }

    .wp-block-booknetic-signup
    .booknetic_customer_info {
        width:
            100% !important;

        max-width:
            100% !important;

        margin-bottom:
            18px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_customer_info:last-child {
        margin-bottom:
            0 !important;
    }

}

/* =========================================================
   DAMIAN PHILPOTT — CREATE ACCOUNT
   REFINED AFTER PASS — V3
   Safe visual refinement only; Booknetic structure unchanged.
   ========================================================= */

@media screen and (min-width: 1001px) {

    /* Give the form a little more presence without overpowering the image. */
    .wp-block-booknetic-signup {
        width: 560px !important;
        max-width: 560px !important;
        flex: 0 0 560px !important;
        margin-right: 42px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup {
        max-width: 560px !important;
        padding: 46px 48px 34px !important;
        transform: translateY(6px) !important;
    }

    /* Editorial copy over the image side — three separate layers. */
    .post-content:has(.wp-block-booknetic-signup)::before {
        content: "PRIVATE APPOINTMENT" !important;
        position: absolute !important;
        z-index: 7 !important;
        left: clamp(42px, 6.5vw, 120px) !important;
        bottom: 148px !important;
        display: block !important;
        width: 250px !important;
        color: #FFD700 !important;
        font-family: Helvetica, Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 2.8px !important;
        text-transform: uppercase !important;
        background: linear-gradient(#FFD700,#FFD700) right center / 62px 1px no-repeat !important;
        pointer-events: none !important;
    }

    .post-content:has(.wp-block-booknetic-signup)::after {
        content: "HAIR IS\A PERSONAL" !important;
        white-space: pre-line !important;
        position: absolute !important;
        z-index: 7 !important;
        left: clamp(42px, 6.5vw, 120px) !important;
        bottom: 66px !important;
        display: block !important;
        width: 250px !important;
        max-width: 30vw !important;
        color: #F5F5F5 !important;
        font-family: Helvetica, Arial, sans-serif !important;
        font-size: 28px !important;
        font-weight: 300 !important;
        line-height: 1.02 !important;
        letter-spacing: 3.5px !important;
        text-transform: uppercase !important;
        text-shadow: 0 2px 16px rgba(0,0,0,.55) !important;
        pointer-events: none !important;
    }

    /* Separate small editorial strapline so it can stay genuinely small. */
    .site-content:has(.wp-block-booknetic-signup)::after {
        content: "EXPERTISE.  CREATIVITY.  YOU." !important;
        position: absolute !important;
        z-index: 8 !important;
        left: clamp(42px, 6.5vw, 120px) !important;
        bottom: 37px !important;
        display: block !important;
        width: 300px !important;
        color: rgba(255,255,255,.70) !important;
        font-family: Helvetica, Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        letter-spacing: 2.8px !important;
        text-transform: uppercase !important;
        pointer-events: none !important;
    }
}

/* Slightly calmer, more editorial card surface. */
.wp-block-booknetic-signup .booknetic_signup {
    background: linear-gradient(145deg, rgba(15,15,15,.985), rgba(2,2,2,.995)) !important;
    border-color: rgba(255,215,0,.46) !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.52) !important;
}

/* Tighten the brand stack very slightly. */
.wp-block-booknetic-signup .booknetic_signup::before {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    letter-spacing: 4.5px !important;
}

.wp-block-booknetic-signup .booknetic_step_1::before,
.wp-block-booknetic-signup .booknetic_step_2::before {
    margin-bottom: 25px !important;
    padding-top: 10px !important;
    font-size: 8px !important;
    letter-spacing: 3.5px !important;
}

/* Stronger hierarchy without making the panel feel heavier. */
.wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header {
    margin-bottom: 29px !important;
}

.wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::before {
    font-size: 28px !important;
    font-weight: 650 !important;
    letter-spacing: -.6px !important;
}

.wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::after {
    max-width: 385px !important;
    margin-top: 9px !important;
    color: #A7A7A7 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Bring form labels in line with the Contact / Checkout visual language. */
.wp-block-booknetic-signup .booknetic_form_element label,
.wp-block-booknetic-signup .booknetic_customer_info label {
    margin-bottom: 7px !important;
    color: #D9D9D9 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

/* Cleaner field rhythm. */
.wp-block-booknetic-signup .booknetic_form_element {
    margin-bottom: 17px !important;
}

.wp-block-booknetic-signup .booknetic_form_element:first-child {
    gap: 16px !important;
}

.wp-block-booknetic-signup .booknetic_customer_info {
    width: calc(50% - 8px) !important;
    flex: 0 0 calc(50% - 8px) !important;
}

.wp-block-booknetic-signup .booknetic_signup input[type="text"],
.wp-block-booknetic-signup .booknetic_signup input[type="email"],
.wp-block-booknetic-signup .booknetic_signup input[type="password"] {
    height: 50px !important;
    padding: 0 15px !important;
    background-color: #0A0A0A !important;
    box-shadow: inset 0 0 0 1000px #0A0A0A !important;
    -webkit-box-shadow: inset 0 0 0 1000px #0A0A0A !important;
    border-color: #3A3A3A !important;
    font-size: 13px !important;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.wp-block-booknetic-signup .booknetic_signup input::placeholder {
    color: #686868 !important;
    opacity: 1 !important;
}

.wp-block-booknetic-signup .booknetic_signup input[type="text"]:hover,
.wp-block-booknetic-signup .booknetic_signup input[type="email"]:hover,
.wp-block-booknetic-signup .booknetic_signup input[type="password"]:hover {
    border-color: #555555 !important;
}

.wp-block-booknetic-signup .booknetic_signup input[type="text"]:focus,
.wp-block-booknetic-signup .booknetic_signup input[type="email"]:focus,
.wp-block-booknetic-signup .booknetic_signup input[type="password"]:focus {
    background-color: #101010 !important;
    border-color: #FFD700 !important;
    box-shadow: inset 0 0 0 1000px #101010, 0 0 0 1px rgba(255,215,0,.12) !important;
    -webkit-box-shadow: inset 0 0 0 1000px #101010, 0 0 0 1px rgba(255,215,0,.12) !important;
}

.wp-block-booknetic-signup .booknetic_signup_spam_notice {
    margin-top: 6px !important;
    color: #747474 !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
}

/* Refine the main CTA. */
.wp-block-booknetic-signup .booknetic_signup_btn {
    height: 52px !important;
    margin-top: 5px !important;
}

.wp-block-booknetic-signup .booknetic_signup_btn::before {
    font-size: 10px !important;
    letter-spacing: 1.8px !important;
    line-height: 50px !important;
}

.wp-block-booknetic-signup .booknetic_signup_btn::after {
    width: 52px !important;
    height: 50px !important;
    font-size: 18px !important;
}

/* Footer link becomes quieter and more deliberate. */
.wp-block-booknetic-signup .booknetic_step_1 > .booknetic_footer {
    margin-top: 22px !important;
    padding-top: 19px !important;
    color: #858585 !important;
    font-size: 11px !important;
    border-top-color: rgba(255,215,0,.26) !important;
}

.wp-block-booknetic-signup .booknetic_step_1 > .booknetic_footer a {
    font-weight: 650 !important;
}

/* Preserve the existing mobile structure; do not show desktop image copy. */
@media screen and (max-width: 1000px) {
    .post-content:has(.wp-block-booknetic-signup)::before,
    .post-content:has(.wp-block-booknetic-signup)::after {
        display: none !important;
        content: none !important;
    }
}

@media screen and (max-width: 767px) {
    .wp-block-booknetic-signup .booknetic_signup {
        padding: 36px 24px 29px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::before {
        font-size: 28px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::after {
        font-size: 12px !important;
    }

    .wp-block-booknetic-signup .booknetic_form_element label,
    .wp-block-booknetic-signup .booknetic_customer_info label {
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup input[type="text"],
    .wp-block-booknetic-signup .booknetic_signup input[type="email"],
    .wp-block-booknetic-signup .booknetic_signup input[type="password"] {
        height: 48px !important;
        font-size: 13px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn {
        height: 50px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::before {
        line-height: 48px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::after {
        height: 48px !important;
    }
}

/* =========================================================
   V4 — MOBILE REFINEMENT
   Equal-width fields, tighter rhythm, improved hero crop.
   Desktop remains unchanged.
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Show a stronger crop of the model before the form begins. */
    .post-content:has(.wp-block-booknetic-signup) {
        padding-top: 250px !important;

        background-size:
            100% 250px,
            auto 300px !important;

        background-position:
            top center,
            52% top !important;
    }

    /* Slightly more breathing room from the phone edges. */
    .wp-block-booknetic-signup {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 18px 44px !important;
    }

    /* Reduce unnecessary vertical height while keeping the luxury spacing. */
    .wp-block-booknetic-signup .booknetic_signup {
        width: 100% !important;
        max-width: 100% !important;
        margin: -8px 0 0 !important;
        padding: 32px 22px 26px !important;
        transform: none !important;
    }

    /* Tighten the branding stack. */
    .wp-block-booknetic-signup .booknetic_signup::before {
        margin-bottom: 8px !important;
        font-size: 12px !important;
        letter-spacing: 3.6px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1::before,
    .wp-block-booknetic-signup .booknetic_step_2::before {
        margin-bottom: 21px !important;
        padding-top: 8px !important;
        font-size: 8px !important;
        letter-spacing: 3.1px !important;
    }

    /* Slightly smaller heading so the form begins sooner. */
    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header {
        margin-bottom: 24px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::before {
        font-size: 27px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.45px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::after {
        max-width: 300px !important;
        margin-top: 8px !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    /* IMPORTANT: stack First Name + Last Name at full width on ALL phones,
       not only the very narrow <=420px breakpoint. */
    .wp-block-booknetic-signup .booknetic_form_element:first-child {
        display: block !important;
        width: 100% !important;
        gap: 0 !important;
    }

    .wp-block-booknetic-signup .booknetic_customer_info {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 0 14px !important;
    }

    .wp-block-booknetic-signup .booknetic_customer_info:last-child {
        margin-bottom: 0 !important;
    }

    /* Compact the vertical rhythm between field groups. */
    .wp-block-booknetic-signup .booknetic_form_element {
        margin-bottom: 14px !important;
    }

    .wp-block-booknetic-signup .booknetic_form_element label,
    .wp-block-booknetic-signup .booknetic_customer_info label {
        margin-bottom: 7px !important;
        font-size: 9px !important;
        letter-spacing: 1px !important;
    }

    /* All fields use exactly the same visible width and height. */
    .wp-block-booknetic-signup .booknetic_signup input[type="text"],
    .wp-block-booknetic-signup .booknetic_signup input[type="email"],
    .wp-block-booknetic-signup .booknetic_signup input[type="password"] {
        width: 100% !important;
        max-width: 100% !important;
        height: 48px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    .wp-block-booknetic-signup .bkntc-password-input {
        width: 100% !important;
        max-width: 100% !important;
    }

    .wp-block-booknetic-signup .bkntc-password-input input {
        padding-right: 48px !important;
    }

    /* Keep placeholders readable but secondary to entered text. */
    .wp-block-booknetic-signup .booknetic_signup input::placeholder {
        color: #8A8A8A !important;
        opacity: 1 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
    }

    .wp-block-booknetic-signup .booknetic_signup input:focus::placeholder {
        color: #5F5F5F !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_spam_notice {
        margin-top: 5px !important;
        font-size: 9px !important;
        line-height: 1.35 !important;
    }

    /* Keep the CTA compact. */
    .wp-block-booknetic-signup .booknetic_signup_btn {
        height: 50px !important;
        margin-top: 3px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::before {
        line-height: 48px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::after {
        height: 48px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_footer {
        margin-top: 18px !important;
        padding-top: 17px !important;
    }
}

/* Very narrow phones keep the same full-width field system. */
@media screen and (max-width: 420px) {

    .post-content:has(.wp-block-booknetic-signup) {
        padding-top: 235px !important;

        background-size:
            100% 235px,
            auto 285px !important;

        background-position:
            top center,
            52% top !important;
    }

    .wp-block-booknetic-signup {
        padding: 0 14px 40px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup {
        padding: 30px 20px 25px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::before {
        font-size: 25px !important;
    }

    .wp-block-booknetic-signup .booknetic_customer_info {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
}

/* =========================================================
   V5 — LANDSCAPE PHONE REFINEMENT
   Wide + short phone viewports should behave as a compact
   split-screen account page, not as a tall tablet layout.
   Portrait mobile and desktop remain unchanged.
   ========================================================= */

@media screen and (orientation: landscape) and (max-height: 600px) {

    .site-content:has(.wp-block-booknetic-signup) {
        min-height: auto !important;
        overflow: visible !important;
    }

    .post-content:has(.wp-block-booknetic-signup) {
        position: relative !important;
        min-height: calc(100svh - 94px) !important;
        margin: 0 !important;
        padding: 12px 18px 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        background-image:
            linear-gradient(
                90deg,
                rgba(0,0,0,0.00) 0%,
                rgba(0,0,0,0.03) 36%,
                rgba(0,0,0,0.26) 52%,
                rgba(0,0,0,0.76) 72%,
                #000000 100%
            ),
            url("https://damianphilpott.com/images/bookingbkgd3.png") !important;

        background-size:
            cover,
            cover !important;

        background-position:
            center center,
            24% center !important;

        background-repeat:
            no-repeat,
            no-repeat !important;
    }

    /* There is not enough vertical room for the image-side editorial copy. */
    .post-content:has(.wp-block-booknetic-signup)::before,
    .post-content:has(.wp-block-booknetic-signup)::after,
    .site-content:has(.wp-block-booknetic-signup)::after {
        display: none !important;
        content: none !important;
    }

    .wp-block-booknetic-signup {
        width: min(54vw, 520px) !important;
        max-width: 520px !important;
        flex: 0 0 min(54vw, 520px) !important;

        margin: 0 10px 0 0 !important;
        padding: 0 !important;
    }

    .wp-block-booknetic-signup .booknetic_signup {
        width: 100% !important;
        max-width: 520px !important;

        margin: 0 !important;
        padding: 18px 22px 16px !important;
        transform: none !important;

        box-shadow: 0 20px 52px rgba(0,0,0,.56) !important;
    }

    /* Compact branding stack for limited landscape height. */
    .wp-block-booknetic-signup .booknetic_signup::before {
        margin-bottom: 5px !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        letter-spacing: 3px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1::before,
    .wp-block-booknetic-signup .booknetic_step_2::before {
        margin: 0 auto 11px !important;
        padding-top: 5px !important;
        font-size: 6.5px !important;
        line-height: 1.2 !important;
        letter-spacing: 2.5px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header {
        margin-bottom: 12px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::before {
        font-size: 20px !important;
        line-height: 1.08 !important;
        letter-spacing: -.35px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::after {
        max-width: 330px !important;
        margin-top: 5px !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
    }

    /* Keep first/last name side by side in landscape to save height. */
    .wp-block-booknetic-signup .booknetic_form_element:first-child {
        display: flex !important;
        width: 100% !important;
        gap: 10px !important;
    }

    .wp-block-booknetic-signup .booknetic_customer_info {
        width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        flex: 0 0 calc(50% - 5px) !important;
        margin: 0 !important;
    }

    .wp-block-booknetic-signup .booknetic_form_element {
        margin-bottom: 8px !important;
    }

    .wp-block-booknetic-signup .booknetic_form_element label,
    .wp-block-booknetic-signup .booknetic_customer_info label {
        margin-bottom: 4px !important;
        font-size: 7px !important;
        line-height: 1.2 !important;
        letter-spacing: .8px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup input[type="text"],
    .wp-block-booknetic-signup .booknetic_signup input[type="email"],
    .wp-block-booknetic-signup .booknetic_signup input[type="password"] {
        width: 100% !important;
        max-width: 100% !important;
        height: 35px !important;
        padding: 0 11px !important;
        font-size: 10.5px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup input::placeholder {
        font-size: 10px !important;
    }

    .wp-block-booknetic-signup .bkntc-password-input {
        width: 100% !important;
        max-width: 100% !important;
    }

    .wp-block-booknetic-signup .bkntc-password-input input {
        padding-right: 40px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_spam_notice {
        margin-top: 3px !important;
        font-size: 7px !important;
        line-height: 1.25 !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn {
        height: 39px !important;
        margin-top: 2px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::before {
        font-size: 8px !important;
        line-height: 37px !important;
        letter-spacing: 1.5px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::after {
        width: 44px !important;
        height: 37px !important;
        font-size: 15px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_footer {
        margin-top: 10px !important;
        padding-top: 10px !important;
        font-size: 8px !important;
        line-height: 1.3 !important;
    }
}

/* Extra-short landscape phones: preserve the split layout but trim it further. */
@media screen and (orientation: landscape) and (max-height: 430px) {

    .post-content:has(.wp-block-booknetic-signup) {
        padding-top: 8px !important;
        padding-bottom: 10px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup {
        padding: 14px 20px 13px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1::before,
    .wp-block-booknetic-signup .booknetic_step_2::before {
        margin-bottom: 8px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header {
        margin-bottom: 9px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::before {
        font-size: 18px !important;
    }

    .wp-block-booknetic-signup .booknetic_step_1 > .booknetic_header::after {
        font-size: 8.5px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup input[type="text"],
    .wp-block-booknetic-signup .booknetic_signup input[type="email"],
    .wp-block-booknetic-signup .booknetic_signup input[type="password"] {
        height: 32px !important;
    }

    .wp-block-booknetic-signup .booknetic_form_element {
        margin-bottom: 6px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn {
        height: 36px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::before {
        line-height: 34px !important;
    }

    .wp-block-booknetic-signup .booknetic_signup_btn::after {
        height: 34px !important;
    }
}
/* =========================================================
   V6 — CLEAN SECONDARY SIGN-IN CTA
   Remove generic "Already have an account?" copy and show
   only the real Sign In link as a refined secondary action.
   ========================================================= */

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer {
    min-height: 40px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer span {
    display: none !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer a::before {
    content: "SIGN IN" !important;
    color: #FFD700 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer a::after {
    content: "→" !important;
    color: #FFD700 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer a:hover::before,
.wp-block-booknetic-signup
.booknetic_step_1 > .booknetic_footer a:hover::after {
    color: #FFFFFF !important;
}

@media screen and (orientation: landscape) and (max-height: 600px) {
    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_footer {
        min-height: 24px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_footer a::before {
        font-size: 8px !important;
        letter-spacing: 1.4px !important;
    }

    .wp-block-booknetic-signup
    .booknetic_step_1 > .booknetic_footer a::after {
        font-size: 12px !important;
    }
}

/* =========================================================
   MOBILE HERO IMAGE DEPTH FIX
   Prevent the photo layer extending behind the form card.
   The gradient mask and photo now end at the same height.
   ========================================================= */

@media screen and (max-width: 767px) {

    .post-content:has(.wp-block-booknetic-signup) {
        background-size:
            100% 250px,
            auto 250px !important;
    }

}

@media screen and (max-width: 420px) {

    .post-content:has(.wp-block-booknetic-signup) {
        background-size:
            100% 235px,
            auto 235px !important;
    }

}

/* =========================================================
   V8 — MOBILE EDITORIAL IMAGE COPY
   Matches Forgot Password.
   No decorative yellow line on portrait mobile.
   ========================================================= */

@media screen and (max-width: 767px) {

    .post-content:has(.wp-block-booknetic-signup)::before {
        content: "PRIVATE APPOINTMENT" !important;

        position: absolute !important;
        z-index: 7 !important;

        top: 144px !important;
        left: 34px !important;

        display: block !important;

        width: 210px !important;

        color: #FFD700 !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        line-height: 1 !important;
        letter-spacing: 1.9px !important;

        text-transform: uppercase !important;

        background: none !important;

        pointer-events: none !important;
    }

    .post-content:has(.wp-block-booknetic-signup)::after {
        content: "HAIR IS\A PERSONAL" !important;

        white-space: pre-line !important;

        position: absolute !important;
        z-index: 7 !important;

        top: 164px !important;
        left: 34px !important;

        display: block !important;

        width: 180px !important;

        color: #F5F5F5 !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 19px !important;
        font-weight: 300 !important;

        line-height: 1 !important;
        letter-spacing: 2.2px !important;

        text-transform: uppercase !important;

        text-shadow:
            0 2px 12px
            rgba(0,0,0,0.60) !important;

        pointer-events: none !important;
    }

    .site-content:has(.wp-block-booknetic-signup)::after {
        content: "EXPERTISE. CREATIVITY. YOU." !important;

        position: absolute !important;
        z-index: 8 !important;

        top: 215px !important;
        left: 34px !important;

        display: block !important;

        width: 220px !important;

        color:
            rgba(255,255,255,0.72) !important;

        font-family:
            Helvetica,
            Arial,
            sans-serif !important;

        font-size: 6.5px !important;
        font-weight: 600 !important;

        line-height: 1 !important;
        letter-spacing: 1.65px !important;

        text-transform: uppercase !important;

        pointer-events: none !important;
    }

}

@media screen and (max-width: 420px) {

    .post-content:has(.wp-block-booknetic-signup)::before {
        top: 132px !important;
        left: 28px !important;

        width: 195px !important;

        font-size: 7px !important;
    }

    .post-content:has(.wp-block-booknetic-signup)::after {
        top: 150px !important;
        left: 28px !important;

        font-size: 17px !important;

        letter-spacing: 2px !important;
    }

    .site-content:has(.wp-block-booknetic-signup)::after {
        top: 197px !important;
        left: 28px !important;

        font-size: 6px !important;

        letter-spacing: 1.45px !important;
    }

}

/*
 * Landscape stays intentionally clean.
 */
@media screen and (orientation: landscape) and (max-height: 600px) {

    .post-content:has(.wp-block-booknetic-signup)::before,
    .post-content:has(.wp-block-booknetic-signup)::after,
    .site-content:has(.wp-block-booknetic-signup)::after {
        display: none !important;
        content: none !important;
    }

}