@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

/* ===== الكود القديم الموجود في المتجر (محفوظ كما هو) ===== */
salla-advertisement.hydrated {
    display: none;
}

.art-slider-advanced p
{
  margin-bottom:10px;
}


.s-product-card-image 
{
  background:#fff;
  max-height: unset !important; 

}

body,
.art-store-footer
{
  background: url('https://u.craffo.com/uploads/Transparent_akmah.png') !important;
  background-repeat: no-repeat;
  background-position: center center;
}


.art-slider-advanced p {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 40px;
    font-weight: 900;
}


/* =========================================================
   أكمة · CSS مخصص لثيم آرت على سلة
   الهوية: عود داكن + ذهب زعفران + كريمي
   للتراجع: امسح هذا الكود كامل من خانة CSS المخصص
   ========================================================= */
:root{
  --ak-oud:#1a0d08;
  --ak-oud-2:#24130c;
  --ak-brand:#3a1103;
  --ak-gold:#d4ad6e;
  --ak-gold-2:#e8c992;
  --ak-gold-ink:#7a5214;
  --ak-cream:#f6efe5;
  --ak-card:#fffaf3;
  --ak-ink:#24140d;
  --ak-ink-2:#5a4436;
  --ak-line:rgba(36,20,13,.12);

  /* متغيرات ثيم آرت نفسه */
  --color-theme:var(--ak-cream);
  --color-text-theme:var(--ak-ink);
  --color-primary:var(--ak-brand);
  --color-header-main:var(--ak-oud);
  --color-header-text:#f4ece1;
  --color-footer-main:var(--ak-oud);
  --color-footer-text:#c9b8a6;
}

/* ---------- الخطوط ---------- */
html body{font-family:"IBM Plex Sans Arabic","Dubai",Tahoma,sans-serif!important;background:var(--ak-cream)!important;background-image:none!important;color:var(--ak-ink)}
html body h1,
html body h2,
html body h3,
html body .art-title,
html body .s-product-card-content-title{font-family:"Amiri","Dubai",serif!important;letter-spacing:0!important}
html body section > div > h2,
html body .s-block__title h2{font-size:clamp(1.9rem,3.6vw,2.7rem)!important;font-weight:700!important;line-height:1.3!important;color:var(--ak-ink)!important}
html body section > div > h2::after{content:"";display:block;width:56px;height:2px;margin:14px auto 0;background:var(--ak-gold);border-radius:2px}

html body .app-inner,html body main,html body section.s-block,html body .s-block{background-color:transparent}
html body .app-inner{background:var(--ak-cream)!important}

/* ---------- الهيدر ---------- */
html body .art-main-nav.main-nav-container{background:rgba(26,13,8,.86)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(244,236,225,.12)}
html body .art-main-nav .header-btn,
html body .art-main-nav .header-btn__icon,
html body .art-main-nav [class*="sicon-"]{color:#f4ece1!important}
html body .art-main-nav .header-btn:hover [class*="sicon-"]{color:var(--ak-gold-2)!important}

/* ---------- البانرات ---------- */
html body .art-banner::after{background:linear-gradient(180deg,rgba(26,13,8,.15),rgba(26,13,8,.55))!important}
html body .art-banner .art-title{font-size:clamp(2.2rem,5vw,3.8rem)!important;font-weight:700!important;text-shadow:0 2px 20px rgba(0,0,0,.35)}
html body .art-banner .art-subtitle{color:var(--ak-gold-2)!important;font-weight:500!important}
html body .s-block--fixed-banner img,
html body .banner--fixed img{border-radius:20px;box-shadow:0 30px 60px -36px rgba(58,17,3,.55)}

/* ---------- بطاقات المنتجات ---------- */
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry{
  background:var(--ak-card)!important;border:1px solid var(--ak-line)!important;border-radius:20px!important;overflow:hidden!important;
  box-shadow:0 1px 0 rgba(36,20,13,.04)!important;transition:box-shadow .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s!important}
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry:hover{box-shadow:0 26px 50px -28px rgba(58,17,3,.45)!important;border-color:rgba(122,82,20,.35)!important}
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-image{background:#ece2d5!important;overflow:hidden!important;border-radius:0!important}
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1)!important}
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry:hover .s-product-card-image img{transform:scale(1.04)}
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-content{padding:18px 20px 20px!important}
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-content-title,
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-content-title a,
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-content h3 a{font-family:"Amiri","Dubai",serif!important;font-size:1.4rem!important;line-height:1.4!important;font-weight:700!important;color:var(--ak-ink)!important;letter-spacing:0!important;text-transform:none!important}
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-content-sub h4,
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-price,
html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry .s-product-card-price *{color:var(--ak-ink)!important;font-weight:700!important;font-size:1.15rem!important}

/* ---------- الأزرار ---------- */
html body .s-button-element.s-button-btn{border-radius:999px!important;min-height:46px;font-weight:600!important;transition:background .25s,color .25s,border-color .25s,transform .25s}
html body .s-button-element.s-button-primary-outline,
html body .s-button-element.s-button-primary{background:var(--ak-ink)!important;border-color:var(--ak-ink)!important;color:var(--ak-cream)!important}
html body .s-button-element.s-button-primary-outline:hover,
html body .s-button-element.s-button-primary:hover{background:var(--ak-brand)!important;border-color:var(--ak-brand)!important}
html body .s-button-element.s-button-primary-outline .s-button-text,
html body .s-button-element.s-button-primary-outline [class*="sicon-"],
html body .s-button-element.s-button-primary .s-button-text{color:var(--ak-cream)!important}
html body .s-product-card-wishlist-btn .s-button-element{background:rgba(255,250,243,.92)!important;border-color:transparent!important}

/* ---------- الفوتر ---------- */
html body .store-footer.art-store-footer.art-store-footer{background:var(--ak-oud)!important;background-image:none!important;color:#c9b8a6!important;border-top:1px solid rgba(212,173,110,.25)}
html body .store-footer h3,
html body .store-footer h4,
html body .store-footer .s-contacts-title{color:#f4ece1!important;font-family:"Amiri",serif!important}
html body .store-footer a,
html body .store-footer .s-menu-footer-item,
html body .store-footer .s-contacts-item{color:#c9b8a6!important;transition:color .2s}
html body .store-footer a:hover{color:var(--ak-gold-2)!important}
html body .store-footer .s-social-icon{color:var(--ak-gold)!important}
html body .store-footer .copyright-text{color:#a99d93!important;border-color:rgba(244,236,225,.12)!important}

/* ---------- التركيز والحركة ---------- */
:focus-visible{outline:2px solid var(--ak-gold-ink)!important;outline-offset:3px!important;border-radius:6px}
@media (prefers-reduced-motion:no-preference){
  html body .s-product-card-entry.s-product-card-entry.s-product-card-entry.s-product-card-entry:hover{transform:translateY(-4px)}
  html body .s-button-element.s-button-btn:hover{transform:translateY(-1px)}
}
@media (prefers-reduced-motion:reduce){
  html body *{transition:none!important;animation:none!important}
}