.header-bg{ background: #066058; }
    .border-yellow{ border-color:#ffc107!important; }
    .brown-hr{ width: 50px;
    color: #c69a47;
    margin: -7px 0; }
    .fs-custom{ font-size: 1rem; }
    .sub-title{ color:#0a374a; }
    .link-icon {
    color: #066058;
    text-decoration: none;
    font-size: 16px;
}
    .link-icon:hover {
    color: #c69a47;
}

.nav-link{
    color: #066058 !important;
    background-color: #ededed !important;
}
.nav-link:hover{background-color: #c4c4c4 !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: white !important;
    background-color:#066058 !important;
}

/*accordion*/
section {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.accordion-item:focus,
.accordion-item:focus-visible,
.accordion-item:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

/* إزالة شكل Bootstrap الافتراضي */
.accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

/* التركيز بلوحة المفاتيح على الـ header فقط */
.accordion-button:focus-visible {
  position: relative;
  z-index: 2;

  outline: 2px solid #161616 !important;

  border-radius: 4px;
}

/*مبدل المحتوى*/
.section-title {
  font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.375;
}

.content-switcher {
  --switcher-bg: transparent;
  --switcher-hover: #e5e7eb;
  --switcher-selected: #0d121c;
  --switcher-text: #161616;
  --switcher-selected-text: #ffffff;
  --switcher-focus: #ffffff;
  --switcher-focus-outer: #000;

  width: 100%;
}

/* حاوية المبدّل */
.content-switcher__tabs {
  display: inline-flex;
  align-items: stretch;

  padding: 0;
  margin: 0 0 24px;

  border-radius: 8px;
  overflow: visible;
}

/* العنصر الأساسي */
.content-switcher__tab {
  position: relative;

  min-width: 120px;
  height: 40px;
  padding: 4px 10px;

  border: 0;
  border-inline-end: 1px solid #e1e3e6;
  border-radius: 0;

  background-color: var(--switcher-bg);
  color: var(--switcher-text);
  font-size: 18px !important;
  font-weight: 400 !important;
  font: inherit;
  line-height: 28px;
  text-align: center;

  cursor: pointer;

  transition:
    background-color 150ms ease,
    color 150ms ease,
    box-shadow 150ms ease,
    transform 100ms ease;
}

/* تدوير أطراف المجموعة */
.content-switcher__tab:first-child {
  border-inline-end: 0.5px solid #d2d6db;
  border-end-start-radius: 8px;
  border-start-start-radius: 8px;
}

.content-switcher__tab:last-child {
  border-inline-end: 0;
  border-inline-start: 0.5px solid #d2d6db;
  border-start-end-radius: 8px;
  border-end-end-radius: 8px;
}

/* Hover للعنصر غير المحدد */
.content-switcher__tab:hover:not([aria-selected="true"]) {
  background-color: var(--switcher-hover);
}

/* العنصر المحدد */
.content-switcher__tab[aria-selected="true"] {
  z-index: 1;
  background-color: var(--switcher-selected);
  color: var(--switcher-selected-text);
}


/* Focus بلوحة المفاتيح */
.content-switcher__tab:focus {
  outline: none;
}

.content-switcher__tab:focus-visible {
  z-index: 2;
outline: none;
    border: 1px solid white !important;
    box-shadow: 0 0 0 2px #000;
}

/* المحتوى */
.content-switcher__panel {
  padding: 24px;

  border: 1px solid #e1e3e6;
  border-radius: 8px;

  background-color: #ffffff;
  color: #161616;
}

.content-switcher__panel:focus {
  outline: none;
}

.content-switcher__panel:focus-visible {
  outline: 2px solid #101722;
  outline-offset: 3px;
}

.content-switcher__panel[hidden] {
  display: none;
}

/* منع الحركة لمن يفضل تقليلها */
@media (prefers-reduced-motion: reduce) {
  .content-switcher__tab {
    transition: none;
  }
}


.event-status {
  width: 100%;
}

.event-status-card {
  --status-color: #4b5563;
  --status-border: #d2d6db;
  --status-background: #f9fafb;
  --status-icon-background: #f3f4f6;

  position: relative;

  display: flex;
  align-items: flex-start;
  gap: 12px;

  width: 100%;
  min-height: 92px;
  padding: 16px;

  direction: rtl;
  text-align: right;

  color: var(--status-color);
  background-color: var(--status-background);

  border: 1px solid var(--status-border);
  border-inline-start: 6px solid var(--status-border);
  border-radius: 8px;
}

/* الأيقونة */

.event-status-card__icon {
  flex: 0 0 40px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  height: 40px;

  color: var(--status-color);
  background-color: var(--status-icon-background);
  border-radius: 50%;
}

.event-status-card__icon svg {
  width: 22px;
  height: 22px;
}

/* المحتوى */

.event-status-card__content {
  display: flex;
  flex-direction: column;
  gap: 6px;

  min-width: 0;
  padding-top: 2px;
}

.event-status-card__title {
  display: block;

  color: var(--status-color);

  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.event-status-card__description {
  display: block;

  color: #4d5761;

  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

/* =========================
   متاح
========================= */

.event-status-card--available {
  --status-color: #069454;
  --status-border: #069454;
  --status-background: #f6fef9;
  --status-icon-background: #ecfdf3;
}

/* =========================
   ينتهي بعد
========================= */

.event-status-card--ending {
  --status-color: #f79009;
  --status-border: #f79009;
  --status-background: #fffcf5;
  --status-icon-background: #fffaeb;
}

/* =========================
   متاح بعد
========================= */

.event-status-card--upcoming {
  --status-color: #4d5761;
  --status-border: #d2d6db;
  --status-background: #fcfcfd;
  --status-icon-background: #f9fafb;
}

/* =========================
   انتهى
========================= */

.event-status-card--expired {
  --status-color: #d92c20;
  --status-border: #d92c20;
  --status-background: #fffbfa;
  --status-icon-background: #fef3f2;
}