/* ==========================================================================
   1. تلوين الأسعار والعملات باللون الأخضر الملكي
   ========================================================================== */

.price, 
.product-price, 
.price-amount, 
.current-price,
.price-box,
span.price,
.product-card .price,
[class*="price"] bdi, 
[class*="price"] span,
[class*="price"] strong,
bdi, 
.currency,
[class*="currency"],
.total-price, 
.subtotal-price,
.cart-total {

    color:#0A4D26 !important;

    font-weight:700 !important;

}

/* ==========================================================================
   2. حماية خلفية الهيدر ومنع اختفائه
   ========================================================================== */

header, 
.main-header, 
.site-header, 
nav, 
[class*="header-navigation"] {

    background-color:#ffffff !important;

    background:#ffffff !important;

    opacity:1 !important;

    visibility:visible !important;

}

/* ==========================================================================
   3. إخفاء الفوتر الأساسي بالكامل
   ========================================================================== */

footer, 
.main-footer, 
.footer-section, 
[class*="footer"], 
.footer-bottom, 
[class*="copyright"] {

    display:none !important;

    height:0 !important;

    padding:0 !important;

    margin:0 !important;

    opacity:0 !important;

    visibility:hidden !important;

}

/* ==========================================================================
   4. تخصيص الشريط السفلي الثابت بشكل احترافي
   ========================================================================== */

.fixed-bottom-bar,
.checkout-sticky-footer,
.add-to-cart-sticky,
.sticky-footer,
.quick-order-footer,
div[class*="sticky"][class*="button"],
div[class*="sticky"][class*="bottom"],
div[class*="fixed"][class*="bottom"] {

    /* اللون الاحترافي */
    background:#14532D !important;

    /* إزالة الحدود القديمة */
    border:none !important;

    /* خط علوي ذهبي فاخر */
    border-top:1px solid rgba(242,145,17,.35) !important;

    /* ظل ناعم */
    box-shadow:
    0 -2px 12px rgba(0,0,0,.08) !important;

    /* الحفاظ على مكان الشريط */
    padding-bottom:env(safe-area-inset-bottom) !important;

}

/* ==========================================================================
   تحسين النصوص داخل الشريط السفلي
   ========================================================================== */

.fixed-bottom-bar *,
.checkout-sticky-footer *,
.add-to-cart-sticky *,
.sticky-footer *,
.quick-order-footer * {

    color:#ffffff !important;

}

/* ==========================================================================
   تحسين أزرار الشريط السفلي
   ========================================================================== */

.fixed-bottom-bar button,
.checkout-sticky-footer button,
.add-to-cart-sticky button,
.sticky-footer button,
.quick-order-footer button {

    border-radius:10px !important;

    transition:all .3s ease !important;

}

/* تأثير Hover */

.fixed-bottom-bar button:hover,
.checkout-sticky-footer button:hover,
.add-to-cart-sticky button:hover,
.sticky-footer button:hover,
.quick-order-footer button:hover {

    transform:translateY(-1px);

}

/* ==========================================================================
   الخط المتحرك العلوي
   ========================================================================== */

.fixed-bottom-bar::before,
.checkout-sticky-footer::before,
.add-to-cart-sticky::before,
.sticky-footer::before,
.quick-order-footer::before,
div[class*="sticky"][class*="button"]::before,
div[class*="sticky"][class*="bottom"]::before,
div[class*="fixed"][class*="bottom"]::before {

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        #F29111,
        transparent
    );

    animation:stickyGlow 3s linear infinite;

}

/* ==========================================================================
   حركة التوهج
   ========================================================================== */

@keyframes stickyGlow {

    0%{
        left:-100%;
    }

    100%{
        left:100%;
    }

}