/* =====================================================================
   PANTHER PLUS — ثيم رمادي غامق + بنفسجي بانثر (مخصص لثيم Angel)
   panther-plus.com
   طريقة الاستخدام: امسح كل الكود الموجود في خانة CSS والصق هذا الملف كامل
   (الملف يحتوي على تعديلاتك القديمة: لوقو الـGIF، أيقونات الهيدر، ترتيب الفوتر…)
   ===================================================================== */


/* ============ 1) الألوان — غيّرها من هنا فقط ============ */
html:root{
  --pg-bg:#131316;          /* خلفية الموقع — رمادي غامق */
  --pg-bg-2:#18181c;        /* أقسام بديلة */
  --pg-card:#1d1d22;        /* البطاقات والصناديق */
  --pg-card-2:#25252b;      /* الحقول وعند التمرير */
  --pg-line:rgba(255,255,255,.08);
  --pg-line-2:rgba(255,255,255,.13);
  --pg-text:#ededf2;
  --pg-text-2:#c4c4cc;
  --pg-muted:#a1a1aa;
  --pg-purple:#8a3cff;      /* بنفسجي حرف N */
  --pg-purple-dark:#6d22e6;
  --pg-purple-light:#a66bff;
  --pg-lilac:#c9b2ff;       /* ليلكي حرف P */
  --pg-purple-text:#b794ff; /* بنفسجي فاتح للنصوص */
  --pg-grad:linear-gradient(135deg,#9653ff 0%,#7428f2 100%);
  --pg-radius:16px;
}

/* ألوان ثيم Angel (الوضع الغامق) + اللون الأساسي */
html:root{
  --dark-bg-main:var(--pg-bg);
  --dark-grey:var(--pg-card);
  --dark-text-main:var(--pg-text);
  --dark-text-sec:var(--pg-muted);
  --color-primary:var(--pg-purple);
  --color-primary-dark:var(--pg-purple-dark);
  --color-primary-light:var(--pg-purple-light);
  --color-primary-reverse:#ffffff;
  --text-btn:#ffffff;
  --mm-spn-panel-offset:100%;
}

/* أقسامك الخاصة في الرئيسية (عناصر HTML) بنفس الرمادي */
html:root{--pp-bg:var(--pg-bg);--pp-sec:var(--pg-bg-2);--pp-card:var(--pg-card);--pp-panel:#1a1a1f}
html body .pf4,html body .pp-steps-block,html body .pp-rv-block,html body .fq-block{--bg:var(--pg-bg)}
html body .pp-steps-block{--sec:var(--pg-bg-2)}
html body .pp-rv-block{--card:var(--pg-card)}


/* ============ 2) أساسيات ============ */
html{background:var(--pg-bg);color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html body#app{background:radial-gradient(1100px 440px at 50% -260px,rgba(138,60,255,.10),transparent 70%) no-repeat,var(--pg-bg) !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}
html.dark body{color:var(--pg-text)}
iframe{color-scheme:normal}
::selection{background:rgba(138,60,255,.42);color:#fff}
:focus-visible{outline:2px solid var(--pg-purple-text);outline-offset:2px}
.container{padding-left:20px;padding-right:20px}
.shadow-default{box-shadow:none !important}
.gap-2{gap:16px}
body .s-design-before{display:none}
.mask-block{margin-top:2rem;mask-image:none}
.pr-pr p{display:none}
.rtl\:left-4:where([dir=rtl],[dir=rtl] *){left:6px}
.top-5{top:6px;border-radius:12px}
.text-2xl{font-size:20px;color:#22133e}
.dark .text-2xl{color:#fff}
@media (hover:hover) and (pointer:fine){
  ::-webkit-scrollbar{width:10px;height:10px}
  html.dark ::-webkit-scrollbar-track{background:var(--pg-bg)}
  ::-webkit-scrollbar-thumb{background:#34343b;border-radius:10px;border:2px solid var(--pg-bg)}
  ::-webkit-scrollbar-thumb:hover{background:var(--pg-purple-dark)}
}


/* ============ 3) الهيدر ============ */
html.dark .store-header,html.dark .store-header #mainnav,html.dark .store-header .main-nav-container{background:transparent !important;border:0 !important;box-shadow:none !important}
.store-header{margin-bottom:5px}
html.dark .store-header .da-bgm{
  background-color:rgba(24,24,28,.88) !important;
  background-image:radial-gradient(120% 150% at 50% -45%,rgba(138,60,255,.32),transparent 62%) !important;
  border-radius:0 0 20px 20px;
  border:1px solid var(--pg-line);border-top:0;
  box-shadow:0 1px 0 rgba(138,60,255,.22),0 14px 30px -20px rgba(0,0,0,.95);
  color:#fff}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  html.dark .store-header .da-bgm{-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px)}
}
.navbar-brand img{content:url("https://media.giphy.com/media/CQiINrgOIPg6Q488di/giphy.gif");max-height:70px;margin-block:0px}
.navbar-brand{margin-bottom:0;margin-top:0}
/* أيقونات الهيدر */
p.da-tm.hidden.text-xl.md\:block.ms-1{height:22px}
.btn.lang,.btn.currency{padding-top:15px}
.s-cart-summary-total{display:none}
.s-cart-summary-wrapper{align-items:center}
.s-cart-summary-wrapper .btn{padding:6px 8px 2px 8px !important}
.header-btn{padding:5px 5px 0px 8px}
.header-btn:hover{opacity:1}
.mode-toggler{padding:6px}
.sicon-search:before{color:#0000;background-image:url(https://cdn.salla.sa/form-builder/eSSQpIuLQ2tfnYRvASBX1q27ATV2tv3ZJnO1sBuv.png);background-size:cover;font-size:22px}
.sicon-user:before{color:#0000;background-image:url(https://cdn.salla.sa/form-builder/6Bn020PNIvY3omSOu7ykITHhJirX2SNQSG5V1cif.png);background-size:cover;font-size:22px}
.header-btn .sicon-shopping:before{color:#0000;background-image:url(https://cdn.salla.sa/form-builder/O4hjNP5dROL2mes3GhwsXp2kzKApMkJhEJ7fWIRf.png);background-size:cover;font-size:22px;display:block !important;bottom:0px;position:relative}
.sicon-menu:before{padding-bottom:0px;color:#0000;background-image:url(https://cdn.salla.sa/form-builder/U8uQU08dPKY4KtxlNh1vHIjm4rWs1uCqFesaDnbK.png);background-size:cover;font-size:22px;display:block !important}
html.dark .s-cart-summary-count{background:var(--pg-grad) !important;color:#fff !important;box-shadow:0 0 0 2px #18181c}
/* القائمة المنسدلة وقائمة المستخدم */
html.dark .dropdown__menu,html.dark .store-header .s-user-menu-toggler .s-user-menu-dropdown,html.dark .sub-menu{background-color:var(--pg-card) !important;border:1px solid var(--pg-line);border-radius:14px;box-shadow:0 22px 50px -26px rgba(0,0,0,.95)}


/* ============ 4) قائمة الجوال ============ */
.mm-ocd--open .mm-ocd__content{transform:translateZ(0);border-radius:18px;overflow:hidden;background:rgba(24,24,28,.97) !important;border:1px solid var(--pg-line-2);margin:15px;box-shadow:0 30px 60px -30px rgba(0,0,0,.95)}
.dark .mm-spn.mm-spn--light{background-color:#0000}
html.dark #mobile-menu,html.dark .mm-spn,html.dark .mm-spn ul{background-color:transparent !important;color:var(--pg-text) !important}
html.dark .mm-spn li:after{border-color:var(--pg-line) !important;opacity:1}
html.dark .mm-spn li:before{border-color:var(--pg-muted) !important}
html.dark .mm-spn a:hover{color:var(--pg-purple-text)}
html.dark .mm-ocd__backdrop{background:rgba(0,0,0,.55) !important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.nav-header{margin:15px;border-radius:14px;padding:10px 10px 13px 10px}
html.dark li .mm-spn--open>.display-all-category{background-color:var(--pg-card-2)}


/* ============ 5) عناوين الأقسام والمميزات ============ */
.angel-products-title{justify-content:center;margin-top:30px}
html.dark .s-block__title h2,html.dark .s-slider-block__title h2{color:var(--pg-text);letter-spacing:-.01em}
html.dark .s-block__display-all,html.dark .s-slider-block__display-all{color:var(--pg-purple-text) !important;background:rgba(138,60,255,.10);border:1px solid rgba(138,60,255,.38);border-radius:999px;padding:5px 14px;transition:background .2s,border-color .2s}
html.dark .s-block__display-all:hover,html.dark .s-slider-block__display-all:hover{background:rgba(138,60,255,.2);border-color:var(--pg-purple)}
.angel-feature i{color:#fff}
.angel-feature .text-sm{font-size:13px;line-height:16px}
.angel-feature .flex-center{gap:8px}
.angel-feature.flex-center.flex-col{background:linear-gradient(0deg,var(--pg-card),transparent);padding:10px;border-radius:14px;border:1px solid var(--pg-line)}
.angel-feature .w-14,.fff .angel-feature .w-14{background:linear-gradient(45deg,var(--pg-purple-dark),var(--pg-purple-light));border-radius:14px}
.fff .angel-feature .w-14{padding:6px}
.dark .vertical-lines{background-color:var(--color-primary) !important}


/* ============ 6) بطاقات المنتجات ============ */
.s-products-list-wrapper{gap:16px}
.s-products-slider-card{padding-left:7px !important;padding-right:7px !important}
custom-salla-product-card.rounded-lg{border-radius:18px !important}
.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *),salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *),salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *){padding-left:5px}
html.dark .s-product-card-entry{background-color:var(--pg-card) !important;border:1px solid var(--pg-line) !important;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
html.dark .s-product-card-image img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  html.dark .s-product-card-entry:hover{transform:translateY(-4px);border-color:rgba(138,60,255,.45) !important;box-shadow:0 22px 44px -28px rgba(138,60,255,.65)}
  html.dark .s-product-card-entry:hover .s-product-card-image img{transform:scale(1.045)}
}
html.dark .s-product-card-content-title a:hover{color:var(--pg-purple-text)}
html.dark .s-product-card-sale-price span{text-decoration-color:rgba(248,113,113,.75)}
html.dark .s-product-card-promotion-title{background:var(--pg-grad) !important;color:#fff !important;border-radius:999px}
html.dark .s-product-card-rating{background-color:var(--pg-card-2)}


/* ============ 7) الأزرار ============ */
html.dark .btn--primary,html.dark .s-button-element.s-button-primary:not(.s-button-outline):not(.s-button-fill-none){background:var(--pg-grad) !important;color:#fff !important;border-color:transparent !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 26px -16px rgba(138,60,255,.95);transition:filter .2s,transform .15s,box-shadow .2s}
html.dark .btn--primary:hover,html.dark .s-button-element.s-button-primary:not(.s-button-outline):not(.s-button-fill-none):hover{filter:brightness(1.08)}
html.dark .btn:active,html.dark .s-button-element:active{transform:scale(.98)}
html.dark .s-button-primary-outline,html.dark .btn--outline-primary,html.dark .s-product-card-content-footer salla-add-product-button .s-button-outline{background:rgba(138,60,255,.08) !important;color:var(--pg-purple-text) !important;border:1px solid rgba(138,60,255,.42) !important;transition:background .2s,color .2s,border-color .2s}
html.dark .s-button-primary-outline:hover,html.dark .btn--outline-primary:hover,html.dark .s-product-card-content-footer salla-add-product-button .s-button-outline:hover{background:var(--pg-grad) !important;color:#fff !important;border-color:transparent !important}


html.dark .s-button-element.s-button-btn:not(.s-button-icon){border-radius:12px}


/* ============ 8) الحقول والنماذج ============ */
html.dark .form-input,html.dark .s-form-control,html.dark .tel-input,html.dark .s-login-modal-input,html.dark .s-comment-form-input,html.dark .s-input,
html.dark input[type="text"],html.dark input[type="email"],html.dark input[type="tel"],html.dark input[type="number"],html.dark input[type="password"],html.dark input[type="search"],html.dark select,html.dark textarea{
  background-color:var(--pg-card-2) !important;color:var(--pg-text) !important;border:1px solid var(--pg-line-2) !important;border-radius:14px;caret-color:var(--pg-purple-light);transition:border-color .2s,box-shadow .2s}
html.dark .form-input:focus,html.dark .s-form-control:focus,html.dark .tel-input:focus,html.dark .s-login-modal-input:focus,html.dark input:focus,html.dark select:focus,html.dark textarea:focus{border-color:var(--pg-purple) !important;box-shadow:0 0 0 3px rgba(138,60,255,.22) !important;outline:none}
html.dark input::placeholder,html.dark textarea::placeholder{color:var(--pg-muted) !important;opacity:1}
html.dark .s-quantity-input-container{background:var(--pg-card-2) !important;border:1px solid var(--pg-line-2) !important;border-radius:14px}
html.dark .s-quantity-input-container input{background:transparent !important;border:0 !important;box-shadow:none !important}
html.dark .s-quantity-input-button:hover{color:var(--pg-purple-text)}
html.dark [type="checkbox"],html.dark [type="radio"]{accent-color:var(--pg-purple)}


/* ============ 9) النوافذ والتنبيهات ============ */
html.dark .s-modal-body{background-color:var(--pg-card) !important;border:1px solid var(--pg-line);border-radius:20px !important}
html.dark .s-modal-overlay{background:rgba(0,0,0,.6) !important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
html.dark .s-search-modal{--color-surface:var(--pg-card)}
html.dark .s-add-product-toast__card{border:1px solid var(--pg-line) !important;border-radius:var(--pg-radius)}
html.dark .swal2-popup{background:var(--pg-card) !important;color:var(--pg-text) !important;border:1px solid var(--pg-line);border-radius:20px !important}
html.dark .swal2-title,html.dark .swal2-html-container{color:var(--pg-text) !important}
html.dark .swal2-confirm{background:var(--pg-grad) !important;border-radius:12px !important}


/* ============ 10) صفحة المنتج ============ */
html.dark .breadcrumbs a:hover{color:var(--pg-purple-text)}
html.dark .tabs-wrapper{border:1px solid var(--pg-line);border-radius:var(--pg-radius)}
html.dark .tabs .tab-trigger.is-active{color:#fff;box-shadow:inset 0 -2px 0 var(--pg-purple)}
html.dark .sticky-product-bar,html.dark .is-sticky-product-bar .sticky-product-bar.dark{background-color:rgba(24,24,28,.94) !important;border-top:1px solid var(--pg-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.dark .product__description a{color:var(--pg-purple-text)}
html.dark [class*="description"] [style*="background-color: rgb(255, 255, 255)"],html.dark [class*="description"] [style*="background-color: #fff"],html.dark [class*="description"] [style*="background-color:#fff"]{background-color:transparent !important}
html.dark [class*="description"] [style*="color: rgb(0, 0, 0)"],html.dark [class*="description"] [style*="color:#000"],html.dark [class*="description"] [style*="color: #000"],html.dark [class*="description"] [style*="color: rgb(33, 37, 41)"],html.dark [class*="description"] [style*="color: rgb(51, 51, 51)"]{color:var(--pg-text) !important}
html.dark .s-product-options-option{border-color:var(--pg-line) !important}


/* ============ 11) الأسئلة الشائعة (قسم الثيم) ============ */
.s-block--faqs:before{background-color:var(--pg-bg) !important;background-image:radial-gradient(at 100% 55%,rgba(138,60,255,.22) 0px,transparent 50%),radial-gradient(at 2% 55%,rgba(138,60,255,.22) 0px,transparent 50%),radial-gradient(at 52% 50%,rgba(166,107,255,.14) 0px,transparent 50%);padding-block:7rem;content:"";position:absolute;bottom:-3rem;width:100%;height:150%;z-index:-1}
.dark .faqs-list__item{background-color:rgba(255,255,255,.035) !important;border:1px solid var(--pg-line);border-radius:18px}
.faqs-list__item label{padding:10px 18px 10px 0px}


/* ============ 12) الفوتر ============ */
html.dark .store-footer{background:transparent !important}
html.dark .store-footer__inner{background-color:#18181c !important;background-image:radial-gradient(at 100% 100%,rgba(138,60,255,.24) 0px,transparent 50%),radial-gradient(at 2% 96%,rgba(138,60,255,.24) 0px,transparent 50%),radial-gradient(at 52% 100%,rgba(166,107,255,.16) 0px,transparent 50%) !important;margin:20px;border-radius:20px;position:relative}
html.dark .store-footer__inner:before{content:"";width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;background:linear-gradient(45deg,rgba(109,34,230,.95),rgba(201,178,255,.65));z-index:-1;transform:translate(50%,50%);right:50%;bottom:50%;border-radius:21px}
.footer-middle:before{background-position:bottom;display:flex;content:"";height:135px;margin-block:0px;width:100%;background-image:url(https://media.giphy.com/media/K4rKm7B7FrmuqJncvW/giphy.gif);background-size:contain;background-repeat:no-repeat}
.store-footer .footer-container .logo-footer .foo{display:none}
@media (min-width:768px){
  .footer-profile{order:2}
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div:nth-child(3){order:1}
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div:nth-child(2){order:3}
  .footer-middle{grid-template-columns:repeat(3,minmax(0,1fr)) !important;display:grid;gap:1rem 3rem !important}
  .footer-middle:before{content:"";position:relative;height:85px;width:100%;grid-column:span 3/span 3;background-image:url(https://cdn.files.salla.network/other/858096369/397edd2c-0f3c-491d-9997-6ba4a81e6b10-original.webp);background-size:contain;background-repeat:no-repeat;background-position:center}
  .footer-middle .footer-title:where([dir=rtl],[dir=rtl] *),.footer-middle h3:where([dir=rtl],[dir=rtl] *){text-align:center}
  .logo-footer{display:none}
  .md\:max-w-xs{max-width:30rem}
  .s-contacts-list{justify-content:center}
}
/* ===== وثيقة العمل الحر في الفوتر — هوية Panther Plus ===== */
html.dark .pp-footer-extra{
  display:flex !important;justify-content:center;align-items:center;
  width:100% !important;max-width:100%;box-sizing:border-box;
  margin:4px 0 20px !important;padding:0 16px !important;
  background:none;border:0 !important;box-shadow:none;
  opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);
}
html.dark .pp-footer-extra.is-in{opacity:1;transform:none;}
html.dark .pp-footer-extra > :empty{display:none;}

/* الكرت */
html.dark .pp-footer-extra .s-trust-badges-wrapper{
  position:relative;display:flex !important;flex-direction:column;align-items:center;justify-content:center;
  width:100% !important;max-width:300px;height:auto !important;box-sizing:border-box;
  margin:0 auto !important;padding:16px 18px 14px !important;border-radius:18px;text-align:center;
  background:linear-gradient(180deg,rgba(138,60,255,.14),rgba(29,29,34,.96)) !important;
  border:1px solid rgba(166,107,255,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 34px -22px rgba(138,60,255,.8);
}
html.dark .pp-footer-extra .s-trust-badges-wrapper::before{
  content:"";position:absolute;top:-1px;left:50%;translate:-50% 0;width:45%;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--pg-purple-light),transparent);
}
/* كل اللي داخل الكرت: عمودي وفي النص */
html.dark .pp-footer-extra .s-trust-badges-wrapper *{
  background-color:transparent !important;border:0 !important;box-shadow:none !important;
}
html.dark .pp-footer-extra .s-trust-badges-wrapper > *,
html.dark .pp-footer-extra .s-trust-badges-wrapper > * > *{
  display:flex !important;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;width:auto !important;margin:0 !important;padding:0 !important;text-align:center !important;
}
/* الشعار أبيض وواضح */
html.dark .pp-footer-extra img,
html.dark .pp-footer-extra svg{
  display:block;width:auto !important;height:auto !important;max-width:120px;max-height:40px;
  margin:0 auto 8px !important;object-fit:contain;filter:brightness(0) invert(1);opacity:.95;
}
/* النصوص */
html.dark .pp-footer-extra p,
html.dark .pp-footer-extra span{
  display:block !important;margin:0 !important;line-height:1.6;white-space:nowrap;
  color:var(--pg-muted);font-size:12px;
}
html.dark .pp-footer-extra p:last-child,
html.dark .pp-footer-extra span:last-child{
  color:var(--pg-text);font-size:15px;font-weight:700;letter-spacing:1px;direction:ltr;unicode-bidi:isolate;
}
@media (prefers-reduced-motion:reduce){
  html.dark .pp-footer-extra{transition:none;opacity:1;transform:none;}
}.store-footer .footer-container:is(.dark *){border:0}
.s-trust-badges-wrapper{justify-content:flex-start;background:#ffffff2e;border-radius:52px;height:52px;padding:10px;margin:0;width:200px}
.s-contacts-icon svg{height:20px}
.dark .s-contacts-item{height:35px;width:35px;padding:2px}
html.dark .s-contacts-item,html.dark .s-social-link a{background-color:var(--pg-card-2) !important;border:1px solid var(--pg-line);transition:background .2s,border-color .2s}
html.dark .s-contacts-item:hover,html.dark .s-social-link a:hover{background-color:rgba(138,60,255,.18) !important;border-color:rgba(138,60,255,.45)}
.s-contacts-title,.footer-title{position:relative}
.s-contacts-title:before,.footer-title:before{content:"";transform:translateY(50%);bottom:50%;position:absolute;height:2px;width:30%;background:linear-gradient(90deg,transparent,var(--color-primary));left:0}
.s-contacts-title:after,.footer-title:after{content:"";transform:translateY(50%);bottom:50%;position:absolute;height:2px;width:30%;background:linear-gradient(90deg,var(--color-primary),transparent);right:0}
html.dark .footer-title,html.dark .s-contacts-title{color:var(--pg-lilac) !important}
html.dark .store-footer a:hover{color:var(--pg-purple-text)}
html.dark .s-payments-list-item{border-radius:8px}


/* ============ 13) تقليل الحركة ============ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.dark .s-product-card-entry,html.dark .s-product-card-image img{transition:none !important}
  html.dark .s-product-card-entry:hover,html.dark .s-product-card-entry:hover .s-product-card-image img{transform:none !important}
}