@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&family=Noto+Kufi+Arabic:wght@300&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");
.r-rtl {
  direction: rtl !important; }

.r-ltr {
  direction: ltr !important; }

a, p, span, label, td, th, div, h1, h2, h3, h4, h5, h6, body {
  font-family: "Noto Kufi Arabic", sans-serif !important; }

#right_sidebar {
  right: auto !important;
  left: -100%; }

#right_sidebar #close_right_sidebar {
  right: auto !important;
  left: 31px !important;
  font-size: 25px !important;
  color: #111 !important;
  z-index: 10000 !important; }

.ayoan_whatsapp_chatbox_container {
  right: auto !important;
  left: 20px !important; }

/* Force Side Panel to Left in Arabic */
body.side-panel-left #side-panel-container {
  right: auto !important;
  left: -480px !important; }

body.side-panel-left.side-panel-open #side-panel-container {
  right: auto !important;
  left: 0 !important; }

/* === ARABIC SIDEBAR: OVERLAY MODE (same as English) ===
   The sidebar slides in from the left as an overlay.
   #wrapper and header stay fixed — no content shift.
   This matches the English LTR sidebar behavior exactly.
*/
/* No push rules needed — sidebar is an overlay, content stays in place */
/* Alignment of close icon inside sidebar */
.side-panel-left #side-panel-trigger-close {
  right: auto !important;
  left: 10px !important;
  text-align: left !important; }

.side-panel-left .side-panel-wrap {
  text-align: right !important;
  /* Content stays RTL */ }

/* Cookie Consent Banner */
#cookie-consent-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  transition: transform 0.3s ease-in-out, opacity 0.3s;
  opacity: 0;
  transform: translateY(100px);
  border: 1px solid #e0e0e0; }

#cookie-consent-banner.show {
  opacity: 1;
  transform: translateY(0); }

.cookie-content {
  flex: 1; }

.cookie-text {
  margin: 0;
  font-size: 14px;
  color: #333; }

.cookie-actions {
  display: flex;
  gap: 10px; }

@media (max-width: 768px) {
  #cookie-consent-banner {
    flex-direction: column;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 12px 12px 0 0; } }

/*# sourceMappingURL=custom.css.map */