.elementor-15658 .elementor-element.elementor-element-faa8cb9{--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;--justify-content:center;--align-items:center;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-15658 .elementor-element.elementor-element-faa8cb9:not(.elementor-motion-effects-element-type-background), .elementor-15658 .elementor-element.elementor-element-faa8cb9 > .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-15658 .elementor-element.elementor-element-faa8cb9.e-con{--align-self:center;}.elementor-15658 .elementor-element.elementor-element-c4a21c8{--display:flex;--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:60px;--padding-bottom:00px;--padding-left:40px;--padding-right:40px;--z-index:0;}.elementor-15658 .elementor-element.elementor-element-c4a21c8:not(.elementor-motion-effects-element-type-background), .elementor-15658 .elementor-element.elementor-element-c4a21c8 > .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-15658 .elementor-element.elementor-element-83561f4{padding:0px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-15658 .elementor-element.elementor-element-83561f4.elementor-element{--align-self:flex-start;}.elementor-15658 .elementor-element.elementor-element-83561f4 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-15658 .elementor-element.elementor-element-83561f4 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-15658 .elementor-element.elementor-element-83561f4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-15658 .elementor-element.elementor-element-83561f4 .elementor-icon-list-item > a{font-family:"Figtree", Sans-serif;font-size:16px;font-weight:400;}.elementor-15658 .elementor-element.elementor-element-83561f4 .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-15658 .elementor-element.elementor-element-80dc093{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -31px) 0px;padding:0px 0px 0px 0px;}.elementor-15658 .elementor-element.elementor-element-80dc093.elementor-element{--align-self:flex-start;}.elementor-15658 .elementor-element.elementor-element-80dc093 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-15658 .elementor-element.elementor-element-433e7ff{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15658 .elementor-element.elementor-element-4ae8143{width:100%;max-width:100%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15658 .elementor-element.elementor-element-c4a21c8{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}}@media(min-width:768px){.elementor-15658 .elementor-element.elementor-element-c4a21c8{--width:576px;}}@media(max-width:1024px) and (min-width:768px){.elementor-15658 .elementor-element.elementor-element-c4a21c8{--width:80%;}}@media(max-width:767px){.elementor-15658 .elementor-element.elementor-element-c4a21c8{--width:80%;--min-height:475px;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-433e7ff *//* Base wrapper spacing */
.woocommerce-notices-wrapper { margin: 0 0 16px; }

/* ========== ERROR (red) ========== */
.woocommerce-notices-wrapper ul.woocommerce-error {
  display: block;
  position: relative;
  margin: 0;
  padding: 14px 16px 14px 44px; /* left space for icon */
  border: 1px solid #ef4444;    /* red border */
  background: #fee2e2;          /* light red bg */
  color: #7a1220;               /* dark red text */
  border-radius: 10px;
  line-height: 1.5;
}
.woocommerce-notices-wrapper ul.woocommerce-error li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-notices-wrapper ul.woocommerce-error::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  /* Red-circle X icon */
  background: #ef4444;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" fill="none" stroke="%23ef4444"/><path d="M15 9l-6 6M9 9l6 6" stroke="%23ef4444"/></svg>') no-repeat center / contain;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" fill="none" stroke="%23ef4444"/><path d="M15 9l-6 6M9 9l6 6" stroke="%23ef4444"/></svg>') no-repeat center / contain;
}

/* ========== SUCCESS (green), INFO (blue/gray) — optional but nice ========== */
.woocommerce-notices-wrapper ul.woocommerce-message {
  display:block; margin:0; padding:14px 16px; border:1px solid #16a34a;
  background:#ecfdf5; color:#065f46; border-radius:10px;
}
.woocommerce-notices-wrapper ul.woocommerce-info {
  display:block; margin:0; padding:14px 16px; border:1px solid #3b82f6;
  background:#eff6ff; color:#1e3a8a; border-radius:10px;
}

/* Prevent global theme resets from collapsing lists */
.woocommerce-notices-wrapper ul { list-style:none; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4ae8143 *//* 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 */


/* Tighten spacing if needed */
.woocommerce-notices-wrapper { margin: 0 0 16px; }
.woocommerce-notices-wrapper ul.woocommerce-error { margin: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-faa8cb9 *//* ===== 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 */