/* Global direction and alignment */  
html[lang="ar"] body {  
    direction: rtl;  
    text-align: right;  
}  
  
/* Headings and paragraphs */  
html[lang="ar"] h1,  
html[lang="ar"] h2,  
html[lang="ar"] h3,  
html[lang="ar"] h4,  
html[lang="ar"] h5,  
html[lang="ar"] h6,  
html[lang="ar"] p {  
    direction: rtl;  
    text-align: right !important; /* override any LTR styles */  
}  
  
/* Article/content containers */  
html[lang="ar"] .article-content,  
html[lang="ar"] .content,  
html[lang="ar"] .post,  
html[lang="ar"] .entry-content {  
    direction: rtl;  
    text-align: right;  
    margin-right: 0;  
    margin-left: 0;  
    padding-right: 1rem;  
    padding-left: 0;  
}  
  
/* Metadata rows (date, category, author, etc.) */  
html[lang="ar"] .meta,  
html[lang="ar"] .post-meta {  
    flex-direction: row-reverse;  
    text-align: right;  
}  
  
/* Social icons container */  
html[lang="ar"] .social-icons {  
    direction: rtl;  
    justify-content: flex-start; 
}  
  
  
/* Apply RTL properly to lists when Arabic is active */  
html[lang="ar"] ul,  
html[lang="ar"] ol {  
    direction: rtl;              /* Right-to-left layout for lists */  
    text-align: right;            /* Align the list text to the right */  
    padding-right: 1.5em;         /* Space on the right for bullets */  
    padding-left: 0;              /* Remove left padding */  
}  
  
html[lang="ar"] li {  
    direction: rtl;               /* Ensure list items are RTL too */  
    text-align: right;  
}  
  
html[lang="ar"] ul {  
    list-style-position: inside;  /* Bullets inside text block */  
}  

.mainNavIcons .ituLanguageDropdown {  
  position: relative;  
  display: inline-block;  
}  
  
.mainNavIcons .ituLanguageDropdown[data-dropdown] ul[data-dropdown-content] {  
  display: none;  
  position: absolute;  
  background-color: #ffffff;  
  border: 1px solid #ccc;  
  padding: 10px;  
  width: 200px;  
  z-index: 1000;  
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);  
}  
  
.mainNavIcons .ituLanguageDropdown[data-dropdown]:hover ul[data-dropdown-content] {  
  display: block;  
}  
  
.ituCardNotification {
  position: absolute;
  top: 140px !important;
  right: 30px;
  border-radius: 4px;
  background-color: #2f2f2f;
  color: white;
  width: 320px;
  padding: 1.5rem;
  box-shadow: 00 0 1.5rem #a9cad814;
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
  display: none;
  border-left: 3px solid #009CD6;
}

body {
  overflow-x: hidden;
}


.ituCardNotification.active {
  transform: translateX(0%);
display: block;
}

.ituCardNotification .ituCardNotificationContent {
  display: flex;
  align-items: center;
}


.ituCardNotificationContent .message {
  display: flex;
  flex-direction: column;

}
#toastMessageDisclaimer{
    color:#009CD6;
    }
    #toastMessageDisclaimer:hover{
    text-decoration: underline;
    }
.message .text {
  font-size: 16px;
  font-weight: 400;
  color: white;
  margin-left: 0px !important;
}

.text-2 {
  font-size: 16px;
  font-weight: 400;
  color: white;
  margin-left: 0px !important;
  text-decoration: underline;
}

.ituCardNotification .close::before {
  content: "×";
  color: white;
  font-weight: bold;
}

.ituCardNotification .close {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
  opacity: 0.7;

}

.ituCardNotification .close:hover {
  opacity: 1;
}

.ituCardNotification.active ~ button {  
  pointer-events: none;  
}  

#translation-slot {  
  list-style-type: none;  
}