/* ============================================================
   occasions.css — استایل مودال مناسبت‌ها
   ============================================================ */

.oc-filter-bar {
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
  border-bottom: 2px solid #f0e6d0;
  padding-bottom: 8px;
}

.oc-filter {
  background: transparent;
  border: 0;
  padding: 7px 14px;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  color: #777;
  cursor: pointer;
  transition: all 0.15s;
}

.oc-filter:hover { background: #faf6ea; }

.oc-filter.active {
  background: linear-gradient(180deg, #e9b423, #d69a0e);
  color: #fff;
}

.oc-type-badge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
}

.oc-type-badge.solar     { background: #fff3e0; color: #e65100; }
.oc-type-badge.hijri     { background: #e8f5e9; color: #2e7d32; }
.oc-type-badge.gregorian { background: #e3f2fd; color: #1565c0; }