/* =====================================================
   Delsapay Custom Design v2 — Modern Minimal Dark
   ===================================================== */
:root {
  --dpg-bg: #0B1220;
  --dpg-card: #111B31;
  --dpg-card-2: #0F172A;
  --dpg-border: rgba(148,163,184,.14);
  --dpg-grad: linear-gradient(135deg, #7C3AED 0%, #4F46E5 100%);
  --dpg-gold: #F59E0B;
  --dpg-text: #E2E8F0;
  --dpg-dim: #94A3B8;
  --dpg-radius: 20px;
}

body {
  background: var(--dpg-bg) !important;
  color: var(--dpg-text);
}

/* ===== فاصله سکشن‌ها ===== */
.elementor-top-section {
  padding: 90px 24px !important;
}
.elementor-element-a1b2c3d001 { /* Hero */
  padding: 130px 24px 100px !important;
}

/* ===== Hero ===== */
.elementor-element-a1b2c3d001 .elementor-heading-title {
  line-height: 1.35 !important;
}
.elementor-element-a1b2c3d001 .elementor-widget-heading h1,
.elementor-element-a1b2c3d001 .elementor-heading-title[style*="color"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #C4B5FD 50%, #818CF8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.elementor-element-a1b2c3d001 img {
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(124,58,237,.25), 0 10px 30px rgba(0,0,0,.5);
  animation: dpgFloat 6s ease-in-out infinite;
}

/* ===== عنوان‌های سکشن ===== */
.elementor-widget-heading .elementor-heading-title {
  letter-spacing: -0.3px;
}

/* ===== Icon Boxes — آیکون‌ها واضح و جذاب ===== */
.elementor-widget-icon-box {
  background: var(--dpg-card) !important;
  border: 1px solid var(--dpg-border) !important;
  border-radius: var(--dpg-radius) !important;
  padding: 34px 26px !important;
  box-shadow: 0 10px 40px rgba(2,6,23,.45) !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  position: relative;
  overflow: hidden;
}
.elementor-widget-icon-box::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(600px circle at 20% 0%, rgba(124,58,237,.12), transparent 40%);
  opacity: 0;
  transition: opacity .4s ease;
  pointer-events: none;
}
.elementor-widget-icon-box:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(139,92,246,.45) !important;
  box-shadow: 0 24px 60px rgba(124,58,237,.22), 0 10px 30px rgba(2,6,23,.5) !important;
}
.elementor-widget-icon-box:hover::before { opacity: 1; }

.elementor-icon-box-icon {
  margin-bottom: 20px !important;
}
.elementor-icon-box-icon .elementor-icon {
  width: 68px !important;
  height: 68px !important;
  border-radius: 18px !important;
  background: var(--dpg-grad) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px !important;
  color: #fff !important;
  box-shadow: 0 10px 30px rgba(124,58,237,.4) !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
  line-height: 1;
}
.elementor-widget-icon-box:hover .elementor-icon {
  transform: scale(1.08) rotate(-4deg);
  box-shadow: 0 14px 40px rgba(124,58,237,.55) !important;
}
.elementor-icon-box-icon .elementor-icon i,
.elementor-icon-box-icon .elementor-icon svg {
  color: #fff !important;
  fill: #fff !important;
}

.elementor-icon-box-title {
  margin-bottom: 10px !important;
}
.elementor-icon-box-title .elementor-icon-box-title {
  color: #F1F5F9 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}
.elementor-icon-box-description {
  color: var(--dpg-dim) !important;
  font-size: 14.5px !important;
  line-height: 1.9 !important;
}

/* ===== کارت‌های محصول (WooCommerce) ===== */
.products .product,
ul.products li.product {
  background: var(--dpg-card) !important;
  border: 1px solid var(--dpg-border) !important;
  border-radius: var(--dpg-radius) !important;
  padding: 18px 18px 24px !important;
  box-shadow: 0 10px 36px rgba(2,6,23,.4) !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  overflow: hidden;
}
.products .product:hover,
ul.products li.product:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(139,92,246,.5) !important;
  box-shadow: 0 26px 60px rgba(124,58,237,.2), 0 12px 30px rgba(2,6,23,.5) !important;
}
.products .product img,
ul.products li.product img {
  border-radius: 14px !important;
  transition: transform .5s ease !important;
}
.products .product:hover img,
ul.products li.product:hover img {
  transform: scale(1.04);
}
.products .product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
  color: #F1F5F9 !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  padding: 14px 6px 4px !important;
}
.products .product .price,
ul.products li.product .price {
  color: #A78BFA !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.products .product .button,
ul.products li.product .button {
  background: var(--dpg-grad) !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
  transition: transform .25s, box-shadow .25s !important;
}
.products .product .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(124,58,237,.45) !important;
}

/* ===== گالری تصاویر (گیفت کارت‌ها) ===== */
.elementor-element-a1b2c3d0e0 .elementor-widget-image img {
  border-radius: 20px !important;
  box-shadow: 0 18px 50px rgba(2,6,23,.5) !important;
  transition: transform .45s ease, box-shadow .45s ease !important;
  border: 1px solid var(--dpg-border) !important;
}
.elementor-element-a1b2c3d0e0 .elementor-widget-image:hover img {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 28px 70px rgba(124,58,237,.22) !important;
}

