@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

/* =========================
   الهوية العامة (خط + ألوان روابط فقط)
   ========================= */
:root{
  --screen-logo: url(https://cdn.salla.sa/DoaRg/qDfL82I5X4ZD5cE3biw9s5R16zml87bqq0IhOAlY.png);
  --main-color:   #00216b;   /* أزرق داكن من الشعار */
  --second-color: #fefefe;   /* أبيض من الشعار */
  --third-color:  #030823;   /* كحلي داكن جدًا من الشعار */
  --fourth-color: #00597c;   /* تركوازي/أزرق بحري من الشعار */
}

/* خط للعناصر النصية الشائعة فقط (بدون لمس تخطيطات) */
body, h1,h2,h3,h4,h5,h6, p, a, small, li, button, input, select, textarea{
  font-family: "Cairo", sans-serif !important;
  color: var(--third-color);
}
a{ color: var(--main-color); }
a:hover{ color: var(--fourth-color); }

/* =========================
   الهيدر
   ========================= */
.top-navbar{ background:#fefefe; }
#mainnav{ background: var(--second-color); }
#mainnav li a{ color: var(--third-color); font-weight:700; }
#mainnav li a:hover{ color: var(--fourth-color) !important; }

/* شعار الهيدر (لو IMG) */
.navbar-brand img{
  content: url("https://cdn.salla.sa/DoaRg/qDfL82I5X4ZD5cE3biw9s5R16zml87bqq0IhOAlY.png");
  max-height: 264px !important;
  height: auto; width: auto;
}

/* تحسين بسيط للبحث (لون فقط) */
.s-search-icon svg{ width:1rem; height:1rem; fill:#fefefe; }
.s-search-input-wrapper input{ background: var(--third-color); color:#6c829b; }
.s-search-input-wrapper input::placeholder{ color:#fefefe; }

/* =========================
   بطاقة المنتج (ألوان/حواف/صورة آمنة للجوال)
   ========================= */

/* إطار ناعم وظل */
.s-product-card-entry{
  background:#fefefe;
  border-radius:18px;
  box-shadow:0 2px 10px rgba(0,0,0,.10);
}

/* العنوان والروابط داخل البطاقة */
.s-product-card-content-title a{ color: var(--main-color); }
.s-product-card-content-title a:hover{ color: var(--fourth-color); }

/* زر الإضافة للسلّة بلون الهوية */
.s-product-card-entry .s-button,
custom-salla-product-card .s-button{
  border-color: var(--main-color);
  color: var(--main-color);
}
.s-product-card-entry .s-button:hover,
custom-salla-product-card .s-button:hover{
  border-color: var(--fourth-color);
  color: var(--fourth-color);
}

/* صورة المنتج — بدون لعب بالـlazy/الـlayout */
.s-product-card-entry .product-entry__image img,
custom-salla-product-card .product-entry__image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit: cover;          /* تغطية جميلة مع قصّ خفيف */
}

/* مسافات داخلية مريحة للمحتوى */
.s-product-card-entry .product-entry__content,
custom-salla-product-card .product-entry__content{
  padding: .85rem 1rem;
}

/* =========================
   الفوتر
   ========================= */
.store-footer{
  background: transparent !important;
  text-align: center;
  padding: 24px;
  font-size: 14px;
}
.footer-is-light .store-footer .store-footer__inner{ background: transparent; }

.store-footer__inner{
  background: rgba(254,254,254,.98);
  border-radius:16px;
  box-shadow: 0 2px 15px rgba(0,33,107,.18);
  border:1px solid rgba(0,33,107,.10);
  padding:20px;
}

/* لوقو الفوتر في المنتصف */
.store-footer__inner .flex{ justify-content:center !important; }
.store-footer .footer-logo,
.store-footer a h3:nth-child(1){
  display:block;
  width:220px; height:100px;
  margin:10px auto 0;
  background-image: var(--screen-logo);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}

/* =========================
   استجابة الجوال
   ========================= */
@media (max-width: 767px){
  /* شعار أصغر قليلًا */
  .navbar-brand img{ max-height: 56px !important; }

  /* توازن بطاقات المنتج للجوال */
  .s-product-card-entry .product-entry__image img,
  custom-salla-product-card .product-entry__image img{
    max-height: 200px;        /* يمنع تمدد عمودي مبالغ فيه */
  }

  /* الزر بعرض كامل أسهل للنقر */
  .s-product-card-entry .s-button,
  custom-salla-product-card .s-button{
    width: 100%;
  }

  /* حواف أخف */
  .s-product-card-entry{ border-radius: 14px; }
}
/* شاشة تحميل بالشعار */
body { 
  background: #fefefe; 
}
body:after {
  content:''; 
  position:fixed; 
  inset:0; 
  z-index:999999;
  background: var(--second-color) var(--screen-logo) no-repeat center;
  background-size:300px;  /* حجم الشعار */
  animation: splashFade 1.5s forwards;
}
@keyframes splashFade {
  0%,75% { opacity:1; transform:scale(1) }
  100%   { opacity:0; transform:scale(.1) }
}
/* حقل البحث */
.s-search-input-wrapper input {
  background: var(--third-color) !important;
  color: #6c829b;
  box-shadow: rgba(0,33,107,.35) 0 6px 18px;
}
.s-search-input-wrapper input::placeholder { color:#fefefe; }
/* أيقونات الميزات */
.s-block--features__item { background:transparent !important; }
.s-block--features__item .feature-icon { background: var(--main-color); }
.s-block--features__item .feature-icon i { color:#fefefef2; }
/* تعديل لون النص داخل البنر */
.full-banner-entry h1,
.full-banner-entry h2,
.full-banner-entry h3,
.full-banner-entry p {
  color: #fefefe !important;           /* أبيض */
  text-shadow: 0 2px 6px rgba(0,0,0,.5); /* ظل خفيف للوضوح */
}