.elementor-223 .elementor-element.elementor-element-4a0bd71{--display:flex;}.elementor-223 .elementor-element.elementor-element-fbaf3d8{--spacer-size:50px;}.elementor-223 .elementor-element.elementor-element-4f156528{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-223 .elementor-element.elementor-element-1fa905d{--display:flex;}.elementor-223 .elementor-element.elementor-element-f5dbe88{--spacer-size:300px;}@media(min-width:768px){.elementor-223 .elementor-element.elementor-element-4f156528{--content-width:1100px;}}/* Start custom CSS for text-editor, class: .elementor-element-5e8c4246 */a.skip-link.screen-reader-text {
  display: none !important;
}

.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account h4,
.woocommerce-account h5,
.woocommerce-account h6 {
  font-weight: 300 !important;
}


.woocommerce-MyAccount-content > p:first-of-type {
  margin-bottom: 16px; /* Add space below first sentence */
  text-transform: none !important; /* Remove all-uppercase */
}

.woocommerce-MyAccount-content {
  text-transform: none !important;
}


/* Remove all hover styles in the My Account section */
.woocommerce-MyAccount-content a:hover,
.woocommerce-MyAccount-content a:focus {
  color: inherit !important;
  text-decoration: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transition: none !important;
}


h1.entry-title {
  font-size: 30px !important;
}


/* My Account navigation: keep uppercase, remove underline, bullets, and hover effects */
.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.woocommerce-MyAccount-navigation li {
  text-transform: uppercase !important; /* KEEP ALL UPPERCASE */
}

.woocommerce-MyAccount-navigation a {
  text-decoration: none !important;
  color: inherit !important; /* keep current color */
}

.woocommerce-MyAccount-navigation a:hover {
  text-decoration: none !important;
  color: inherit !important;
}









/* Remove the info icon in .woocommerce-info */
.woocommerce-info::before {
  display: none !important;
}

/* Style only the woocommerce-info box */
.woocommerce-info {
  background-color: black !important;
  color: white !important;
  border: 1px solid transparent !important;
  border-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 12px !important;
  padding: 15px;
  font-weight: 300;
  margin-top: 20px;
}

/* Style the button inside .woocommerce-info */
.woocommerce-info .woocommerce-Button {
  background-color: black !important;
  color: white !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  border: 1px solid white !important;
  border-radius: 10px !important;
  padding: 8px 18px;
  text-transform: none !important;
  text-decoration: none !important;
  display: inline-block;
  transition: none !important; /* No hover transition */
}

/* Keep the same style on hover */
.woocommerce-info .woocommerce-Button:hover {
  background-color: black !important;
  color: white !important;
  border: 1px solid white !important;
}






.woocommerce-Address-title h2 {
  font-size: 20px !important;
}


.woocommerce-info a.button.wc-forward {
  background-color: black !important;
  color: white !important;
  font-weight: 300 !important;
  border: 1px solid white !important;
  border-radius: 20px !important;
  padding: 6px 15px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: none !important; /* disables hover changes */
}

.woocommerce-info a.button.wc-forward:hover {
  background-color: black !important;
  color: white !important;
  border: 1px solid white !important;
}



/* Make all text in edit account form weight 300 */
.woocommerce-EditAccountForm {
  font-weight: 300 !important;
}

/* Change color and weight of required asterisk */
.woocommerce-EditAccountForm .required {
  color: #ffffff !important;
  font-weight: 300 !important;
}






#account_display_name_description {
  display: block;         /* ensures it behaves like a block element so margin works */
  margin-top: 10px;        /* adds space above */
  font-size: 14px;        /* match input text size, adjust if needed */
  font-style: italic;     /* keep the <em> italic style */
  color: inherit;         /* keeps the text color consistent */
}



.woocommerce-EditAccountForm p.woocommerce-form-row {
  margin-bottom: 24px; /* adds space below each form row */
}

.woocommerce-EditAccountForm label {
  display: block;
  margin-bottom: 6px; /* space between label and input */
  font-weight: 300; /* light text as you wanted */
}

.woocommerce-EditAccountForm input {
  font-weight: 300;
}







.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
  border: 1px solid; /* set border width */
  border-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) 1;
  border-radius: 12px; /* optional rounded corners */
  padding: 8px; /* adjust as needed */
  background-color: black; /* keep input background black or as needed */
  color: white; /* input text color */
  font-weight: 300;
}




fieldset {
  border: 1px solid transparent !important;
  border-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 12px; /* Optional: round corners */
  padding: 1.5em; /* Optional: more padding inside */
  margin-bottom: 2em;
}







