.elementor-14731 .elementor-element.elementor-element-2dff6779{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-14731 .elementor-element.elementor-element-2dff6779:not(.elementor-motion-effects-element-type-background), .elementor-14731 .elementor-element.elementor-element-2dff6779 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://comicwarehouse.co.za/wp-content/uploads/2025/11/6a7465fd06fd8d7dda835599c8f435490dbaf61e-1-scaled.jpg");}.elementor-14731 .elementor-element.elementor-element-1cfafa0f{--display:flex;--min-height:676px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:30px 30px 30px 30px;--padding-top:40px;--padding-bottom:40px;--padding-left:60px;--padding-right:0px;--z-index:0;}.elementor-14731 .elementor-element.elementor-element-1cfafa0f:not(.elementor-motion-effects-element-type-background), .elementor-14731 .elementor-element.elementor-element-1cfafa0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-14731 .elementor-element.elementor-element-32a6e6c7{padding:0px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-14731 .elementor-element.elementor-element-32a6e6c7.elementor-element{--align-self:flex-start;}.elementor-14731 .elementor-element.elementor-element-32a6e6c7 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-14731 .elementor-element.elementor-element-32a6e6c7 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-14731 .elementor-element.elementor-element-32a6e6c7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14731 .elementor-element.elementor-element-32a6e6c7 .elementor-icon-list-item > a{font-family:"Figtree", Sans-serif;font-size:16px;font-weight:400;}.elementor-14731 .elementor-element.elementor-element-32a6e6c7 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.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-14731 .elementor-element.elementor-element-5769d5a3{padding:0px 0px 0px 0px;}.elementor-14731 .elementor-element.elementor-element-5769d5a3.elementor-element{--align-self:flex-start;}.elementor-14731 .elementor-element.elementor-element-5769d5a3 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.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 );}.elementor-14731 .elementor-element.elementor-element-21513dd8{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 60px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Figtree", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-14731 .elementor-element.elementor-element-f464761{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -40px;padding:0px 0px 0px 0px;}.elementor-14731 .elementor-element.elementor-element-f464761.elementor-element{--align-self:flex-start;}.elementor-14731 .elementor-element.elementor-element-a5dd3c1{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-14731 .elementor-element.elementor-element-a5dd3c1.elementor-element{--align-self:flex-start;}.elementor-14731 .elementor-element.elementor-element-1204e23d{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-14731 .elementor-element.elementor-element-1204e23d.elementor-element{--align-self:flex-start;}.elementor-14731 .elementor-element.elementor-element-e27f4db{padding:0px 0px 0px 010px;font-family:"Figtree", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-14731 .elementor-element.elementor-element-e27f4db.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-14731 .elementor-element.elementor-element-1cfafa0f{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-14731 .elementor-element.elementor-element-32a6e6c7{padding:0px 0px 0px 50px;}.elementor-14731 .elementor-element.elementor-element-5769d5a3{padding:0px 0px 0px 50px;}.elementor-14731 .elementor-element.elementor-element-21513dd8{width:100%;max-width:100%;}.elementor-14731 .elementor-element.elementor-element-a5dd3c1{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-14731 .elementor-element.elementor-element-1cfafa0f{--width:576px;}}@media(max-width:1024px) and (min-width:768px){.elementor-14731 .elementor-element.elementor-element-2dff6779{--content-width:100%;}.elementor-14731 .elementor-element.elementor-element-1cfafa0f{--width:80%;}}@media(max-width:767px){.elementor-14731 .elementor-element.elementor-element-1cfafa0f{--width:80%;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14731 .elementor-element.elementor-element-32a6e6c7{padding:0px 0px 0px 50px;}.elementor-14731 .elementor-element.elementor-element-5769d5a3{padding:0px 0px 0px 50px;}.elementor-14731 .elementor-element.elementor-element-21513dd8{width:100%;max-width:100%;}.elementor-14731 .elementor-element.elementor-element-a5dd3c1{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-f464761 */.cw-login-notices .cw-close-left{
  /* same positioning as above... */
  width:28px; height:28px; border:0; background:transparent; opacity:.95;
}
.cw-login-notices .cw-close-left:before{
  content:""; display:block; width:100%; height:100%;
  background:url("https://comicwarehouse.co.za/wp-content/uploads/2025/10/XCircle.png")
             center/28px 28px no-repeat;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a5dd3c1 *//* Base notice styling (matches your screenshot) */
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-notices-wrapper{ margin:0 0 18px; }

.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error{
  position:relative;
  list-style:none;
  margin:0;
  padding:18px 18px;             /* base padding */
  border:1px solid #cf5f64;      /* red border */
  background:#fdecee;            /* soft red bg */
  color:#7a1a1a;                 /* deep red text */
  border-radius:14px;
  line-height:1.55;
  font-size:16px;
}

/* Remove default <li> spacing inside Woo's <ul> */
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error li{ margin:0; padding:0; }

/* Make bold lead text pop (e.g., <strong>Sign Up Failed.</strong>) */
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error strong{ font-weight:700; }

/* LEFT close button — uses your PNG icon */
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error{ padding-left:64px; }     /* room for the button */
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error .cw-close-left{
  position:absolute;
  left:16px;                         /* left-aligned inside container */
  top:50%;
  transform:translateY(-50%);
  width:28px; height:28px;
  border:0; padding:0; margin:0;
  background:transparent;
  cursor:pointer;
  opacity:.95;
}
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error .cw-close-left::before{
  content:"";
  display:block;
  width:100%; height:100%;
  background-image:url("https://comicwarehouse.co.za/wp-content/uploads/2025/10/XCircle.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:28px 28px;
}
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error .cw-close-left:hover{ opacity:1; }

/* If you previously added decorative ::before/::after icons, hide them */
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error::before,
.elementor-14731 .elementor-element.elementor-element-a5dd3c1 .woocommerce-error::after{ display:none !important; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1204e23d *//* Layout the Woo login form as a grid */
.cw-signin .woocommerce-form.woocommerce-form-login.login{
  display:grid;
  grid-template-columns: 1fr auto; /* col1 = remember, col2 = forgot */
  grid-auto-rows:auto;
  gap:16px 20px;
  border:0; padding:0; margin:0;
}

/* Username & password rows should span full width */
.cw-signin .woocommerce-form-login .form-row-wide{
  grid-column:1 / -1;
  margin:0 0 2px;
}

/* The row that contains the submit button will get .cw-submit-row (see JS below) */
.cw-signin .woocommerce-form-login .cw-submit-row{ 
  display: contents; /* flatten: its children become grid items of the form */
}

/* Remember me (label with checkbox) → left cell */
.cw-signin .woocommerce-form__label-for-checkbox{
  grid-column:1 / 2;
  align-self:center;
}

/* Forgot password? → right cell on same row */
.cw-signin .woocommerce-form-login .lost_password{
  grid-column:2 / 3;
  align-self:center;
  justify-self:end;
  margin:0;
}

/* Login button → next row, full width */
.cw-signin .woocommerce-form-login .woocommerce-form-login__submit{
  grid-column:1 / -1;
  width:100%;
  height:56px;
  border-radius:9999px;
  background:#241f1f;
  color:#fff;
  font-weight:600;
  font-size:16px;
  border:0;
  cursor:pointer;
  transition:background .2s ease, transform .1s ease;
}
.cw-signin .woocommerce-form-login .woocommerce-form-login__submit:hover{
  background:#151313;
  transform:translateY(-1px);
}

/* Optional polish */
.cw-signin .woocommerce-form-login input.input-text{
  width:100%; height:56px; padding:14px 16px;
  background:#f5f5f7; border:1px solid #e6e6ea; border-radius:14px;
}
.cw-signin .woocommerce form .clear{ display:none; } /* hide Woo's clearfix div *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dff6779 *//* ===== Card layout ===== */
.cw-signin{
  max-width: 560px;
  margin: 6rem auto;
  background:#fff;
  border-radius: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: 36px 40px;
}

/* Headings & intro copy (optional, if you added them as Elementor widgets) */
.cw-signin .elementor-heading-title{font-size:42px;line-height:1.1;font-weight:800;margin:0 0 10px;color:#111;}
.cw-signin .intro{color:#444;margin:0 0 24px;font-size:16px;}

/* ===== Woo login form ===== */
.cw-signin .woocommerce-form.woocommerce-form-login.login{
  border:0; padding:0; margin:0;
}

/* Labels */
.cw-signin .woocommerce-form-login label{
  display:inline-block;
  font-size:14px;
  color:#333;
  margin:0 0 8px;
}

/* Inputs (wide, rounded) */
.cw-signin .woocommerce-form-login input.input-text{
  width:100%;
  height:56px;
  padding:14px 16px;
  font-size:15px;
  background:#f5f5f7;
  border:1px solid #e6e6ea;
  border-radius:14px;
  outline:0;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.cw-signin .woocommerce-form-login input.input-text:focus{
  background:#fff;
  border-color:#c7b7ff;                    /* subtle purple focus */
  box-shadow:0 0 0 4px rgba(124,58,236,.12);
}

/* Space between rows */
.cw-signin .woocommerce form .form-row{ margin:0 0 18px; }

/* Make first/last rows full width (Woo sometimes sets 48%) */
.cw-signin .woocommerce form .form-row-first,
.cw-signin .woocommerce form .form-row-last{ width:100%; float:none; }

/* Remember + Lost password on one line */
.cw-signin .woocommerce form .form-row.rememberme-row,
.cw-signin .woocommerce-form-login .form-row:last-of-type{ margin-bottom:0; }

.cw-signin .woocommerce-form-login .form-row:nth-last-of-type(2){
  display:flex; align-items:center; justify-content:space-between;
  margin:12px 0 20px;
}

/* Checkbox */
.cw-signin .woocommerce-form__label-for-checkbox{
  display:flex; align-items:center; gap:.6rem; cursor:pointer;
  user-select:none;
  font-size:14px; color:#333;
}
.cw-signin .woocommerce-form__label-for-checkbox input[type="checkbox"]{
  width:20px; height:20px; border-radius:6px;
  border:1px solid #c9c9cf; appearance:none; display:inline-block;
  background:#fff; position:relative; outline:0;
}
.cw-signin .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked{
  background:#7c3aec; border-color:#7c3aec;
}
.cw-signin .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::after{
  content:""; position:absolute; inset:0;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 10"><path fill="white" d="M4.3 9.2.7 5.6l1.4-1.4 2.2 2.2 5-5L10.7.7z"/></svg>') center / 12px 10px no-repeat;
  background:#fff;
}

/* Lost password link */
.cw-signin .woocommerce-LostPassword a{
  color:#6d28d9; text-decoration:none; font-size:14px;
}
.cw-signin .woocommerce-LostPassword a:hover{ text-decoration:underline; }

/* Login button — pill, full width, dark */
.cw-signin .woocommerce-form-login button.woocommerce-button.button{
  width:100%;
  height:56px;
  border-radius:9999px;
  background:#241f1f;
  color:#fff; font-weight:600; font-size:16px;
  border:0; cursor:pointer;
  transition:transform .1s ease, background .2s ease;
}
.cw-signin .woocommerce-form-login button.woocommerce-button.button:hover{
  background:#151313; transform:translateY(-1px);
}

/* Notices keep the soft look */
.cw-signin .woocommerce-error,
.cw-signin .woocommerce-info,
.cw-signin .woocommerce-message{ border-radius:12px; }

/* Small screens */
@media (max-width: 480px){
  .cw-signin{ padding:28px 22px; border-radius:20px; }
  .cw-signin .elementor-heading-title{ font-size:34px; }
}/* End custom CSS */