CSS kodu ile tıklanarak aktif edilen alanın rengini değiştirme

MErhabalar Arkadaşlar,
Rankmath eklentisinin sık sorular kısmında soruların cevapları sağ kısımdaki + alanına tıklayarak akordion menüyü açınca rengi değişsin istiyorum.
Bu konuda bana ücretsiz yardımcı olabilecek olan var mı ?
Örnek; aşağıda soru kısımları turuncu renk ile işaretli. Ama cevabı görmek için tıklama yapıldığında rengi turuncu değil farklı olsun istiyorum. Yani hangi sorunun cevabı açılmışsa o sorunun rengi farklı olsun.

Kod dosyamın içeriği şuanda bu şekilde;

#rank-math-faq .rank-math-list-item{border:1px solid #ff9600;margin-bottom:20px;background-color:#f7f7f7}#rank-math-faq .rank-math-question{font-size:16px;font-weight:700;margin:0;padding:17px 56px 17px 12px;line-height:1.4;cursor:pointer;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block}#rank-math-faq .rank-math-question.faq-q-open{border-bottom:1px solid #ff9600}#rank-math-faq .rank-math-question:after{content:"+";position:absolute;top:50%;right:0;width:56px;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-weight:700;color:#000;font-size:20px}#rank-math-faq .rank-math-question.faq-q-open:after{content:"-"}#rank-math-faq .rank-math-answer{margin:0;padding:12px;background-color:#fff;font-size:16px!important;line-height:1.4!important;border-bottom:1px solid #dedee0;display:none}#rank-math-faq .RMFA-quesion-button{all:unset!important}
}

ek css kodları ile yazabilirsiniz. Önce inspecter alanından class alanını alırsınız check veya open olması gerekir, seçili olan alanın rengini istediğiniz bir renk olarak atama yaparsınız

/* Açık durumdaki soru başlığının arka plan rengini değiştirir */
.rank-math-block.is-selected .rank-math-answer-header {
background-color: #4CAF50 !important; /* Yeşil renk, istediğiniz renge değiştirebilirsiniz */
}

/* Açık durumdaki soru başlığının metin rengini değiştirir */
.rank-math-block.is-selected .rank-math-answer-header .rank-math-block-title {
color: white !important;
}

/* Açık durumdaki soru başlığının + işaretini değiştirir */
.rank-math-block.is-selected .rank-math-answer-header .dashicons-plus::before {
content: "f158"; /* Eksi işareti için */
color: white !important;
}

Çok güzel açıklamışsında hocam. Zaten bunu yapacak kod bilgim yok. google üzerinden de baktım birçok yöntem var birkaçını uyguladım ama yapamayınca buraya yazdım.

anydesk varsa pm üzerinden gönderin yardımcı olayım

Hocam aşağıdaki kodu eklentinin stil.css.min dosyasında en alta ekledim ama olmadı.
.rank-math-block.is-selected .rank-math-answer-header {
background-color: #4CAF50 !important; /* Yeşil renk, istediğiniz renge değiştirebilirsiniz */
}

Orayada denedim hocam şimdi ama olmadı.

O şekilde de denedim. Sitedeki cacheyi sildim, tarayıcıdan cache sildim. Ama olmadı :-)

İlginiz için teşekkür ederim hocam. sorunu zaten eklentinin mevcut olan kodunda sadece renk değişikliği yaparak çözdüm.