.elementor-59 .elementor-element.elementor-element-2c14b638{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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 );}/* Start custom CSS for text-editor, class: .elementor-element-53096bd7 *//* ============================================================
   ULTIMATE MEMBER — PREMIUM LOGIN CSS
   Paste this in: WordPress Admin → Appearance → Customize →
   Additional CSS   (ya)   Ultimate Member → Settings → Licenses/
   Appearance → Custom CSS box

   Fonts: is CSS ko kaam karne ke liye Sora + Inter Google Fonts
   apni theme ke functions.php ya Elementor > Custom Fonts se
   enqueue kar lena. Agar font load nahi hoga to normal system
   font pe fallback ho jayega, design phir bhi kaam karega.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --umx-navy:#0B1E39;
  --umx-navy-2:#122A4D;
  --umx-blue:#2F6FED;
  --umx-blue-dark:#1E56C9;
  --umx-teal:#12B8A6;
  --umx-offwhite:#F5F8FC;
  --umx-slate:#1B2A41;
  --umx-slate-light:#5C6B82;
  --umx-border:#E3E9F2;
}

/* Page background behind the login form (Ultimate Member wraps
   everything in .um and .um-login) */
.um.um-login{
  max-width:420px !important;
  margin:40px auto !important;
  background:#ffffff;
  border:none !important;
  border-radius:20px !important;
  padding:36px 32px 28px !important;
  box-shadow:0 24px 60px rgba(6,20,45,0.25), 0 2px 0 rgba(255,255,255,0.6) inset;
  position:relative;
}

.um.um-login::before{
  content:"";
  position:absolute;
  top:0;left:24px;right:24px;height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg, var(--umx-blue), var(--umx-teal));
}

/* Field labels */
.um.um-login .um-field-label{
  font-family:'Inter', sans-serif !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  color:var(--umx-slate) !important;
  letter-spacing:0.2px;
  margin-bottom:7px !important;
}

/* Text + password inputs */
.um.um-login .um-field-area input[type="text"],
.um.um-login .um-field-area input[type="email"],
.um.um-login .um-field-area input[type="password"]{
  width:100% !important;
  border:1.5px solid var(--umx-border) !important;
  border-radius:12px !important;
  background:var(--umx-offwhite) !important;
  padding:13px 14px !important;
  font-size:14.5px !important;
  font-family:'Inter', sans-serif !important;
  color:var(--umx-slate) !important;
  box-shadow:none !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.um.um-login .um-field-area input[type="text"]:focus,
.um.um-login .um-field-area input[type="email"]:focus,
.um.um-login .um-field-area input[type="password"]:focus{
  border-color:var(--umx-blue) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(47,111,237,0.12) !important;
  outline:none !important;
}

/* Password eye-toggle icon Ultimate Member injects */
.um.um-login .um-icon-eye,
.um.um-login .um-icon-eye-slash{
  color:var(--umx-slate-light) !important;
}

/* Remember me checkbox row */
.um.um-login .um-field-checkbox label{
  font-size:13px !important;
  color:var(--umx-slate-light) !important;
  font-weight:500 !important;
}

/* Submit / Login button */
.um.um-login .um-login-btn,
.um.um-login button[name="submit"],
.um.um-login .um-button{
  width:100% !important;
  border:none !important;
  border-radius:12px !important;
  padding:14px !important;
  font-family:'Inter', sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  color:#fff !important;
  letter-spacing:0.2px;
  cursor:pointer;
  background:linear-gradient(90deg, var(--umx-blue), var(--umx-teal)) !important;
  box-shadow:0 10px 24px rgba(47,111,237,0.35) !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.um.um-login .um-login-btn:hover,
.um.um-login button[name="submit"]:hover,
.um.um-login .um-button:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(47,111,237,0.45) !important;
  filter:brightness(1.05);
}

/* Register / Forgot password links */
.um.um-login a{
  color:var(--umx-blue-dark) !important;
  font-weight:600 !important;
  font-size:13.5px !important;
  text-decoration:none !important;
}
.um.um-login a:hover{
  text-decoration:underline !important;
}

/* ============================================================
   FULL PAGE BACKGROUND + LOGO — pehle wale CSS mein ye reh gaya
   tha. Ultimate Member khud <body> tag pe "um-page-login" class
   daal deta hai, isliye seedha body target kar rahe hain.
   ============================================================ */
body.um-page-login{
  background:
    radial-gradient(circle at 15% 20%, rgba(47,111,237,0.35), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(18,184,166,0.30), transparent 45%),
    linear-gradient(160deg, var(--umx-navy) 0%, var(--umx-navy-2) 55%, #0E2340 100%) !important;
  min-height:100vh !important;
  padding:100px 16px 60px !important;
  position:relative;
}

body.um-page-login::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:radial-gradient(rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size:26px 26px;
  pointer-events:none;
  z-index:0;
}

body.um-page-login::after{
  content:"🛡  CART-ZENO";
  position:absolute;
  top:38px;left:50%;
  transform:translateX(-50%);
  font-family:'Sora', sans-serif !important;
  font-weight:700;
  font-size:19px;
  letter-spacing:0.5px;
  color:#ffffff;
  z-index:2;
}

.um.um-login{
  position:relative;
  z-index:1;
}

/* Agar theme ka white wrapper background dikhta rahe, exact class
   inspector se nikal ke yahan uncomment karke daal do: */
/*
.um-page-login .elementor-widget-shortcode,
.um-page-login .e-con-inner{
  background:transparent !important;
}
*/

/* Optional: wrap the whole login page section in a dark gradient
   backdrop. Add class "um-premium-bg" to the page/section that
   holds the login shortcode (via Elementor advanced > CSS classes,
   or a page builder wrapper) to activate this. */
.um-premium-bg{
  background:
    radial-gradient(circle at 15% 20%, rgba(47,111,237,0.35), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(18,184,166,0.30), transparent 45%),
    linear-gradient(160deg, var(--umx-navy) 0%, var(--umx-navy-2) 55%, #0E2340 100%) !important;
  padding:60px 16px !important;
}/* End custom CSS */