/* =====================================================
   الهوية العامة للمتجر - خلفية سوداء كونية
===================================================== */

html,
body,
#app,
.app,
.app-inner,
.store-page,
.main-content,
.page-wrapper,
main,
section{
background-color:#050505 !important;
background-image:
radial-gradient(circle, rgba(255,255,255,.28) 1px, transparent 1px),
radial-gradient(circle, rgba(180,180,180,.18) 1px, transparent 1px),
radial-gradient(circle, rgba(255,255,255,.10) 2px, transparent 2px) !important;
background-size:140px 140px,220px 220px,320px 320px !important;
background-position:0 0,70px 90px,140px 160px !important;
color:#fff !important;
}

/* =====================================================
   الهيدر (إصلاح اللون الأبيض)
===================================================== */

header,
.s-header,
.s-header__top,
.s-header__nav,
.s-header__mobile-top,
.s-header__wrapper,
.navbar,
.store-header,
.top-navbar,
.main-nav-container{
background:#050505 !important;
background-color:#050505 !important;
border:none !important;
box-shadow:none !important;
}

header *,
.s-header *,
.navbar *,
.main-nav-container *{
color:#fff !important;
}

header a,
.s-header a{
color:#fff !important;
}

/* =====================================================
   البلوكات العامة
===================================================== */

.container,
.card,
.s-block,
.block,
.rounded,
.shadow{
background:transparent !important;
box-shadow:none !important;
color:#fff !important;
}

/* =====================================================
   صفحة المنتج
===================================================== */

.product,
.product-single,
.product-entry,
.s-product,
.s-product-page,
.s-product-info,
.product-form,
.product-details{
background:rgba(10,10,10,.78) !important;
border:1px solid rgba(224,163,59,.22) !important;
border-radius:24px !important;
padding:22px !important;
box-shadow:0 20px 50px rgba(0,0,0,.35) !important;
}

/* عنوان المنتج */

h1,
.product-title,
.product-entry__title,
.s-product-title{
color:#f1b94a !important;
font-weight:900 !important;
line-height:1.5 !important;
}

/* السعر */

.price,
.product-price,
.s-price,
.s-product-price{
color:#f1b94a !important;
font-size:28px !important;
font-weight:900 !important;
}

/* وصف المنتج */

.product-description,
.description,
.s-product-description{
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(255,255,255,.08) !important;
border-radius:18px !important;
padding:22px !important;
line-height:2 !important;
color:#eee !important;
}

/* صورة المنتج */

.product-gallery,
.s-product-gallery,
.s-slider-container,
.swiper{
background:rgba(255,255,255,.03) !important;
border:1px solid rgba(224,163,59,.18) !important;
border-radius:22px !important;
padding:14px !important;
}

/* الصور المصغرة */

.thumbnail,
.s-product-gallery-thumbs img{
border-radius:12px !important;
border:1px solid rgba(224,163,59,.25) !important;
}

/* =====================================================
   الأزرار
===================================================== */

