/* Full Page - My Account Page Content */
.lwc-5g35a4nm657.content:first-of-type:has(.kb2b-my-account) {
    gap: 10px !important;
    padding: 12px 12px 16px !important;
    background-color: #F4F4F4 !important;

    /* Desketop styles */
    @media only screen and (min-width: 1025px) {
        padding: 20px 40px 20px !important;
    }
}

/* My Account Page Card */
.kb2b-my-account {
    padding: 20px !important;
    border-radius: 12px !important;
    background-color: #FFF !important;

    /* Title */
    .kb2b-my-account-title .lwc-4rt99a8doqk {
        font-size: 18px !important;
        color: #002B4E !important;
        font-weight: 700 !important;
        font-style: normal !important;
        line-height: 30.8px !important;
        font-family: "PTSans-Bold" !important;
    }  
    /* Tablet Styles */
    @media only screen and (min-width: 751px) {
        .kb2b-my-account-title .lwc-4rt99a8doqk {
            font-size: 22px;
            padding-top: 20px !important;
        }
    }
    /* Subtitles */
    .kb2b-my-account-subtitle .lwc-4rt99a8doqk {
        font-size: 18px !important;
        color: #002B4E !important;
        font-weight: 700 !important;
        font-style: normal !important;
        line-height: 30.8px !important;
        font-family: "PTSans-Bold" !important;
        padding: 20px 20px 0px 20px !important;
        background-color: #F4F4F4 !important;
        border-radius: 12px 12px 0px 0px !important;

        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 22px;
        }
    }
    /* Space under subtitles for tablet and mobile */
    .component-wrapper-spacer {
        margin-bottom: 0px !important;
    }
    /* Desketop styles */
    @media only screen and (min-width: 1025px) {
        .kb2b-my-account-content dxp_layout-column:first-child .kb2b-my-account-subtitle .lwc-4rt99a8doqk {
            margin-right: 20px !important;
        }
    }
    /* Card Body */
    .kb2b-my-account-text .slds-card__body {
        margin: 0px;
        padding: 0px
    }
    /* Fields bottom space */
    .kb2b-my-account-text .slds-form-element{
        margin-bottom: 20px !important;
    }
    /* Fields bottom space */
    .kb2b-my-account-text .slds-form-element:last-of-type{
        margin-bottom: 0px !important;
    }
    /* Text box */
    .kb2b-my-account-text .slds-card {
        gap: 20px;
        padding: 0px 20px 20px;
        border-radius: 0px 0px 12px 12px;
        border-color: #F4F4F4;
        background-color: #F4F4F4;
    }
    /* Desketop styles */
    @media only screen and (min-width: 1025px) {
        .kb2b-my-account-content dxp_layout-column:first-child .kb2b-my-account-text .slds-card {
            margin-right: 20px !important;
        }
    }
    /* Personal Information spaces */
    div.slds-card__header.slds-grid{
        padding: 0px !important;
        margin: 0px !important;
    }
    /* Text box title - Personal Information */
    .kb2b-my-account-text .slds-card__header.slds-grid b {
        margin: 0px !important;
        color: #002B4E !important;
        font-size:  18px !important;
        font-weight: 700 !important;
        font-style: normal !important;
        line-height: 30.8px !important;
        padding: 20px 0px 20px !important;
        font-family: "PTSans-Bold" !important;

        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 22px;
        }
    }
    /* SVG Pencil icon for Edit and Change */
    .kb2b-my-account-text button::before {
        content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'> <path d='M9.5013 4.83321L12.168 7.49988M3.16797 13.8332H5.83464L12.8346 6.83321C13.1883 6.47959 13.3869 5.99997 13.3869 5.49988C13.3869 4.99978 13.1883 4.52016 12.8346 4.16654C12.481 3.81292 12.0014 3.61426 11.5013 3.61426C11.0012 3.61426 10.5216 3.81292 10.168 4.16654L3.16797 11.1665V13.8332Z' stroke='%2311528F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/> </svg>");
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        margin: 0px 4px 0px 0px;
    }
    /* Hide profile edit button (keep layout space) */
    .kb2b-my-account-text [data-automation="edit"] {
        visibility: hidden !important;
        pointer-events: none !important;
    }
    /* Change password button */
    .kb2b-my-account-text [data-automation="reset"] button {
        margin: 0px !important;
        font-size: 15px !important;
        color: #11528F !important;
        font-weight: 700 !important;
        font-style: normal !important;
        line-height: 22.5px !important;
        text-decoration: none !important;
        padding: 20px 0px 20px !important;
        font-family: "PTSans-Bold" !important;

        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 18px;
        }
    }
    .kb2b-my-account-text .slds-button:active, 
    .kb2b-my-account-text .slds-button:focus,
    .kb2b-my-account-text .slds-button:focus-visible {
        border: unset !important;
        box-shadow: unset !important;
        border-color: unset !important;
        outline-color: unset !important;
        text-decoration: none !important;
        background-color: unset !important;
        -webkit-box-shadow: none !important;
        text-decoration-line: unset !important;
        text-decoration-color: unset !important;
        text-underline-offset: unset !important;
    }
    [kx-scope="button"][kx-type="underline"]:focus::after, 
    [kx-scope="button"][kx-type="underline"]:hover::after {
        --slds-kx-button-underline-scale-x: 0;
    }
    /* Fields */
    .kb2b-my-account-text label {
        color: #002B4E; 
        font-size: 16px;
        font-weight: 700;
        line-height: 24px; 
        font-style: normal;
        font-family: "PTSans-Bold" !important;

        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 18px;
        }
    }
    /* Data */
    .kb2b-my-account-text .slds-form-element__control.slds-grow input {
        display: flex;
        font-size: 16px;
        color: #002B4E; 
        font-weight: 400;
        font-style: normal;
        line-height: 19.2px; 
        max-width: -webkit-fill-available;
        font-family: "PTSans-Regular" !important;

        @media only screen and (min-width: 768px) {
            max-width: unset;
            font-size: 18px;
        }
    }
    /* Edit Page */
    /* Phone Number */
    commerce_unified_checkout-multi-country-phone-field button {
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    commerce_unified_checkout-multi-country-phone-field .slds-combobox__form-element {
        min-width: 85px;
    }
    .slds-combobox_container.lwc-5alla5q6kcq {
        margin-right: 20px;
    }
    commerce_unified_checkout-multi-country-phone-field .slds-combobox__form-element button:active::before,
    commerce_unified_checkout-multi-country-phone-field .slds-combobox__form-element button:focus::before,
    commerce_unified_checkout-multi-country-phone-field .slds-combobox__form-element button:focus-visible::before,
    commerce_unified_checkout-multi-country-phone-field .slds-combobox__form-element button:focus-within::before {
        display: none !important;
    }
    lightning-icon.slds-icon_container.slds-icon-utility-down {
        display: inline-flex;
        padding-left: 10px;
        align-items: center;
        justify-content: center;
    }
    /* Cancel Changes Button */
    lightning-button[data-automation="cancel"] button {
        font-size: 16px;
        font-weight: 700;
        line-height: 27px;
        font-style: normal;
        color: #11528F !important;
        border-radius: 999px !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        background-color: #FFF !important;
        font-family: "PTSans-Bold" !important;

        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 18px;
        }
    }
    /* Remove Cancel changes pencil */
    lightning-button[data-automation="cancel"] button::before,
    lightning-button[data-automation="save"] button::before {
        display: none;
    }
    /* Confirm Changes Button */
    lightning-button[data-automation="save"] button {
        font-size: 16px;
        font-weight: 700;
        line-height: 27px;
        font-style: normal;
        color:  #FFF !important;
        border-radius: 999px !important;
        padding: 12px 16px !important;
        text-decoration: none !important;
        font-family: "PTSans-Bold" !important; 
        background-color: #11528F !important;

        /* Tablet Styles */
        @media only screen and (min-width: 751px) {
            font-size: 18px;
        }
    }
    .slds-m-top_small.slds-grid {
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }
    /* Mobile View: Stack Buttons */
    @media (max-width: 768px) {
        .slds-m-top_small.slds-grid {
          flex-direction: column;
        }
        .slds-m-top_small .slds-col {
          width: 100%;
        }
    }
    /* Tablet (Landscape) View: Stack Buttons */
    @media (max-width: 1024px) and (orientation: landscape) {
        .slds-m-top_small.slds-grid {
          flex-direction: column;
        }
        .slds-m-top_small .slds-col {
          width: 80%;
          margin: 0 auto;
        }
    }
}