.elementor-4431 .elementor-element.elementor-element-a6c4472{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-a6c4472 */.elementor-4431 .elementor-element.elementor-element-a6c4472{
  max-width: 620px;
  margin: 70px auto;
  padding: 0 16px;
  position: relative;
}

/* Switch */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .rt-auth-switch{
  display:flex !important;
  gap:10px !important;
  margin:0 0 14px 0 !important;
  padding:10px !important;
  border-radius:18px !important;
  background: rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter: blur(10px);
}

.elementor-4431 .elementor-element.elementor-element-a6c4472 .rt-auth-btn{
  border:0 !important;
  cursor:pointer !important;
  flex:1 !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  font-weight:900 !important;
  background:transparent !important;
  opacity:.75 !important;
  transition: transform .18s ease, background .18s ease, opacity .18s ease, box-shadow .18s ease;
}

.elementor-4431 .elementor-element.elementor-element-a6c4472 .rt-auth-btn:hover{ transform: translateY(-2px); opacity:.95 !important; }

.elementor-4431 .elementor-element.elementor-element-a6c4472 .rt-auth-btn.is-active{
  opacity:1 !important;
  background: rgba(99,102,241,.14) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.28) !important;
}

/* stage */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .u-columns{
  display:block !important;              /* خیلی مهم */
  position:relative !important;
  overflow:hidden !important;
  border-radius:22px !important;
}

/* slides */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .u-column1,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .u-column2{
  width:100% !important;
  float:none !important;
  margin:0 !important;

  position:absolute !important;
  top:0 !important;
  left:0 !important;

  transition: transform .55s cubic-bezier(.2,.9,.2,1), opacity .35s ease, filter .35s ease !important;
  will-change: transform, opacity;
}

.elementor-4431 .elementor-element.elementor-element-a6c4472 .u-column1{ transform: translateX(0%) !important; opacity:1 !important; filter: blur(0) !important; }
.elementor-4431 .elementor-element.elementor-element-a6c4472 .u-column2{ transform: translateX(115%) !important; opacity:0 !important; filter: blur(6px) !important; pointer-events:none !important; }

.elementor-4431 .elementor-element.elementor-element-a6c4472.rt-show-register .u-column1{ transform: translateX(-115%) !important; opacity:0 !important; filter: blur(6px) !important; pointer-events:none !important; }
.elementor-4431 .elementor-element.elementor-element-a6c4472.rt-show-register .u-column2{ transform: translateX(0%) !important; opacity:1 !important; filter: blur(0) !important; pointer-events:auto !important; }

/* card */
.elementor-4431 .elementor-element.elementor-element-a6c4472 form.login,
.elementor-4431 .elementor-element.elementor-element-a6c4472 form.register{
  background: rgba(15,23,42,.72);
  border: 1px solid rgba(148,163,184,.18);
  border-radius:22px;
  padding:26px;
  box-shadow:0 22px 70px rgba(0,0,0,.38);
}

/* social icons */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a{ width:58px !important; height:58px !important; overflow:hidden !important; }
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login img{ width:30px !important; height:30px !important; object-fit:contain !important; display:block !important; }
/* ===== Social icons: hard force small (Google/GitHub) ===== */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social-icon{
  width: 56px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* روی خود عکس‌ها (کوچک و داخل باکس) */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a img,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login img{
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  object-fit: contain !important;
  display: block !important;
}

/* اگر بعضی آیکون‌ها SVG/WebP عجیب باشند و کش بیارن */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a picture,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login picture,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login svg{
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
}
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a *{
  max-width: 26px !important;
  max-height: 26px !important;
}
/* ========= ULTIMATE: force shrink any social icon (img/bg/:before) ========= */

/* 1) خود باکس‌های سوشال */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social-icon,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .yith-wcsl-social{
  width: 56px !important;
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  font-size: 0 !important; /* اگر آیکن با فونت/متن میاد */
}

/* 2) اگر آیکن با background-image میاد */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social-icon{
  background-size: 26px 26px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 3) اگر آیکن با pseudo-element ساخته شده */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a:before,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a:after,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social:before,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social:after,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social-icon:before,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login .social-icon:after{
  width: 26px !important;
  height: 26px !important;
  background-size: 26px 26px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 4) اگر واقعاً img / svg / picture هست */
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login img,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login a img,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login svg,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login picture,
.elementor-4431 .elementor-element.elementor-element-a6c4472 .yith-wc-social-login picture img{
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  object-fit: contain !important;
  display: block !important;
}

/* 5) قفل نهایی روی خود فایل‌های Google/GitHub (حتی اگر بیرون از کلاس‌ها باشند) */
.elementor-4431 .elementor-element.elementor-element-a6c4472 img[alt="Google"],
.elementor-4431 .elementor-element.elementor-element-a6c4472 img[alt="GitHub"],
.elementor-4431 .elementor-element.elementor-element-a6c4472 img[src*="Google__G__logo"],
.elementor-4431 .elementor-element.elementor-element-a6c4472 img[src*="github"]{
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  object-fit: contain !important;
  display: block !important;
}/* End custom CSS */