.elementor-666 .elementor-element.elementor-element-1b2f5985{--display:flex;}@media(max-width:1024px){.elementor-666 .elementor-element.elementor-element-1b2f5985{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-666 .elementor-element.elementor-element-1b2f5985.e-con{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-1b2f5985 *//* ================== Learn — Cart & Checkout Styling (FINAL ROUNDED + FIXED APPLY) ================== */
:root{
  --brand:#270752;      /* Dark Purple */
  --brand-2:#6b2bd9;    /* Light Purple */
  --ink:#0f172a;
  --line:#ececf6;
}

/* -------- Proceed to Checkout Button -------- */
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward,
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout .button.checkout-button,
.woocommerce .wc-proceed-to-checkout .button.alt.checkout-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:56px;
  padding:14px 24px;
  border-radius:40px !important;
  border:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  box-shadow:0 10px 24px rgba(39,7,82,.22), inset 0 -2px 0 rgba(0,0,0,.12) !important;
  background-color:var(--brand) !important;
  background-image:linear-gradient(90deg, var(--brand) 0%, var(--brand-2) 50%, var(--brand) 100%) !important;
  background-size:200% 100% !important;
  animation:learnBtnGradient 6s linear infinite;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  overflow:hidden;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button::before{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.28) 45%, rgba(255,255,255,0) 60%);
  transform:translateX(-130%);
  animation:learnBtnSheen 2.9s ease-in-out infinite;
  pointer-events:none;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button::after{
  content:"";
  position:absolute; inset:-4px; border-radius:inherit;
  background:radial-gradient(closest-side, rgba(107,43,217,.35), transparent 70%);
  filter:blur(10px); opacity:.55;
  animation:learnBtnPulse 2.6s ease-in-out infinite;
  pointer-events:none; z-index:-1;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(39,7,82,.26), inset 0 -2px 0 rgba(0,0,0,.12) !important;
  filter:saturate(1.08);
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
body.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:active{
  transform:translateY(0);
}

/* -------- Coupon Row -------- */
.woocommerce-cart .cart-collaterals .cart_totals .coupon,
.woocommerce-checkout .checkout_coupon{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:14px;
}

/* Coupon Input */
.woocommerce-cart .cart-collaterals .coupon #coupon_code,
.woocommerce-checkout .checkout_coupon #coupon_code{
  flex:1;
  padding:14px 20px !important;
  border-radius:40px !important;
  border:1.8px solid var(--line) !important;
  font-size:15px;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.woocommerce-cart .cart-collaterals .coupon #coupon_code:focus,
.woocommerce-checkout .checkout_coupon #coupon_code:focus{
  border-color:var(--brand-2) !important;
  box-shadow:0 0 0 3px rgba(107,43,217,.2) !important;
  outline:none;
}

/* Apply Coupon Button */
.woocommerce .cart .coupon button[name="apply_coupon"],
.woocommerce .cart .coupon input[name="apply_coupon"],
.woocommerce-cart .cart-collaterals .cart_totals .coupon .button[name="apply_coupon"],
.woocommerce-cart .cart-collaterals .coupon .button,
.woocommerce-checkout .checkout_coupon .button,
button[name="apply_coupon"],
input[name="apply_coupon"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px 28px !important;
  min-height:50px !important;
  border-radius:40px !important;
  border:0 !important;
  font-weight:700 !important;
  color:#fff !important;
  background-image:linear-gradient(90deg,var(--brand) 0%,var(--brand-2) 100%) !important;
  background-size:200% 100% !important;
  background-color:var(--brand) !important;
  animation:couponBtnGradient 5s linear infinite !important;
  box-shadow:0 6px 16px rgba(39,7,82,.22) !important;
  cursor:pointer !important;
  text-transform:none !important;
  margin-top:-4px !important; /* رفع الزر قليلاً */
}
.woocommerce .cart .coupon button[name="apply_coupon"]:hover,
.woocommerce .cart .coupon input[name="apply_coupon"]:hover,
button[name="apply_coupon"]:hover,
input[name="apply_coupon"]:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(39,7,82,.28) !important;
}
.woocommerce .cart .coupon button[name="apply_coupon"]:active,
.woocommerce .cart .coupon input[name="apply_coupon"]:active,
button[name="apply_coupon"]:active,
input[name="apply_coupon"]:active{
  transform:translateY(0);
  box-shadow:0 6px 16px rgba(39,7,82,.22) !important;
}

/* -------- Animations -------- */
@keyframes learnBtnGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes learnBtnSheen{
  0%{transform:translateX(-130%)}
  55%{transform:translateX(130%)}
  100%{transform:translateX(130%)}
}
@keyframes learnBtnPulse{
  0%,100%{opacity:.45; transform:scale(1)}
  50%{opacity:.75; transform:scale(1.03)}
}
@keyframes couponBtnGradient{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}/* End custom CSS */