/* Add custom CSS styles below */ 
.tab-trigger.is-active {
    background-color: #000 !important; /* خلفية سوداء */
    color: #fff !important;           /* نص أبيض */
    border-color: #000 !important;    /* إطار أسود */
}

.tab-trigger.is-active .s-button-text span {
    color: #fff !important;           /* النص الداخلي أبيض */
}



/* زر عرض الكل */
.s-block__display-all {
    background-color: #000 !important;  /* خلفية سوداء */
    color: #fff !important;             /* نص أبيض */
    border-color: #000 !important;      /* إطار أسود */
}

/* النص داخل الزر */
.s-block__display-all .s-button-text {
    color: #fff !important;
}

/* الأيقونة داخل الزر */
.s-block__display-all i {
    color: #fff !important;
}

/* تأثير الهوفر */
.s-block__display-all:hover {
    background-color: #111 !important;  /* أسود أفتح سنة */
    color: #fff !important;
    border-color: #111 !important;
}