/* ============================================================
   tvdigit-com.css v3 — سكن كامل "زمردي × ذهبي" لـ tvdigit.com
   نفس جورنال3 ونفس ترتيب الأقسام — شخصية بصرية مختلفة تماماً عن .store
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

:root{
  --tvd:     #0e9f6e;   /* زمردي */
  --tvd-d:   #046c4e;   /* زمردي غامق */
  --tvd-ink: #03251a;   /* أخضر ليلي */
  --gold:    #f5b40a;   /* ذهبي */
  --gold-d:  #d29a05;
  --mint:    #eef7f2;   /* نعناعي فاتح */
  --glow:    rgba(14,159,110,.30);
}

/* ---------- الخط العربي الجديد (يغيّر ملامح الموقع كله) ---------- */
body, p, a, span, div, li, input, button, select, textarea,
h1,h2,h3,h4,h5,h6, .module-title, .btn, .price{
  font-family:'Tajawal','Segoe UI',sans-serif !important;
}

/* ---------- الخلفية العامة ---------- */
body{
  background:
    radial-gradient(circle at 12% 8%,  rgba(14,159,110,.08) 0, transparent 34%),
    radial-gradient(circle at 88% 30%, rgba(245,180,10,.07) 0, transparent 30%),
    var(--mint) !important;
}

/* ---------- الهيدر: زمردي ليلي متدرج بحد ذهبي ---------- */
header, .header-compact{
  background:linear-gradient(135deg,var(--tvd-ink) 0%, var(--tvd-d) 100%) !important;
  border-bottom:4px solid var(--gold) !important;
  box-shadow:0 6px 24px rgba(3,37,26,.35) !important;
  color:#fff;
}
header .j-menu > .menu-item > a,
header .top-menu .menu-item > a,
header .main-menu-item > a{
  color:#fff !important; font-weight:700 !important;
}
header .j-menu > .menu-item > a:hover,
header .main-menu-item > a:hover{ color:var(--gold) !important; }
/* أيقونات البحث والسلة */
header [class*="icon"]::before, header .search-trigger, header .cart-trigger{ color:#fff !important; }

/* ---------- البطاقات التعريفية الغامقة (إعادة البث/نظام موزعين/اشتراكات) ---------- */
.info-blocks .info-block, a.info-block{
  background:linear-gradient(150deg,var(--tvd-d) 0%, var(--tvd-ink) 85%) !important;
  border:1px solid rgba(245,180,10,.5) !important;
  border-radius:22px !important;
  box-shadow:0 12px 32px rgba(3,37,26,.28) !important;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
.info-blocks .info-block:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 42px var(--glow) !important;
  border-color:var(--gold) !important;
}
.info-blocks .info-block-title, .info-blocks .info-block-title *{
  color:var(--gold) !important; font-weight:900 !important;
}
.info-blocks .info-block-text, .info-blocks .info-block-text *{
  color:#eafff5 !important;
}
/* دوائر الأيقونات داخل البطاقات */
.info-blocks .info-block [class*="icon"],
.info-blocks .info-block i{
  background:var(--tvd) !important;
  border:3px solid var(--gold) !important;
  color:#fff !important;
  border-radius:50% !important;
  box-shadow:0 0 0 6px rgba(245,180,10,.15) !important;
}

/* ---------- أقسام الرئيسية: بطاقات بفواصل ذهبية ---------- */
#common-home .grid-row{
  background:#fff;
  border-radius:26px;
  margin:30px auto !important;
  padding:30px 16px !important;
  box-shadow:0 8px 30px rgba(3,37,26,.08);
  position:relative;
}
#common-home .grid-row::before{
  content:"";
  position:absolute; top:0; right:8%; left:8%;
  height:5px; border-radius:0 0 10px 10px;
  background:linear-gradient(90deg,transparent, var(--gold), var(--tvd), transparent);
}
#common-home .grid-row:nth-child(even){
  background:linear-gradient(180deg,#f2fbf7,#ffffff);
}

/* ---------- عناوين الأقسام ---------- */
.module-title, .title.module-title{
  text-align:center !important;
  font-weight:900 !important;
  color:var(--tvd-ink) !important;
  font-size:26px !important;
  padding-bottom:16px !important;
  position:relative;
}
.module-title::after{
  content:"";
  display:block; margin:12px auto 0;
  width:90px; height:5px; border-radius:99px;
  background:linear-gradient(90deg,var(--gold),var(--tvd));
}

/* ---------- بطاقات المنتجات ---------- */
.product-layout .product-thumb{
  border-radius:22px !important;
  overflow:hidden;
  border:1px solid #dcefe6 !important;
  box-shadow:0 6px 20px rgba(3,37,26,.07) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
  background:#fff;
}
.product-layout .product-thumb:hover{
  transform:translateY(-8px) scale(1.01);
  box-shadow:0 20px 44px var(--glow) !important;
  border-color:var(--tvd) !important;
}
.product-img{ border-radius:18px 18px 0 0; overflow:hidden; }

/* الأسعار ذهبية غامقة */
.price, .price-new{ color:var(--gold-d) !important; font-weight:900 !important; }
.price-old{ opacity:.55; }

/* ---------- الأزرار ---------- */
.btn-cart, .button-group .btn-cart, .buttons-wrapper .btn-cart{
  background:linear-gradient(135deg,var(--tvd),var(--tvd-d)) !important;
  border:none !important;
  border-radius:999px !important;
  box-shadow:0 5px 14px var(--glow) !important;
  font-weight:800 !important;
}
.btn-cart:hover{ filter:brightness(1.1); transform:translateY(-1px); }
a:hover{ color:var(--tvd) !important; }

/* ---------- البانرات ---------- */
.module-banners .module-item{
  border-radius:22px; overflow:hidden;
  box-shadow:0 10px 26px rgba(3,37,26,.14);
  border:1px solid rgba(245,180,10,.25);
}

/* ---------- الفوتر: ليلي زمردي بحد ذهبي ---------- */
footer, .site-wrapper > footer, footer .footer-wrapper{
  background:linear-gradient(180deg,var(--tvd-ink),#021911) !important;
  border-top:4px solid var(--gold) !important;
}
footer, footer p, footer span, footer li{ color:#cdeee0 !important; }
footer a{ color:#e9fff6 !important; }
footer a:hover{ color:var(--gold) !important; }
footer .info-block-title, footer .links-menu-item a{ color:#fff !important; }

/* ---------- قسم SEO الفريد (تحديث لونه للهوية الجديدة) ---------- */
.tvd-seo{
  background:linear-gradient(150deg,var(--tvd-ink),var(--tvd-d)) !important;
  border:1px solid rgba(245,180,10,.5) !important;
  border-radius:24px !important;
}
.tvd-seo h2{ color:var(--gold) !important; }
.tvd-seo h3{ color:#ffe9b0 !important; }
.tvd-badges span{ background:rgba(255,255,255,.06) !important; border-color:var(--gold-d) !important; }

/* ---------- الجوال ---------- */
@media (max-width:768px){
  #common-home .grid-row{ border-radius:16px; margin:16px 6px !important; padding:18px 10px !important; }
  .module-title{ font-size:21px !important; }
}