/********************************************
 *   PREMIUM HEADER REDESIGN – TOP CARE
 ********************************************/

/* ================================
   1) TOP NAVBAR
   ================================ */
.top-navbar {
  background: #ffffff !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #eee !important;
}

.top-navbar .container {
  align-items: center !important;
}

/* Language button */
.top-navbar button {
  background: transparent !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  font-weight: 700 !important;
  transition: .2s;
}

.top-navbar button:hover {
  background: #f3f3f3 !important;
}

/* ================================
   2) LOGO
   ================================ */
.navbar-brand img {
  max-height: 54px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: .2s ease;
}

.navbar-brand img:hover {
  transform: scale(1.03);
}

/* ================================
   3) SEARCH BAR
   ================================ */
.header-search .s-search-input {
  background: #fff !important;
  border-radius: 30px !important;
  height: 42px !important;
  border: 1px solid #dcdcdc !important;
  font-weight: 600 !important;
  padding-right: 16px !important;
}

.header-search .s-search-input:focus {
  background: #ffffff !important;
  border-color: #D8C7E8 !important;
  box-shadow: 0 0 0 2px rgba(216,199,232,0.4) !important;
}

/* ================================
   4) MAIN NAVBAR
   ================================ */
.zina-main-nav-container {
  background: #ffffff !important;
  height: 82px !important;
  border-bottom: 1px solid #eee !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}

.zina-main-nav-container .container {
  height: 82px !important;
  display: flex;
  align-items: center !important;
}

/* Mobile menu button */
.mburger {
  padding: 8px !important;
  border-radius: 8px !important;
  transition: .2s;
}

.mburger:hover {
  background: #F6F3FB !important;
}

/* ================================
   5) ICONS
   ================================ */
.header-btn__icon,
.s-cart-summary-icon,
.sicon-shopping-bag2 {
  font-size: 22px !important;
}

.header-buttons button,
.header-btn,
.s-cart-summary-wrapper {
  background: #fafafa !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s;
  border: 1px solid #eaeaea !important;
}

.header-buttons button:hover,
.header-btn:hover,
.s-cart-summary-wrapper:hover {
  background: #D8C7E8 !important;
  color: #000 !important;
  border-color: #d0bde5 !important;
}

/* Cart counter */
.s-cart-summary-count {
  background: #D8C7E8 !important;
  color: #000 !important;
  font-weight: 800 !important;
  padding: 2px 6px !important;
  border-radius: 50% !important;
  top: -6px !important;
  right: -6px !important;
}

/* ================================
   6) LAYOUT
   ================================ */
.zina-fixed-main-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.zina-fixed-main-nav-ul {
  gap: 10px !important;
}

/* ================================
   7) MOBILE HEADER FIXES
   ================================ */
@media (max-width: 768px) {
  .zina-main-nav-container {
    height: 68px !important;
  }

  .navbar-brand img {
    max-height: 44px !important;
  }

  .header-search {
    display: none !important;
  }

  .header-buttons,
  .s-cart-summary-wrapper {
    padding: 6px 8px !important;
    border-radius: 8px !important;
  }
}

/* =========================
   GLOBAL THEME
   ========================= */
:root {
  --bg-main: #F8F8F8;
  --text-main: #000000;
  --card-bg: #FFFFFF;
  --card-shadow: 0 6px 18px rgba(0, 0, 0, .06);

  --btn-cart: #D8C7E8;
  --btn-cart-hover: #C9B6DE;
  --btn-ink: #000000;
}

html,
body,
.app-inner {
  background: #F7F9FF !important;
  color: #222 !important;
  font-family: 'Cairo', sans-serif !important;
}

body,
html,
* {
  font-weight: 700 !important;
}

/********************************************
 *   ULTRA PREMIUM PRODUCT CARDS
 ********************************************/

/* Animation */
@keyframes fadeFloat {
  0% { opacity: 0; transform: translateY(10px) scale(0.97); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* PRODUCT CARD */
.s-product-card-entry {
  background: linear-gradient(180deg,#ffffffcc,#faf7ffcc) !important;
  border-radius: 20px !important;
  padding: 14px !important;
  border: 1px solid #e9e9e9 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
  animation: fadeFloat .4s ease;
}

/* Image */
.s-product-card-image img {
  width: 100%;
  height: auto !important;
  aspect-ratio: 1/1 !important;
  object-fit: contain !important;
  transition: .3s ease;
}

.s-product-card-entry:hover img {
  transform: scale(1.09);
}

/* Title */
.s-product-card-content-title a {
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #1d1d1d !important;
}

/* Price */
.s-product-card-price {
  font-size: 20px !important;
  font-weight: 900 !important;
  margin-top: 4px;
}

/* ================================
   NEW — SMALLER "ADD TO CART" BUTTON
   ================================ */
.s-product-card-content-footer button {
  width: 100% !important;
  background: linear-gradient(135deg,#D8C7E8,#c0afd9) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;   /* أصغر */
  font-size: 14px !important;       /* أصغر */
  font-weight: 900 !important;
  color: #000 !important;
  transition: .22s;
}

.s-product-card-content-footer button:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg,#c9b6de,#b097ce) !important;
}

/* Mobile tweak */
@media (max-width: 768px) {
  .s-product-card-content-footer button {
    padding: 9px 10px !important;
    font-size: 13px !important;
    border-radius: 9px !important;
  }
}

/********************************************
 *   PRODUCT PAGE IMPROVEMENTS (FULL UPGRADE)
 ********************************************/

/* Title */
.product-page h1,
.zina-main-content h1 {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #222 !important;
  line-height: 1.4 !important;
}

/* Price */
.price-wrapper h2 {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: #000 !important;
}

.before-price {
  font-size: 16px !important;
  opacity: .55 !important;
}

/* Image gallery */
.details-slider {
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 10px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

.s-slider-thumbs img {
  border-radius: 10px !important;
  border: 2px solid #eee !important;
}

.s-slider-thumbs .swiper-slide-thumb-active img {
  border-color: #D8C7E8 !important;
}

/* Quantity box */
.s-quantity-input-container {
  border-radius: 10px !important;
  border: 1px solid #ddd !important;
  overflow: hidden !important;
}

.s-quantity-input-button {
  background: #F5F2FB !important;
  font-weight: 900 !important;
}

/* Add to cart main button */
.s-add-product-button-main button {
  background: #D8C7E8 !important;
  color: #000 !important;
  font-weight: 900 !important;
  padding: 16px !important;
  border-radius: 12px !important;
  font-size: 18px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transition: .25s;
}

.s-add-product-button-main button:hover {
  background: #C9B6DE !important;
  transform: translateY(-2px);
}
/********************************************
 *   QUICK ORDER – PREMIUM DESIGN UPGRADE
 ********************************************/

/* الحاوية الأساسية */
.s-quick-order-container {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 20px !important;
    border: 1px solid #e6e6e6 !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06) !important;
    transition: .3s ease;
}

/* الجزء العلوي */
.s-quick-order-button-cont {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eee !important;
}

/* العنوان */
.s-quick-order-container h3 {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #222 !important;
    margin-bottom: 4px !important;
}

/* الوصف */
.s-quick-order-container p {
    font-size: 14px !important;
    color: #555 !important;
    margin: 0 !important;
}

/* زر "اطلبه الآن" */
.s-quick-order-button-cont button {
    background: linear-gradient(135deg, #D8C7E8, #c2b0da) !important;
    color: #000 !important;
    font-weight: 800 !important;
    padding: 10px 18px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.07) !important;
    transition: .25s ease-in-out !important;
}

.s-quick-order-button-cont button:hover {
    background: #c9b6de !important;
    transform: translateY(-2px);
}

/* النموذج */
.s-quick-order-expandable {
    margin-top: 18px !important;
}

/* تنسيق الحقول */
.s-quick-order-container .s-form-control,
.s-tel-input-control {
    background: #fafafa !important;
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    padding: 12px !important;
    font-size: 14px !important;
    color: #222 !important;
    font-weight: 600 !important;
    transition: .2s;
}

/* عند التركيز */
.s-quick-order-container .s-form-control:focus,
.s-tel-input-control:focus {
    border-color: #D8C7E8 !important;
    background: #fff !important;
}

/* أيقونات الحقول */
.s-quick-order-container .s-form-group span svg {
    width: 22px !important;
    opacity: .5 !important;
}

/* حقل الهاتف */
.s-quick-order-flex-input {
    display: flex;
    gap: 12px;
}

/* زر "اطلب المنتج" */
.s-quick-order-expandable button[type="submit"] {
    width: 100% !important;
    margin-top: 16px !important;
    padding: 14px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #D8C7E8, #c0afd9) !important;
    color: #000 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.10) !important;
    transition: .25s ease;
}

.s-quick-order-expandable button[type="submit"]:hover {
    background: #c9b6de !important;
    transform: translateY(-2px);
}

/* تحسين الموبايل */
@media (max-width: 768px) {
    .s-quick-order-button-cont {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .s-quick-order-flex-input {
        flex-direction: column !important;
    }

    .s-quick-order-container {
        padding: 16px !important;
    }
}

/********************************************
 * تحسين تصميم قسم منتجات قد تعجبك – توب كير
 ********************************************/

/* ضبط كرت المنتج */
.s-products-slider-card custom-salla-product-card.s-product-card-entry {
    border-radius: 14px !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid #eee !important;
    transition: all .25s ease-in-out !important;
}

.s-products-slider-card custom-salla-product-card.s-product-card-entry:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
    transform: translateY(-3px) !important;
}

/* ضبط حجم صورة المنتج */
.s-products-slider-card .s-product-card-image img {
    height: 170px !important;
    object-fit: contain !important;
}

/* العنوان — سطر واحد فقط */
.s-products-slider-card .s-product-card-content-title a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* السعر */
.s-products-slider-card .s-product-card-price {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--color-primary) !important;
}

/********************************************
 * زر الإضافة للسلة — النسخة المصغرة المحترفة
 ********************************************/
.s-products-slider-card .s-product-card-content-footer button {
    background: #e9d8f5 !important;
    border: 1px solid #c7b6df !important;
    color: #3d3252 !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    height: auto !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
}

.s-products-slider-card .s-product-card-content-footer button i {
    font-size: 14px !important;
}

/********************************************
 * تصغير الهوامش وإحكام المسافات
 ********************************************/
.s-products-slider-card .s-product-card-content {
    padding: 0 !important;
}

.s-products-slider-card .s-product-card-content-footer {
    margin-top: 8px !important;
}

/********************************************
 * تحسين شكل السهمين (السلايدر)
 ********************************************/
.s-slider-nav-arrow {
    background: #f4f0fa !important;
    border-radius: 50% !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d8c7e8 !important;
    transition: .2s ease;
}

.s-slider-nav-arrow:hover {
    background: #e5d7f4 !important;
}

/********************************************
 * تحسين شكل عنوان القسم
 ********************************************/
.s-slider-block__title h2 {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #3d3252 !important;
    letter-spacing: -.5px !important;
}

/* Hide blog post tags section */
.post-entry .border-t {
    display: none !important;
}
/* Internal links inside blog section */
.blog a[href^="/"],
.blog a[href*="topcaresa.com"] {
    color: #1a73e8 !important;
}