.elementor-1526 .elementor-element.elementor-element-2f01843{--display:grid;--min-height:100vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1526 .elementor-element.elementor-element-9c3ab7f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1526 .elementor-element.elementor-element-ade4e63{--display:flex;--min-height:90vh;--justify-content:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-1526 .elementor-element.elementor-element-ab9aab3{left:0px;}body.rtl .elementor-1526 .elementor-element.elementor-element-ab9aab3{right:0px;}.elementor-1526 .elementor-element.elementor-element-ab9aab3{top:0px;text-align:left;}.elementor-1526 .elementor-element.elementor-element-ab9aab3 img{width:65px;height:65px;}.elementor-1526 .elementor-element.elementor-element-1f9c723{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1526 .elementor-element.elementor-element-609153a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:28px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1526 .elementor-element.elementor-element-38c2297{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1526 .elementor-element.elementor-element-69bb0bc{--display:flex;--border-radius:24px 0px 0px 24px;}.elementor-1526 .elementor-element.elementor-element-69bb0bc:not(.elementor-motion-effects-element-type-background), .elementor-1526 .elementor-element.elementor-element-69bb0bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.harleypharmacy.co.uk/wp-content/uploads/2025/10/shop-img-1-scaled.jpg");background-position:center center;background-size:cover;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1526 .elementor-element.elementor-element-ade4e63{--width:72%;}}@media(min-width:2400px){.elementor-1526 .elementor-element.elementor-element-2f01843{--grid-auto-flow:row;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-1526 .elementor-element.elementor-element-2f01843{--grid-auto-flow:row;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-1526 .elementor-element.elementor-element-2f01843{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-38c2297 *//************************************
  UNIVERSAL STYLES FOR LOGIN + REGISTER
************************************/

.hp-login-form,
.hp-register-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}


/************************************
  INPUT FIELDS
************************************/

.hp-login-form input,
.hp-register-form input {
    width: 100%;
    height: 48px !important;
    border-radius: 50px !important;
    border: 1px solid #e1e1e1 !important;
    padding: 0 16px !important;
    background: #fff !important;
    font-size: 15px !important;
    color: rgba(12, 6, 5, 0.9);
    box-shadow: none !important;
    outline: none !important;
}

.hp-login-form input::placeholder,
.hp-register-form input::placeholder {
    color: rgba(12, 6, 5, 0.45);
}


/************************************
  LABELS
************************************/

.hp-login-form label,
.hp-register-form label {
    font-size: 15px;
    font-weight: 500;
    color:rgba(12, 6, 5, 0.9);
}


/************************************
  PASSWORD TOGGLE WRAPPER
************************************/

.hp-password-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* Bigger click area */
.hp-toggle-password {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Eye Icons (Tabler Icons) */
.hp-eye {
    position: absolute;
    transition: opacity 0.25s ease;
}

/* Closed eye hidden by default */
.hp-eye-closed {
    opacity: 0;
}


/************************************
  CHECKBOX ROWS
************************************/

.hp-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hp-remember,
.hp-terms {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color:rgba(12, 6, 5, 0.9);
    font-weight: 400;
}

/* Checkbox style */
.hp-terms input,
.hp-remember input {
    width: 18px !important;
    height: 18px !important;
}


/************************************
  BUTTONS
************************************/

.hp-login-btn {
    width: 100%;
    height: 60px;
    border-radius: 50px;
    background: #1c1917;
    color: #fff;
    font-size: 18px !important;
    border: none;
    cursor: pointer;
    transition: 0.2s;
        margin-top: 20px;
}

.hp-login-btn:hover {
    opacity: 0.85;
    background-color: rgba(178, 133, 74, 1);
    border: 0;
}


/************************************
  SUCCESS & ERROR MESSAGES
************************************/

.hp-error {
    background: #fdecea;
    border: 1px solid #f5c6cb;
    color: #b3261e;
    padding: 12px 18px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.hp-success {
    background: #e8f8e8;
    border: 1px solid #9adf9a;
    color: #2d8a2d;
    padding: 12px 18px;
    border-radius: 10px;
    margin-bottom: 15px;
}


/************************************
  FOOTER LINKS
************************************/

.hp-signup {
    text-align: center;
    font-size: 15px;
    color: rgba(12, 6, 5, 0.65);
}

.hp-signup a {
    color: #a87a45;
    font-weight: 500;
    text-decoration: underline;
}

.hp-signup a:hover {
    text-decoration: underline;
}/* End custom CSS */