#wpfront-scroll-top-container{position:fixed;cursor:pointer;z-index:9999;border:none;outline:none;background-color:rgba(0,0,0,0);box-shadow:none;outline-style:none;text-decoration:none;opacity:0;display:none;align-items:center;justify-content:center;margin:0;padding:0}#wpfront-scroll-top-container.show{display:flex;opacity:1}#wpfront-scroll-top-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#wpfront-scroll-top-container .text-holder{padding:3px 10px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:4px 4px 5px 0px rgba(50,50,50,.5);-moz-box-shadow:4px 4px 5px 0px rgba(50,50,50,.5);box-shadow:4px 4px 5px 0px rgba(50,50,50,.5)}#wpfront-scroll-top-container{right:16px;bottom:20px;}#wpfront-scroll-top-container img{width:40px;height:40px;}#wpfront-scroll-top-container .text-holder{color:#FFFFFF;background-color:#000000;width:40px;height:40px;line-height:40px;}#wpfront-scroll-top-container .text-holder:hover{background-color:#000000;}#wpfront-scroll-top-container i{color:#000000;}/* افترض أن مُحدّد الزر هو #scroll-to-top */ /* 1. استهداف الزر في حالتي التركيز والنقر */ #scroll-to-top:focus,#scroll-to-top:active{/* إزالة إطار التركيز الافتراضي (المربع الأبيض أو الأزرق) */ outline:none !important;/* جعل خلفية التركيز شفافة (لحذف الخلفية الزرقاء المربعة) */ background-color:transparent !important;/* التأكد من أن الظل واللون الأساسي لا يتأثران */ box-shadow:none !important;/* أو استخدم الظل الذي اخترته لحالة العادية */}/* 2. التأكد من أن الزر نفسه دائري ولونه صحيح في الوضع الليلي */ /* يمكنك مراجعة الكود السابق وتعديل الألوان هنا إذا لزم الأمر */ #scroll-to-top{background-color:#333333;/* لون خلفية الزر الرمادي */ /* ... باقي التنسيقات ... */ }