/* ============================================
   دکمه‌های اصلی — «لبه‌ی نورانی»
   یک قطره‌ی نور طلایی آرام دور لبه‌ی دکمه می‌گردد (الهام از Moving Border)
   فقط برای دکمه‌های اصلی؛ آیکن‌ها و دکمه‌های کوچک عمداً ساده می‌مانند.

   دو حالت:
   - تیره (پس‌زمینه‌ی زمردی): لبه‌ی طلایی کم‌رنگ + نور شامپاینی
   - طلایی (دکمه‌ی خرید): لبه‌ی طلایی تیره‌تر + نور سفیدِ گرم
   این فایل بعد از همه‌ی CSSها لود می‌شود (inc/setup.php).
   ============================================ */

/* ---------- دکمه و لینک پایه‌ی برند (همه‌ی صفحه‌ها) ---------- */
.ll-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 38px;
  border: 1px solid var(--lux-gold-border);
  border-radius: 999px;
  color: var(--lux-champagne) !important;
  font-size: 14px;
  letter-spacing: .03em;
  background: radial-gradient(120% 140% at 50% -30%, rgba(240, 220, 174, .0), transparent 60%);
  transition: border-color .6s var(--lux-transition), background .6s var(--lux-transition), color .6s var(--lux-transition);
}
.ll-btn:hover {
  border-color: var(--lux-gold);
  background: radial-gradient(120% 140% at 50% -30%, rgba(240, 220, 174, .22), transparent 60%);
}
.ll-btn--gold {
  border: 0;
  color: #06130D !important;
  font-weight: 600;
  background: linear-gradient(135deg, #F0DCAE 0%, #C7A46A 55%, #A9864F 100%);
  box-shadow: 0 18px 40px -18px rgba(199, 164, 106, .6);
}
.ll-btn--gold:hover {
  background: linear-gradient(135deg, #F6E7C3 0%, #D4B27A 55%, #B48F55 100%);
}

.ll-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--lux-champagne) !important;
  font-size: 14px;
  padding-bottom: 4px;
  background: linear-gradient(90deg, var(--lux-gold), var(--lux-gold)) 100% 100% / 0 1px no-repeat;
  transition: background-size .6s var(--lux-transition), gap .5s var(--lux-transition);
}
.ll-link svg { width: 16px; height: 16px; }
.ll-link:hover { background-size: 100% 1px; gap: 12px; }


