/* Tajawal (تجوال) */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

:root{
  --font-ar: 'Tajawal', system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* تطبيق الخط على أغلب عناصر المتجر */
html, body,
h1,h2,h3,h4,h5,h6,
p,span,a,li,
button,input,textarea,select,label,
.s-button, .btn, .button{
  font-family: var(--font-ar) !important;
}
/* ضبط ارتفاع الهيدر */
#mainnav.main-nav-container{
    height: 80px !important; /* زودنا الارتفاع عشان يستوعب اللوجو */
    display: flex !important;
    align-items: center !important;
}

/* تكبير اللوجو */
.store-header .logo img{
    max-height: 65px !important;  /* تقدر تزود لـ 70 لو حبيت */
    width: auto !important;
}

/* توسيط العناصر كلها على نفس الخط */
.store-header .flex.items-stretch{
    align-items: center !important;
}

/* لو اللوجو طالع لفوق شوية */
.store-header .logo{
    margin-top: 6px !important; /* عدل الرقم لو احتاج */
}
/* جعل نص جميع الأزرار الداكنة أبيض */
button,
.s-button,
.btn,
.button,
.button--primary,
.s-button-primary,
.s-button-solid,
.s-button.btn--primary {
    color: #ffffff !important;
}
/* أزرار التبويبات - ثابت أسود */
.product-tabs-container .btn-tabs-container button,
.product-tabs-container .btn-tabs-container .btn,
.product-tabs-container .btn-tabs-container a {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* عند الـ hover */
.product-tabs-container .btn-tabs-container button:hover,
.product-tabs-container .btn-tabs-container .btn:hover,
.product-tabs-container .btn-tabs-container a:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* عند التفعيل active */
.product-tabs-container .btn-tabs-container .active,
.product-tabs-container .btn-tabs-container .btn.active,
.product-tabs-container .btn-tabs-container button.active {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
/* زر العروض - ذهبي */
.offer-countdown-button {
    background: linear-gradient(135deg, #D4AF37, #C9A227) !important;
    color: #000000 !important;
    border: none !important;
}

/* لون النص داخل الزر */
.offer-countdown-button span,
.offer-countdown-button a {
    color: #000000 !important;
}