/* Add custom CSS styles below */ 
footer,
footer p,
footer span,
footer small {
    color: #ffffff !important;
    opacity: 1 !important;
}
/* Add custom CSS styles below */

.top-bar,
.top-bar p,
.top-bar span,
.top-bar small,
.top-bar a,
.top-bar div {
    color: #ffffff !important;
    opacity: 1 !important;
    
}
/* استهداف أي رابط بريد داخل الفوتر حتى لو ما عدّلنا HTML */
.site-footer a[href^="mailto:"],
.footer a[href^="mailto:"],
.s-footer a[href^="mailto:"] {
  position: relative;
  text-decoration: none;
}

/* التولتيب */
.site-footer a[href^="mailto:"]::after,
.footer a[href^="mailto:"]::after,
.s-footer a[href^="mailto:"]::after {
  content: "البريد الإلكتروني";
  position: absolute;
  bottom: 125%; /* يظهر فوق البريد */
  left: 50%;
  transform: translateX(-50%);
  background: #fff;      /* أبيض (مثل لونك) */
  color: #000;           /* أسود لوضوح النص */
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
  z-index: 9999;
}

/* الظهور عند المرور */
.site-footer a[href^="mailto:"]:hover::after,
.footer a[href^="mailto:"]:hover::after,
.s-footer a[href^="mailto:"]:hover::after {
  opacity: 1;
  visibility: visible;
}

/* معالجة مشاكل القصّ إن كان عنصر الأب لديه overflow:hidden */
.site-footer, .footer, .s-footer { overflow: visible !important; }