/* KIDZORA - LIGHT COLORFUL AUTO THEME v3 */
:root{
  --kz-ink:#24304a;
  --kz-purple:#6d5ce7;
  --kz-pink:#ef5da8;
  --kz-blue:#4f8cff;
  --kz-cyan:#39c6d8;
  --kz-green:#42c98a;
  --kz-yellow:#f6c85f;
  --kz-orange:#f59a62;
}

html,body{min-height:100%;}
html{background:#eef5ff!important;}
body{
  margin:0!important;
  color:var(--kz-ink)!important;
  background:
    linear-gradient(120deg,
      rgba(255,235,245,.96),
      rgba(232,241,255,.96),
      rgba(231,255,247,.96),
      rgba(255,248,224,.96),
      rgba(243,235,255,.96)
    )!important;
  background-size:420% 420%!important;
  animation:kzLightFlow 22s ease-in-out infinite!important;
  background-attachment:fixed!important;
  position:relative!important;
}

body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background:
    radial-gradient(circle at 10% 15%,rgba(255,120,190,.20),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(90,150,255,.18),transparent 25%),
    radial-gradient(circle at 72% 82%,rgba(70,220,170,.17),transparent 25%),
    radial-gradient(circle at 20% 85%,rgba(255,205,90,.16),transparent 24%);
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:rgba(255,255,255,.08);
}
@keyframes kzLightFlow{
  0%{background-position:0% 50%}
  25%{background-position:50% 100%}
  50%{background-position:100% 50%}
  75%{background-position:50% 0%}
  100%{background-position:0% 50%}
}

/* Keep page sections transparent so the animated background is visible before login too. */
main,.main,.section,.content,.page,.page-content,.dashboard-content,.dashboard-main,
.container-fluid,.site-main{background:transparent!important;}

/* Light glass surfaces, not solid white blocks */
.card,.product-card,.box,.panel,.section-card,.feature,.category,.modal-content,
.checkout-card,.cart-card,.welcome-card,.dashboard-card{
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 14px 34px rgba(70,80,150,.12)!important;
}

/* Navigation: readable colorful theme */
.nav,.topbar,header,.header,.navbar{
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(244,237,255,.94),rgba(232,247,255,.94),rgba(255,240,247,.94))!important;
  border-bottom:1px solid rgba(95,80,170,.12)!important;
  box-shadow:0 7px 24px rgba(67,77,135,.12)!important;
  color:#25304a!important;
}
.brand,.brand:visited{
  color:#b4001e!important;
  text-decoration:none!important;
  font-weight:950!important;
  letter-spacing:-.4px!important;
  text-shadow:0 1px 0 #fff, 0 2px 5px rgba(120,0,20,.14)!important;
  -webkit-text-fill-color:#b4001e!important;
}
.brand span{
  color:#d10a2c!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#d10a2c!important;
  font-weight:950!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  font-weight:900!important;
}
.navlinks a{color:#27324b!important;}
.menu-btn{color:#5a3fc2!important;background:rgba(255,255,255,.82)!important;}

/* Product areas */
.grid .card,.card{background:rgba(255,255,255,.78)!important;}
.grid .card img,.pimg{background:rgba(255,255,255,.34)!important;}

/* Buttons */
button,.btn,.button,input[type=submit],.checkout-btn,.proceed-btn{
  border:0!important;border-radius:14px!important;
  color:#fff!important;font-weight:800!important;cursor:pointer!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.btn-cart,.cart-btn,.add-cart,.add-to-cart,.primary:not(.buy-now-btn){
  background:linear-gradient(135deg,#f5a623,#f26d55)!important;
}
.btn-buy,.buy-now,.buy-now-btn,.checkout-btn,.proceed-btn{
  background:linear-gradient(135deg,#22b573,#2e8fe8)!important;
}
button:hover,.btn:hover,.button:hover,input[type=submit]:hover,.checkout-btn:hover{
  transform:translateY(-2px)!important;filter:saturate(1.08)!important;
  box-shadow:0 10px 22px rgba(67,80,150,.18)!important;
}

input,select,textarea{background:rgba(255,255,255,.90)!important;color:#26324c!important;}

footer,.footer{background:linear-gradient(90deg,#4e3b9f,#b44991,#df7b55)!important;color:#fff!important;}

/* Never let an old solid section hide the animated background */
.hero,.categories,.products,.shop-section,.all-products,.dashboard-section{background:transparent!important;}

@media(max-width:650px){
  body{background-size:650% 650%!important;}
}

/* Final readability pass */
.brand,.brand:visited{color:#b4001e!important;-webkit-text-fill-color:#b4001e!important;font-weight:950!important;text-shadow:0 1px 0 #fff,0 2px 6px rgba(80,0,15,.12)!important;}
.brand span{color:#d10a2c!important;-webkit-text-fill-color:#d10a2c!important;font-weight:950!important;text-shadow:0 1px 0 #fff!important;}