.woocommerce-Button.button[name="save_account_details"] {
  border-radius: 20px;
  font-weight: 300;
  color: white;
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%);
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

/* Remove any hover effects */
.woocommerce-Button.button[name="save_account_details"]:hover {
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%);
  color: white;
}




/* Make all text in the account address section Light (300) */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-content address {
  font-weight: 300 !important;
}







/* Style the login and register buttons */
.woocommerce form .form-row input.button,
.woocommerce-page form .form-row input.button,
.woocommerce button.button,
.woocommerce input.button {
  border-radius: 20px !important;
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) !important;
  color: white !important;
  font-weight: 300 !important;
  margin-top: 20px !important; /* Adds space above the buttons */
  border: none !important;
  box-shadow: none !important;
}

/* Remove button hover effect */
.woocommerce form .form-row input.button:hover,
.woocommerce-page form .form-row input.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) !important;
  color: white !important;
  opacity: 1 !important;
  box-shadow: none !important;
}






/* Add space above the 'Lost your password?' text */
.woocommerce-LostPassword,
.woocommerce form.lost_password {
  margin-top: 20px !important;
}

/* Change all required asterisks to white and light weight */
.woocommerce .required,
.woocommerce-page .required {
  color: white !important;
  font-weight: 300 !important;
}



/* Remove underline and disable link for privacy policy */
.woocommerce-privacy-policy-text a {
  text-decoration: none !important;
  pointer-events: none !important;
  color: inherit !important; /* Keeps the text same color as surrounding text */
  font-weight: 300 !important; /* Optional: Make text Light */
}



/* Apply Light font-weight to all WooCommerce form text */
.woocommerce form,
.woocommerce form label,
.woocommerce form input,
.woocommerce form select,
.woocommerce form textarea,
.woocommerce p,
.woocommerce .form-row,
.woocommerce legend,
.woocommerce .woocommerce-privacy-policy-text,
.woocommerce .woocommerce-Button,
.woocommerce .button {
  font-weight: 300 !important;
}






.woocommerce-form-register p:first-of-type + p {
  margin-top: 20px;
  text-transform: none; /* ensure text is normal case */
}

.woocommerce-privacy-policy-text p {
  text-transform: none !important;
}




.password-input {
  position: relative;
  display: inline-block;
}

.show-password-input {
  position: absolute;
  right: 10px; /* adjust as needed to place the icon */
  top: 50%;
  transform: translateY(-20%); /* move it a bit higher */
  cursor: pointer;
}

@media (max-width: 768px) {
  .show-password-input { 
    position: absolute;
    right: 10px; /* adjust as needed to place the icon */
    top: 50%;
    transform: translateY(-40%); /* move it a bit higher */
    cursor: pointer;
  }
}






/* Smaller font size for the "link to set a new password" paragraph */
form.woocommerce-form-register p:first-of-type {
  font-size: 0.85rem; /* Adjust as needed */
}

/* Smaller font size for the privacy policy paragraph */
form.woocommerce-form-register .woocommerce-privacy-policy-text p {
  font-size: 0.85rem; /* Adjust as needed */
}






/* Hide the default checkbox */
.woocommerce-form__input-checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%; /* circle */
  border: 1px solid white;
  background-color: black;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
}

/* Optional: add a checkmark when checked */
.woocommerce-form__input-checkbox:checked::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%);
}



input#username {
  margin-bottom: 16px; /* Adjust the value as needed */
}


.woocommerce-LostPassword a:hover {
  text-decoration: none;
  color: inherit;
}






.woocommerce-ResetPassword p,
.woocommerce-ResetPassword .form-row {
  margin-bottom: 16px; /* adjust as needed */
}

.woocommerce-ResetPassword input[type="text"] {
  margin-top: 8px;
  margin-bottom: 8px;
}

.woocommerce-ResetPassword button {
  margin-top: 8px;
}


.woocommerce-ResetPassword p {
  text-transform: none;
}







.woocommerce-message {
  background-color: #000000;
  color: #ffffff;
  padding: 1em;
  border-width: 1px;
  border-style: solid;
  border-radius: 8px;
  border-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) 1;
  border-image-slice: 1;
  border-color: transparent; /* Remove any fallback border */
  position: relative;
}

.woocommerce-message::before {
  display: none !important; /* Hides the default icon */
}

.woocommerce-message + p {
  text-transform: none;
}





.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 20px;  /* increased rounding */
  
  border-width: 1px;
  border-style: solid;
  border-image: radial-gradient(at top left, #004AAD 0%, #CB6CE6 100%) 1;
  border-image-slice: 1;
  border-color: transparent;
}/* End custom CSS */