button,
.btn,
a.btn,
.s-button-btn,
.s-button-primary,
.add-to-cart,
.btn--add-to-cart{
background:linear-gradient(135deg,#c78828,#f4c565,#b87921) !important;
color:#111 !important;
border:none !important;
border-radius:999px !important;
font-weight:900 !important;
box-shadow:0 12px 35px rgba(224,163,59,.30) !important;
transition:.3s;
}

button:hover,
.btn:hover,
.s-button-primary:hover{
transform:translateY(-2px);
box-shadow:0 18px 45px rgba(224,163,59,.40) !important;
}

/* =====================================================
   الحقول
===================================================== */

input,
select,
textarea{
background:rgba(255,255,255,.05) !important;
border:1px solid rgba(255,255,255,.08) !important;
color:#fff !important;
border-radius:14px !important;
}

/* =====================================================
   قسم التعليقات والتقييمات (إصلاح كامل)
===================================================== */

[class*="review"],
[class*="rating"],
[class*="comment"],
[id*="review"],
[id*="rating"],
[id*="comment"]{
background:#0b0b0b !important;
background-color:#0b0b0b !important;
color:#fff !important;
border:1px solid rgba(224,163,59,.15) !important;
border-radius:18px !important;
}

[class*="review"] *,
[class*="rating"] *,
[class*="comment"] *,
[id*="review"] *,
[id*="rating"] *,
[id*="comment"] *{
color:#fff !important;
}

/* اسم العميل */

[class*="review"] strong,
[class*="rating"] strong,
[class*="comment"] strong,
[class*="review"] b,
[class*="rating"] b{
color:#f1b94a !important;
font-weight:900 !important;
}

/* النجوم */

svg,
.star,
[class*="star"]{
fill:#f1b94a !important;
color:#f1b94a !important;
}

/* صفوف التعليقات */

li,
tr{
border-color:rgba(255,255,255,.06) !important;
}

/* =====================================================
   الفوتر
===================================================== */

footer,
.store-footer,
.s-footer{
background:#050505 !important;
color:#fff !important;
border-top:1px solid rgba(224,163,59,.15) !important;
}

footer *{
color:#ddd !important;
}

/* =====================================================
   الجوال
===================================================== */

@media(max-width:768px){

h1,
.product-title{
font-size:28px !important;
}

.price,
.product-price{
font-size:24px !important;
}

.product,
.s-product,
.product-details{
padding:16px !important;
}

}/* ================================
   1) إصلاح صندوق تعليقات المنتج
================================ */

/* الحاوية الرئيسية للتعليقات */
[class*="comment"],
[class*="review"],
[class*="rating"] {
  background: transparent !important;
}

/* صندوق التعليقات كامل */
#reviews,
#comments,
.product-reviews,
.s-product-reviews,
.s-reviews,
[class*="reviews"] {
  background: rgba(5,5,5,.92) !important;
  border: 1px solid rgba(224,163,59,.25) !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: 0 25px 60px rgba(0,0,0,.55) !important;
}

/* كل تعليق ككرت مستقل */
[class*="review"] li,
[class*="comment"] li,
.s-review,
.review,
.comment {
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(224,163,59,.16) !important;
  border-radius: 18px !important;
  padding: 18px 22px !important;
  margin-bottom: 14px !important;
  box-shadow: none !important;
}

/* منع الخطوط الذهبية الغريبة داخل التعليقات */
[class*="review"] *,
[class*="comment"] * {
  box-shadow: none !important;
  text-decoration: none !important;
}

/* نصوص التعليقات */
[class*="review"] p,
[class*="comment"] p,
[class*="review"] span,
[class*="comment"] span,
[class*="review"] div,
[class*="comment"] div {
  color: #eaeaea !important;
  background: transparent !important;
  border-color: rgba(255,255,255,.06) !important;
}

/* أسماء العملاء */
[class*="review"] strong,
[class*="comment"] strong,
[class*="review"] b,
[class*="comment"] b {
  color: #f1b94a !important;
  font-weight: 900 !important;
}

/* النجوم */
[class*="star"],
svg[class*="star"],
.rating-stars,
.star-rating {
  color: #f1b94a !important;
  fill: #f1b94a !important;
}

/* زر تحميل المزيد */
[class*="review"] button,
[class*="comment"] button {
  background: linear-gradient(135deg,#c78828,#f4c565,#b87921) !important;
  color: #111 !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 900 !important;
}


/* ================================
   2) إصلاح التذييل الرمادي
================================ */

footer,
.s-footer,
.store-footer,
.footer,
.footer-main,
.footer-bottom,
[class*="footer"] {
  background: #050505 !important;
  background-color: #050505 !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.18) 1px, transparent 1px),
    radial-gradient(circle, rgba(180,180,180,.10) 1px, transparent 1px) !important;
  background-size: 140px 140px, 220px 220px !important;
  background-position: 0 0, 70px 90px !important;
  color: #fff !important;
  border-top: 1px solid rgba(224,163,59,.18) !important;
  box-shadow: none !important;
}

footer *,
.s-footer *,
.store-footer *,
.footer *,
[class*="footer"] * {
  color: #ddd !important;
  background: transparent !important;
  border-color: rgba(224,163,59,.12) !important;
}

footer h3,
footer h4,
.s-footer h3,
.s-footer h4,
[class*="footer"] h3,
[class*="footer"] h4 {
  color: #f1b94a !important;
}/* 1) إصلاح زر احصل عليه الآن / أزرار الشراء */
.psy-btn,
a.psy-btn,
.s-button-primary,
button.s-button-primary,
.add-to-cart,
.btn--add-to-cart,
button[type="submit"] {
  background: linear-gradient(135deg,#c78828,#f4c565,#b87921) !important;
  color: #111 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  box-shadow: 0 14px 38px rgba(224,163,59,.35) !important;
}

.psy-btn *,
.s-button-primary *,
.add-to-cart * {
  color: #111 !important;
}


/* 2) تنظيف خطوط التعليقات الغريبة */
[class*="review"] *,
[class*="comment"] *,
[class*="rating"] * {
  box-shadow: none !important;
  text-decoration: none !important;
  outline: none !important;
}

[class*="review"] input,
[class*="comment"] input,
[class*="rating"] input,
[class*="review"] textarea,
[class*="comment"] textarea {
  border: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

[class*="review"] li,
[class*="comment"] li,
[class*="review"] .border,
[class*="comment"] .border,
[class*="review"] [class*="border"],
[class*="comment"] [class*="border"] {
  border: 1px solid rgba(224,163,59,.14) !important;
  border-radius: 18px !important;
}


/* 3) تحسين كرت كل تعليق */
[class*="review"] li,
[class*="comment"] li,
.s-review,
.review,
.comment {
  background: rgba(5,5,5,.86) !important;
  border: 1px solid rgba(224,163,59,.18) !important;
  border-radius: 20px !important;
  padding: 18px 22px !important;
  margin-bottom: 18px !important;
}


/* 4) توضيح طرق الدفع أسفل صفحة المنتج */
.payment-methods,
.s-payments,
.s-footer-payment,
[class*="payment"],
[class*="mada"],
[class*="visa"] {
  opacity: 1 !important;
  filter: none !important;
  background: rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
  padding: 6px 10px !important;
}

.payment-methods img,
.s-payments img,
.s-footer-payment img,
[class*="payment"] img {
  opacity: 1 !important;
  filter: brightness(1.35) contrast(1.2) !important;
  background: #fff !important;
  border-radius: 6px !important;
  padding: 3px !important;
}


/* 5) الفوتر يبقى أسود كوني بدون رمادي */
footer,
.s-footer,
.store-footer,
.footer,
[class*="footer"] {
  background-color: #050505 !important;
  color: #fff !important;
}/* تنظيف المربعات الداخلية داخل التعليقات */
[class*="review"] span,
[class*="review"] small,
[class*="review"] time,
[class*="review"] div,
[class*="comment"] span,
[class*="comment"] small,
[class*="comment"] time,
[class*="comment"] div {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
}

/* خلي كرت التعليق الخارجي فقط هو اللي ظاهر */
[class*="review"] li,
[class*="comment"] li,
.s-review,
.review,
.comment {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(224,163,59,.16) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

/* الاسم والتاريخ واضحين بدون صناديق */
[class*="review"] strong,
[class*="comment"] strong,
[class*="review"] b,
[class*="comment"] b {
  color: #f1b94a !important;
  background: transparent !important;
  border: none !important;
}

[class*="review"] time,
[class*="comment"] time,
[class*="review"] small,
[class*="comment"] small {
  color: #bdbdbd !important;
}

/* منطقة طرق الدفع بدون مربعات بيضاء متكررة */
[class*="payment"],
.s-footer-payment,
.s-payments,
.payment-methods {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* كل أيقونة دفع بشكل نظيف */
[class*="payment"] img,
.s-footer-payment img,
.s-payments img,
.payment-methods img {
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(224,163,59,.18) !important;
  border-radius: 8px !important;
  padding: 5px !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
}

/* الحاوية حول وسائل الدفع */
footer [class*="payment"],
.s-footer [class*="payment"] {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}/* إزالة جميع الخطوط الغريبة داخل التعليقات */
.s-comments *,
.comments *,
.product-comments *,
.testimonials *{
border:none !important;
outline:none !important;
box-shadow:none !important;
background-image:none !important;
}

/* إعادة تنسيق صندوق التعليق فقط */
.s-comments .comment,
.comments .comment,
.product-comments .comment{
background: rgba(255,255,255,0.02) !important;
border-radius:18px !important;
padding:18px !important;
margin-bottom:18px !important;
}

/* إزالة الخطوط حول الصفحة */
.container,
section,
main,
.product-section,
.products-slider,
footer,
header{
border:none !important;
outline:none !important;
box-shadow:none !important;
}

/* إزالة before after المسببة للخطوط */
*::before,
*::after{
border:none !important;
box-shadow:none !important;
}

/* خط فاصل ناعم فقط للتذييل */
footer{
border-top:1px solid rgba(212,175,55,.12) !important;
}/* إخفاء شعار الصورة الحالي */
img[alt*="logo"],
img[src*="logo"]{
opacity:0 !important;
}

/* إنشاء شعار نصي احترافي */
.header .container::after{
content:"سايكوناليتي";
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%);

font-family:'Cairo', sans-serif;
font-size:20px;
font-weight:900;
letter-spacing:1px;

background: linear-gradient(135deg,#d4af37,#f6d365);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

text-shadow:0 0 12px rgba(212,175,55,.4);

pointer-events:none;
}

/* تأكد إن الهيدر يسمح بالتموضع */
.header .container{
position:relative;
/* قائمة الأقسام */
.navbar-nav,
.main-menu{
display:flex !important;
gap:20px;
}

/* عناصر القائمة */
.navbar-nav li,
.main-menu li{
list-style:none;
}

/* الروابط */
.navbar-nav a,
.main-menu a{
color:#fff !important;
font-weight:600;
letter-spacing:.5px;
}