@property --ll-mb-a {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes llMovingBorder {
  to { --ll-mb-a: 360deg; }
}

/* ---------- فهرست دکمه‌ها ---------- */
.ll-btn,
.ll-hall__skip,
.ll-shop-hero__cta,
.ll-cart-side__checkout,
.ll-cart-side__empty-btn,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.ll-pdp-bar__cta,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button {
  --ll-mb-base: rgba(199, 164, 106, .3);
  --ll-mb-glow: rgba(240, 220, 174, .9);
  --ll-mb-head: #F6E7C3;
  --ll-mb-w: 1.5px;
  --ll-mb-speed: 6.5s;
  isolation: isolate;
}

/* دکمه‌های طلایی */
.ll-btn--gold,
.ll-pdp-bar__cta,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button {
  --ll-mb-base: rgba(110, 84, 46, .85);
  --ll-mb-glow: rgba(255, 249, 235, .95);
  --ll-mb-w: 2px;
  --ll-mb-head: #FFFDF6;
}

/* موقعیت (به‌جز دکمه‌هایی که خودشان absolute هستند) */
.ll-btn,
.ll-shop-hero__cta,
.ll-cart-side__checkout,
.ll-cart-side__empty-btn,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.ll-pdp-bar__cta,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button {
  position: relative;
}

/* کادر قبلی شفاف می‌شود؛ لبه را لایه‌ی نور می‌کشد */
.ll-btn, .ll-btn:hover, .ll-btn:focus-visible,
.ll-hall.is-3d .ll-hall__skip, .ll-hall.is-3d .ll-hall__skip:hover,
.ll-shop-hero__cta, .ll-shop-hero__cta:hover, .ll-shop-hero__cta:focus,
.ll-cart-side__checkout, .ll-cart-side__checkout:hover,
.ll-cart-side__empty-btn, .ll-cart-side__empty-btn:hover,
.wc-block-cart__submit-button, .wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button, .wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:not(.is-link):hover,
.wc-block-components-button.wc-block-components-checkout-place-order-button:not(.is-link):hover,
.ll-pdp-bar__cta, .ll-pdp-bar__cta:hover,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button:hover {
  border: 1px solid transparent !important;
}

/* سبد کناری: درخشش قبلی جایش را به لبه‌ی نورانی می‌دهد */
.ll-cart-side__checkout { overflow: visible !important; }
.ll-cart-side__checkout::after { display: none !important; }

/* ---------- لایه‌ی نور ---------- */
.ll-btn::before,
.ll-hall__skip::before,
.ll-shop-hero__cta::before,
.ll-cart-side__checkout::before,
.ll-cart-side__empty-btn::before,
.wc-block-cart__submit-button::before,
.wc-block-components-checkout-place-order-button::before,
.ll-pdp-bar__cta::before,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -1.5px;
  padding: var(--ll-mb-w);
  border-radius: inherit;
  pointer-events: none;
  background:
    conic-gradient(from var(--ll-mb-a),
      transparent 0deg,
      transparent 220deg,
      rgba(199, 164, 106, .4) 278deg,
      var(--ll-mb-glow) 326deg,
      var(--ll-mb-head) 346deg,
      transparent 358deg),
    linear-gradient(var(--ll-mb-base), var(--ll-mb-base));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask-composite: exclude;
  opacity: .85;
  animation: llMovingBorder var(--ll-mb-speed) linear infinite;
  transition: opacity .5s var(--lux-transition);
}

/* هر دکمه از نقطه‌ی متفاوتی شروع کند تا همه هم‌زمان نچرخند */
.ll-shop-hero__cta::before,
.wc-block-cart__submit-button::before         { animation-delay: -1.6s; }
.ll-cart-side__checkout::before,
.ll-btn--gold::before                         { animation-delay: -3.3s; }
.ll-pdp-bar__cta::before                      { animation-delay: -4.9s; }

.ll-btn:hover::before,
.ll-hall__skip:hover::before,
.ll-shop-hero__cta:hover::before,
.ll-cart-side__checkout:hover::before,
.ll-cart-side__empty-btn:hover::before,
.wc-block-cart__submit-button:hover::before,
.wc-block-components-checkout-place-order-button:hover::before,
.ll-pdp-bar__cta:hover::before,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button:hover::before {
  opacity: 1;
}

/* متن و آیکن دکمه بالای لایه‌ی نور */
.ll-btn > *,
.ll-hall__skip > *,
.ll-shop-hero__cta > *,
.ll-cart-side__checkout > *,
.ll-cart-side__empty-btn > * {
  position: relative;
  z-index: 2;
}

/* دکمه‌ی غیرفعال یا در حال افزودن: نور خاموش */
.ll-pdp-bar__cta:disabled::before,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button:disabled::before,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button.disabled::before,
.woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button.is-loading::before {
  animation: none;
  opacity: .5;
}

/* «کاهش حرکت»: فقط لبه‌ی ثابت */
@media (prefers-reduced-motion: reduce) {
  .ll-btn::before,
  .ll-hall__skip::before,
  .ll-shop-hero__cta::before,
  .ll-cart-side__checkout::before,
  .ll-cart-side__empty-btn::before,
  .wc-block-cart__submit-button::before,
  .wc-block-components-checkout-place-order-button::before,
  .ll-pdp-bar__cta::before,
  .woocommerce div.product .ll-pdp-info__buy form.cart .single_add_to_cart_button::before {
    animation: none;
    --ll-mb-a: 200deg;
  }
}
