/* site-extra.css - تعديلات بسيطة فوق تمبليت Agrikon الأصلي لموقع SeifGreen */

.site-lang-switch a { color: inherit; opacity: .75; text-decoration: none; margin: 0 2px; }
.site-lang-switch a.active { opacity: 1; font-weight: 700; text-decoration: underline; }

.main-header__cart-btn { position: relative; }
.cart-count-badge {
    position: absolute; top: -6px; inset-inline-end: -8px;
    background: #dc3545; color: #fff; border-radius: 50%;
    font-size: 11px; width: 18px; height: 18px; line-height: 18px; text-align: center;
}

/* بطاقات المتجر */
.shop-product-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.06); margin-bottom: 30px; transition: transform .2s; }
.shop-product-card:hover { transform: translateY(-4px); }
.shop-product-card__image { display: block; height: 220px; overflow: hidden; }
.shop-product-card__image img { width: 100%; height: 100%; object-fit: cover; }
.shop-product-card__body { padding: 15px; text-align: center; }
.shop-product-card__price { font-weight: 700; color: #1e7d3c; }
.shop-product-card__price .old-price { text-decoration: line-through; color: #999; font-weight: 400; font-size: 13px; margin-inline-end: 6px; }

.badge-featured { background: #1e7d3c; color: #fff; font-size: 11px; padding: 3px 8px; border-radius: 4px; position: absolute; top: 10px; inset-inline-start: 10px; z-index: 2; }

/* السلة وإتمام الطلب */
.cart-table img { width: 60px; height: 60px; object-fit: cover; border-radius: 4px; }
.cart-summary-box { background: #f8f9fa; border-radius: 8px; padding: 20px; }
.cart-summary-box .row-line { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e9ecef; }
.cart-summary-box .row-line.total { font-weight: 700; font-size: 18px; border-bottom: none; }

.qty-input { width: 70px; text-align: center; }

.gallery-thumb { width: 70px; height: 70px; object-fit: cover; border-radius: 6px; cursor: pointer; border: 2px solid transparent; }
.gallery-thumb.active { border-color: #1e7d3c; }

.alert-form { border-radius: 8px; }

/* -----------------------------------------------------------------
   إصلاح خط رفيع بيبان تحت الهيدر مباشرة (فوق شكل الورقة المقطوعة)
   السبب: صندوق main-menu::after (اللي بيرسم شكل الورقة المقطوعة نفسها)
   ملاصق لحدّ الهيدر بفرق بكسل واحد بس. على شاشات فيها تكبير (zoom) أو
   مقياس عرض (display scaling) مش 100% بالظبط - زي 125%/150% الشائعة على
   شاشات ويندوز - بيحصل تقريب كسور بكسل بسيط بيسيب خط رمادي رفيع فاضي
   بين الاتنين. main-menu::after نفسه متسيبناش زي ما هو بالظبط (أي لمسة
   فيه بتمسح شكل التمزيق لأنها بتتلوّن تحت الشفافية بتاعته). بدل كدا
   ضفنا شريط أبيض صغير جدًا (::before) بيغطي بس منطقة الوصلة، فمفيش أي
   فجوة تبان مهما كان مقياس الشاشة، وشكل الورقة المقطوعة فاضل زي ما هو. */
.main-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background-color: #fff;
    z-index: 1;
}

/* نفس فكرة الإصلاح فوق، لكن دي بتحل خط أبيض تاني كان بيبان تحت شكل
   الورقة المقطوعة (جوه الصورة الخضراء) مش فوقه. السبب مختلف شوية:
   ارتفاع الصورة الأصلية (16px) لما بيتحسب تلقائيًا (auto) بيبقى كسر
   بسيط أقل من ارتفاع الصندوق (16px بالظبط)، وبما إن الخاصية الافتراضية
   بتكرر الصورة (repeat) لو فيه مساحة فاضية، على شاشات فيها كسور بكسل
   بيظهر شعرة من "بداية" نسخة تانية من الصورة (اللي جزؤها العلوي أبيض
   بالكامل) في القاع. منعنا التكرار خالص، فمفيش غير نسخة واحدة من
   الصورة تتعرض - وده مبيأثرش على شكل التمزيق نفسه لأن عرضها أصلاً
   100% مطابق لعرض الصندوق. */
.main-menu::after {
    background-repeat: no-repeat;
}