/* ===== CTA — پس‌زمینه تصویری ===== */
.elementor-element-a1b2c3d0d0 {
  background-image: linear-gradient(rgba(11,18,32,.88), rgba(11,18,32,.94)),
    url('https://delsapay.com/wp-content/uploads/2026/08/dpg/payment-cta.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  border-radius: 28px !important;
  border: 1px solid var(--dpg-border) !important;
  position: relative;
}

/* ===== دکمه‌ها ===== */
.elementor-button {
  border-radius: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.elementor-button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 36px rgba(124,58,237,.4) !important;
}
.elementor-button[style*="background"]:not([style*="transparent"]) {
  background: var(--dpg-grad) !important;
}

/* دکمه‌های لینکی (بدون استایل inline) — با کلاس دقیق ویجت */
.elementor-button-link {
  padding: 14px 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  border-radius: 14px !important;
}
/* Hero — دکمه اول (خرید اکانت ChatGPT): گرادیانی */
.elementor-element-a1b2c3d005 .elementor-button {
  background: var(--dpg-grad) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 12px 32px rgba(124,58,237,.4) !important;
}
/* Hero — دکمه دوم (مشاهده فروشگاه): outline */
.elementor-element-a1b2c3d006 .elementor-button {
  background: rgba(255,255,255,.07) !important;
  border: 1.5px solid rgba(255,255,255,.28) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
}
.elementor-element-a1b2c3d005 .elementor-button:hover,
.elementor-element-a1b2c3d006 .elementor-button:hover {
  background: var(--dpg-grad) !important;
  border-color: transparent !important;
  color: #fff !important;
}
/* CTA — همه دکمه‌ها گرادیانی */
.elementor-element-a1b2c3d0d0 .elementor-button-link {
  background: var(--dpg-grad) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 12px 32px rgba(124,58,237,.4) !important;
}

/* ===== فرم ثبت سفارش ===== */
.dpg-order-section {
  border-radius: 28px !important;
  border: 1px solid var(--dpg-border) !important;
  background: var(--dpg-card-2) !important;
  box-shadow: 0 20px 60px rgba(2,6,23,.5) !important;
}

/* ===== مقالات ===== */
.elementor-element-a1b2c3d0c0 .elementor-post__card,
.elementor-element-a1b2c3d0c0 article {
  background: var(--dpg-card) !important;
  border-radius: 18px !important;
  border: 1px solid var(--dpg-border) !important;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease !important;
}
.elementor-element-a1b2c3d0c0 .elementor-post__card:hover,
.elementor-element-a1b2c3d0c0 article:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(124,58,237,.18) !important;
}

/* ===== انیمیشن‌ها ===== */
@keyframes dpgFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
@keyframes dpgFadeUp {
  from { opacity: 0; transform: translateY(34px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes dpgFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes dpgPulse {
  0%, 100% { box-shadow: 0 10px 30px rgba(124,58,237,.4); }
  50% { box-shadow: 0 10px 44px rgba(124,58,237,.65); }
}

.dpg-animate {
  opacity: 0;
  animation: dpgFadeUp .8s cubic-bezier(.22,.68,0,1) forwards;
}
.dpg-animate-hero {
  opacity: 0;
  animation: dpgFadeIn 1s ease forwards;
}

/* دکمه CTA نبض */
.elementor-element-a1b2c3d0d0 .elementor-button:first-of-type {
  animation: dpgPulse 2.6s ease-in-out infinite;
}

/* ===== ریسپانسیو ===== */
@media (max-width: 767px) {
  .elementor-top-section { padding: 60px 18px !important; }
  .elementor-element-a1b2c3d001 { padding: 90px 18px 70px !important; }
  .elementor-widget-icon-box { padding: 26px 20px !important; }
}
/* ===== هدر چسبان (sticky) — منتقل‌شده از ویجت hdr00003 ===== */
#masthead {
  position: sticky !important;
  top: 0;
  z-index: 999;
  width: 100%;
  background: #0B1220;
}
header.elementor-element-hdr00001 {
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
}
/* ===== استثنا: هدر نباید padding سراسری سکشن‌ها را بگیرد ===== */
header.elementor-top-section,
.elementor-element-hdr00001,
#masthead .elementor-section {
  padding: 0 20px !important;
}
#masthead .elementor-container {
  min-height: 0 !important;
}

/* =====================================================
   Fix v3 — حذف هدر Home، تراز باکس‌های خدمات و دنیای بازی‌ها
   ===================================================== */

/* 1) حذف کلمه Home بزرگ بالای سکشن اول */
.page-header {
  display: none !important;
}

/* 2) باکس‌های «خدمات ما» — هم‌ارتفاع و تراز */
.elementor-element-a1b2c3d020 > .elementor-container > .elementor-column {
  display: flex;
  align-items: stretch;
}
.elementor-element-a1b2c3d020 .elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
.elementor-element-a1b2c3d020 .elementor-widget-icon-box {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.elementor-element-a1b2c3d020 .elementor-widget-icon-box .elementor-widget-container {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
.elementor-element-a1b2c3d020 .elementor-widget-icon-box .elementor-icon-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
.elementor-element-a1b2c3d020 .elementor-widget-icon-box .elementor-icon-box-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
.elementor-element-a1b2c3d020 .elementor-widget-icon-box .elementor-icon-box-description {
  flex: 1 1 auto !important;
  margin-top: 4px;
}

/* 3) بخش «دنیای بازی‌ها» — تصاویر هم‌ارتفاع تا عنوان‌ها تراز شوند */
.elementor-element-a1b2c3d0e0 .elementor-widget-image img {
  height: 240px !important;
  width: 100% !important;
  object-fit: cover !important;
}
.elementor-element-a1b2c3d0e0 .elementor-widget-image .elementor-widget-container {
  overflow: hidden;
}