.elementor-14 .elementor-element.elementor-element-677304f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-5dbf55a{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-5dbf55a{--content-width:1280px;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-2c19cd5 *//* ===== Certified Pep Lab — Login / Register styling (navy/blue theme) =====
   Where to paste:
   - The whole account/login SECTION widget > Advanced > Custom CSS  (keep ".elementor-14 .elementor-element.elementor-element-2c19cd5")
   - OR Appearance > Customize > Additional CSS  (then delete every ".elementor-14 .elementor-element.elementor-element-2c19cd5 " prefix)
   Covers BOTH WooCommerce my-account forms AND Elementor Login widget. */

/* ---------- shared theme vars via the form wrappers ---------- */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-woocommerce-my-account,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-login {
  --cpl-navy:#1e3a5f;
  --cpl-navy2:#1e4d8c;
  --cpl-blue:#3b82f6;
  --cpl-blue-50:#eff6ff;
  --cpl-blue-100:#dbeafe;
  --cpl-slate:#334155;
}

/* ===================== WOOCOMMERCE MY-ACCOUNT ===================== */

/* form card */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-account .woocommerce form.login,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-account .woocommerce form.register,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form.woocommerce-form-login,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form.woocommerce-form-register {
  max-width: 460px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 16px !important;
  padding: 34px 32px !important;
  box-shadow: 0 16px 44px rgba(30,58,95,.08) !important;
}

/* headings above tabs / forms — center over the card */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-account h2,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .u-column1 > h2,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .u-column2 > h2 {
  color: #1e3a5f !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  margin: 0 auto 18px !important;
  max-width: 460px !important;
  text-align: center !important;
}

/* labels */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form .form-row label {
  color: #475569 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-bottom: 6px !important;
}

/* inputs */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form .form-row input.input-text,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form .form-row input[type="text"],
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form .form-row input[type="email"],
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form .form-row input[type="password"] {
  border: 1px solid #dbeafe !important;
  border-radius: 10px !important;
  padding: 13px 15px !important;
  font-size: 15px !important;
  color: #334155 !important;
  background: #ffffff !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form .form-row input.input-text:focus,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form .form-row input:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12) !important;
  outline: none !important;
}

/* primary button */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce button.button,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce a.button,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce input.button,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce #respond input#submit {
  background: linear-gradient(135deg,#1e3a5f 0%,#1e4d8c 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 13px 28px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: transform .2s, box-shadow .2s !important;
  cursor: pointer !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce button.button:hover,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce a.button:hover,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce input.button:hover,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce #respond input#submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(30,58,95,.25) !important;
}

/* "remember me" + lost password link */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-form-login__rememberme span,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce form.login label.inline {
  color: #64748b !important;
  font-size: 13px !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-LostPassword a,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce a {
  color: #3b82f6 !important;
}

/* my-account dashboard navigation (after login) */
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-MyAccount-navigation li {
  border: 1px solid #dbeafe !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-MyAccount-navigation li a {
  display: block !important;
  padding: 12px 16px !important;
  color: #1e3a5f !important;
  font-weight: 600 !important;
  background: #ffffff !important;
  transition: background .2s, color .2s !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-MyAccount-navigation li a:hover {
  background: #eff6ff !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .woocommerce-MyAccount-navigation li.is-active a {
  background: linear-gradient(135deg,#1e3a5f,#1e4d8c) !important;
  color: #ffffff !important;
}

/* ===================== ELEMENTOR LOGIN WIDGET ===================== */

.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-login .elementor-field-group label,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login .elementor-field-label {
  color: #475569 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-login .elementor-field-textual,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login input[type="text"],
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login input[type="email"],
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login input[type="password"] {
  border: 1px solid #dbeafe !important;
  border-radius: 10px !important;
  padding: 13px 15px !important;
  font-size: 15px !important;
  color: #334155 !important;
  background: #ffffff !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-login .elementor-field-textual:focus,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login input:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12) !important;
  outline: none !important;
}

.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-login .elementor-button,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login .elementor-button {
  background: linear-gradient(135deg,#1e3a5f 0%,#1e4d8c 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 13px 28px !important;
  font-weight: 700 !important;
  transition: transform .2s, box-shadow .2s !important;
}
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-login .elementor-button:hover,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login .elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(30,58,95,.25) !important;
}

.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-login a,
.elementor-14 .elementor-element.elementor-element-2c19cd5 .elementor-widget-login a {
  color: #3b82f6 !important;
}/* End custom CSS */